/* HomeInterior owner map: index only — partner/links/services-panel adjustments. */

/* hi-index-partners-links.css — consolidated bundle for index.html */

/* ---- source: hi-index-inline-13.css ---- */
/* === partners-gallery-grid-v2 === */
/* Partners gallery: thin grid like portfolio (6px), keep images uncropped and not stretched */
  #partners{ overflow-x: hidden; }
  /* v4: center title + partner texts in one column */
  #partners .wrap{
    text-align: center;
  }

  /* Stack the two partner descriptions vertically (new line) and center them */
  #partners .partners-info{
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    max-width: 980px;
    margin: 18px auto 0;
  }

  #partners .partners-info-item{
    width: 100%;
  }

  #partners .partners-info .partners-desc{
    text-align: center;
  }

  /* v4: CTA hover like header buttons (gold fill + glow) */
  #partners .partners-cta .btn{
    border: 1px solid rgba(255,255,255,0.14);
    padding: 10px 16px;
    border-radius: 999px !important;
    background: transparent;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    font-size: 14px;
    letter-spacing: .02em;
    -webkit-tap-highlight-color: transparent;
  }
  #partners .partners-cta .btn:hover,
  #partners .partners-cta .btn:focus-visible{
    background: #BFA97A !important;
    color:#000 !important;
    border-color:#BFA97A !important;
    box-shadow: 0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
    transform: translateY(-1px);
    opacity: 1;
  }

  /* Text block (based on archive layout, without partner names; single centered CTA) */
  #partners .partners-lead{
    margin: 0 auto 18px auto;
    max-width: 980px;
    text-align: center;
    
    
  }

  /* Two descriptions (grid cols-2 from global styles) */
  #partners .partners-info{
    margin-top: 18px;
  }
  #partners .partners-info .partners-desc{
    margin: 0;
    opacity: .92;
    line-height: 1.6;
  }

  #partners .partners-cta{
    display:flex;
    justify-content:center;
    margin-top: 22px;
  }

  /* Full-bleed gallery with thin padding equal to gap */
  #partners .partners-gallery{
    --pgap: 6px;
    width: 100%;
    margin-top: 28px;
    padding: var(--pgap);
    box-sizing: border-box;
  }

  #partners .partners-grid{
    display: grid;
    gap: var(--pgap);
    margin: 0;
    padding: 0;
  }

  /* Top row: widths proportional to original images (958 / 854 / 958) */
  #partners .partners-grid-3{
    grid-template-columns: 958fr 854fr 958fr;
  }

  /* Bottom row: two equal images */
  #partners .partners-grid-2{
    grid-template-columns: 1fr 1fr;
    margin-top: var(--pgap);
  }

  #partners .partners-shot{ margin: 0; }

  #partners .partners-shot img{
    display: block;
    width: 100%;
    height: auto !important;
    object-fit: contain;
    border-radius: 0;
  }

  /* Mobile: stack all images one-by-one, keep natural ratio */
  @media (max-width: 900px){
    #partners .partners-gallery{ margin-top: 18px; }
    /* v5: CTA button not full-width on mobile (narrower like desktop) */
    #partners .partners-cta .btn{ width: auto; max-width: none; }
    #partners .partners-grid-3,
    #partners .partners-grid-2{
      grid-template-columns: 1fr;
    }
  }


/* === v16-partners-prices-fixes === */
/* === Partners: typography + line breaks === */
#partners .wrap{ text-align:center; }
#partners .partners-lead{
  max-width: 900px;
  margin: 0 auto 8px;
  text-align: center;
  
}
#partners .partners-desc{
  max-width: 980px;
  margin: 18px auto 0;
  text-align: center;
}

/* Wide-only line break in lead (prevents ugly short-line breaks under 950px) */
#partners .partners-wide-br{ display:none; }
@media (min-width: 950px){
  #partners .partners-wide-br{ display:block; }
}

/* === Partners spacing vs Team / Contacts === */
@media (min-width: 901px){
  #partners{ padding-top:16px !important; padding-bottom:56px !important; }
  #contacts{ padding-top:56px !important; }
}
@media (max-width: 900px){
  #partners{ padding-top:40px !important; padding-bottom:40px !important; }
  #contacts{ padding-top:40px !important; }
}

/* === Prices: stars on top + centered header === */
#prices .price-card header{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  text-align:center !important;
}
#prices .price-card header .price-stars{
  width:100%;
  text-align:center !important;
  margin:0 !important;
  order:0 !important;
}
#prices .price-card header h3{
  text-align:center !important;
  margin:0 !important;
  order:1 !important;
}
#prices .price-card header .subtitle{
  text-align:center !important;
  margin:0 !important;
  order:2 !important;
}

/* === prices-visual-restore-v5 === */
/* Возврат более плотной подачи карточек пакетов на главной без изменения типографической системы */
#prices .price-card{
  padding:22px 22px 20px !important;
}
#prices .price-card header{
  gap:4px !important;
}
#prices .price-card header .price-stars{
  color:var(--hi-accent, #BFA97A) !important;
  font-size:19px !important;
  letter-spacing:2px !important;
  line-height:1 !important;
  margin:0 0 2px !important;
}
#prices .features{
  margin:8px 0 10px !important;
}
#prices .features li{
  margin:5px 0 !important;
}
#prices .price-row{
  margin-top:10px !important;
}
#prices .price-row .price{
  text-align:left !important;
  margin:0 !important;
}
@media (min-width: 1024px){
  #prices .price-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  #prices .price-row a.btn{
    align-self:auto !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    min-height:44px !important;
    padding:10px 18px !important;
  }
}

/* Variant B: contract texts take the same width as the whole prices section content (no “stairs”) */
#prices .prices-contract-note,
#prices .footnote{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* === team-layout-v22 === */
/* v23: TEAM (Обо мне и команде)
   - >=1616px: 2 колонки, пока текст и фото ещё держат аккуратную горизонталь
   - <=1615px: 1 колонка (фото сверху), переключаемся раньше — до появления чёрной пустоты над фото */
@media (min-width: 1616px){
  #team .grid.cols-2{
    grid-template-areas: "teamText teamPhoto" !important;
    align-items: stretch;
  }
  #team .team-text{
    grid-area: teamText;
    min-width: 0;
  }
  #team .team-photo-col{
    grid-area: teamPhoto;
    align-self: stretch;
    min-width: 0;
    min-height: 0;
  }
  #team .team-photo{
    height: 100%;
    min-height: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    position: relative;
  }
  #team .team-photo picture{
    display:block;
    width:100%;
    height:100%;
  }
  #team .team-photo img.team-photo-img{
    position:absolute;
    left:0;
    bottom:0; /* низ всегда вровень */
    width:100%;
    height:auto; /* без горизонтального кропа */
    display:block;
  }
}

@media (max-width: 1615px){
  #team .grid.cols-2{
    grid-template-areas:
      "teamPhoto"
      "teamText" !important;
    grid-template-columns: 1fr !important;
    align-items: start;
  }
  #team .team-text{
    grid-area: teamText;
    min-width: 0;
  }
  #team .team-photo-col{
    grid-area: teamPhoto;
    min-width: 0;
  }
  #team .team-photo{
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  }
  #team .team-photo picture,
  #team .team-photo img{
    display:block;
    width:100%;
    height:auto;
    position: static;
  }
}


/* === hi-pill-fill-like-portfolio-tabs-v2 === */
/* v2: pill buttons — glass fill like portfolio tabs frame (base state only; keep existing gold hover) */
#home-intro .cta .btn,
#home-intro .cta .btn-outline{
  background: rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    0 10px 28px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(255,255,255,0.12) !important;
}


/* === hi-home-intro-cta-glass-v1 === */
/* v1: Home intro CTA — glass fill like portfolio tabs frame (remove black + remove gold border) */
#home-intro .cta a.btn,
#home-intro .cta a.btn-outline{
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #fff !important;

  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(255,255,255,0.12) !important;
}


/* === hi-home-intro-cta-layout-v2 === */
/* v2: Home intro CTA — slightly lower + buttons a bit apart */
#home-intro .cta{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;

  /* a bit more air from the lead text */
  margin-top: 14px !important;

  /* move buttons slightly to the sides inside a limited width */
  max-width: 560px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: space-between !important;

  /* keep some breathing room, but not too wide */
  gap: 22px !important;
}
@media (max-width: 900px){
  #home-intro .cta{
    max-width: none !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-top: 16px !important;
  }
}


/* === hi-home-intro-portfolio-gold-v1 === */
/* v1: "Портфолио" — gold filled by default (keep existing hover glow) */
#home-intro .cta a.btn-outline{
  background: var(--hi-accent, #BFA97A) !important;
  border-color: var(--hi-accent, #BFA97A) !important;
  color: #111 !important;

  /* remove glass-only effects for a cleaner solid gold */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 0 14px rgba(191,169,122,0.22) !important;
}

/* ---- source: hi-index-inline-15.css ---- */
/* === hi-index-hub-links-v1 === */
#services .hi-services-main li{margin-bottom:12px;}
#services .hi-service-link{
  color:var(--hi-text);
  text-decoration:none;
  border-bottom:1px solid rgba(191,169,122,.45);
  transition:color .25s ease, border-color .25s ease;
}
#services .hi-service-link:hover,
#services .hi-service-link:focus-visible{
  color:var(--hi-accent);
  border-color:rgba(191,169,122,.95);
}


.hi-video-bridge,
.hi-prices-bridge{
  max-width:1100px;
  margin:22px auto 0;
  text-align:center;
}
.hi-prices-bridge{margin-top:14px;}
.hi-video-bridge p,
.hi-prices-bridge p{margin:0;}
@media (max-width:768px){
  .hi-video-bridge,
  .hi-prices-bridge{margin-top:18px;}
}


/* === index_v5_hero_services_refine === */
/* v5: tighter hero/services rhythm + integrated services title + clean frame like repair page */
#home-intro.home-intro{
  padding-bottom:28px !important;
}
#home-intro .cta{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  width:100% !important;
  max-width:none !important;
  margin:14px auto 0 !important;
}
#home-intro .cta .btn,
#home-intro .cta .btn-outline{
  min-width:178px !important;
}

#services{
  padding-top:14px !important;
}

#services .hi-about-layout{
  gap:14px !important;
}
#services .hi-about{
  margin:0 0 10px 0 !important;
}

#services .hi-services-layout{
  margin-top:8px !important;
}
#services .hi-services-panel{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  padding-top:0 !important;
}
@media (min-width: 1024px){
  #services .hi-services-main{
    max-width:none !important;
  }
}
#services .hi-services-shell{
  width:100%;
  padding:20px 28px 20px !important;
  border:1px solid rgba(191,169,122,.24);
  border-radius:28px;
  background:#111114 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.01), inset 0 0 0 1px rgba(255,255,255,.01);
}
#services .hi-services-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}
#services .hi-service-card{
  min-width:0;
  min-height:0;
  padding:22px 26px;
  background:transparent !important;
  transition:none !important;
}
#services .hi-service-card:nth-child(-n/**/+6){
  border-bottom:1px solid rgba(255,255,255,.08);
}
#services .hi-service-card:nth-child(odd){
  border-right:1px solid rgba(255,255,255,.08);
  padding-left:0 !important;
}
#services .hi-service-card:nth-child(even){
  padding-right:0 !important;
}
#services .hi-service-card:nth-child(-n/**/+2){
  padding-top:0 !important;
  padding-bottom:24px !important;
}
#services .hi-service-card:nth-child(3),
#services .hi-service-card:nth-child(4),
#services .hi-service-card:nth-child(5),
#services .hi-service-card:nth-child(6){
  padding-top:24px !important;
  padding-bottom:24px !important;
}
#services .hi-service-card:nth-child(n/**/+7){
  padding-top:24px !important;
  padding-bottom:0 !important;
}
#services .hi-service-card:hover{
  background:transparent !important;
}
#services .hi-service-card h3{
  margin:0 0 10px;
  
  
  
  
}
#services .hi-service-card p{
  margin:0;
  
  
  
}
#services .hi-service-card-link{
  color:inherit;
  text-decoration:none;
  transition:color .25s ease;
}
#services .hi-service-card-link:hover,
#services .hi-service-card-link:focus-visible{
  color:#d6bf92;
}

#services .svc-cta{
  justify-content:center;
  margin-top:20px !important;
}

@media (max-width: 900px){
  #home-intro.home-intro{
    padding-bottom:20px !important;
  }
  #home-intro .cta{
    gap:10px !important;
    margin-top:16px !important;
  }
  #home-intro .cta .btn,
  #home-intro .cta .btn-outline{
    min-width:164px !important;
  }
  #services{
    padding-top:10px !important;
  }
  
  #services .hi-about-layout{
    gap:12px !important;
  }
  #services .hi-about{
    margin-bottom:8px !important;
  }
  #services .hi-services-layout{
    margin-top:8px !important;
  }
  #services .hi-services-panel{
    padding-top:0 !important;
  }
  #services .hi-services-shell{
    padding:18px 20px 18px !important;
  }
  #services .hi-services-grid{
    grid-template-columns:1fr;
  }
  #services .hi-service-card{
    min-height:auto;
    padding:20px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:transparent !important;
  }
  #services .hi-service-card:first-child{
    padding-top:0 !important;
  }
  #services .hi-service-card:last-child{
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }
  
  
}


/* === index_v9_services_cta_rebalance === */
/* v9: return a bit of air after hero lead + move gold accent to service CTAs */
#home-intro.home-intro{
  padding-bottom: 26px !important;
}
#services{
  padding-top: 8px !important;
}

#services .hi-about-layout{
  gap: 12px !important;
}
#services .hi-about{
  margin: 0 0 8px 0 !important;
}

#services .hi-services-layout{
  margin-top: 6px !important;
}
#services .svc-cta{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px !important;
  align-items:start !important;
  width:100%;
  max-width:none !important;
  margin:24px 0 0 !important;
}
#services .svc-cta a.btn-outline{
  justify-self:center;
  min-width:280px !important;
  min-height:54px;
  padding:14px 26px !important;
  border-radius:999px !important;
  background:#BFA97A !important;
  color:#000 !important;
  border:1px solid #BFA97A !important;
  box-shadow:0 0 0 rgba(0,0,0,0) !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
}
#services .svc-cta a.btn-outline:hover,
#services .svc-cta a.btn-outline:focus-visible{
  background:#cfb988 !important;
  color:#000 !important;
  border-color:#cfb988 !important;
  box-shadow:0 0 18px rgba(191,169,122,0.38), 0 0 36px rgba(191,169,122,0.18) !important;
  transform:translateY(-1px);
}
@media (max-width: 900px){
  #home-intro.home-intro{
    padding-bottom: 18px !important;
  }
  #services{
    padding-top: 6px !important;
  }
  
  #services .hi-about-layout{
    gap: 10px !important;
  }
  #services .hi-about{
    margin: 0 0 6px 0 !important;
  }
  
  #services .hi-services-layout{
    margin-top: 4px !important;
  }
  #services .svc-cta{
    grid-template-columns:1fr;
    gap:12px !important;
    margin-top:18px !important;
  }
  #services .svc-cta a.btn-outline{
    width:100%;
    max-width:360px;
    min-width:0 !important;
  }
}


/* === index_v11_services_cta_center_and_text === */
/* v11: return service CTAs to centered placement; keep button size, slightly enlarge button text */
#home-intro.home-intro{
  padding-bottom: 34px !important;
}
#services{
  padding-top: 12px !important;
}
#services .svc-cta{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px !important;
  align-items:start !important;
  justify-items:center !important;
  width:100%;
  max-width:none !important;
  margin:24px 0 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
#services .svc-cta a.btn-outline{
  justify-self:center !important;
  min-width:252px !important;
  min-height:50px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
}
@media (max-width: 900px){
  #home-intro.home-intro{
    padding-bottom: 24px !important;
  }
  #services{
    padding-top: 8px !important;
  }
  #services .svc-cta{
    grid-template-columns:1fr;
    gap:12px !important;
    margin-top:18px !important;
    padding:0 20px !important;
    justify-items:center !important;
  }
  #services .svc-cta a.btn-outline{
    width:100%;
    max-width:360px;
    min-width:0 !important;
    font-size:16px !important;
    font-weight:600 !important;
  }
}


/* === prices_v17_refine === */
/* v17/v37: Prices block — remove service notes and keep equal heading-to-card rhythm before workflow. */
#prices{
  padding-bottom: 2px !important;
}

#prices .prices-contract-note,
#prices .footnote{
  display: none !important;
}
#design-steps{
  padding-top: 0 !important;
  margin-top: 46px !important;
}

@media (max-width: 1099px){
  
  #design-steps{
    margin-top: 32px !important;
  }
  
}


/* === hi-v30-header-capsule-cta === */



/* === index_v3_hero_cta_and_services_intro === */
/* v3: explicit CTA hierarchy + centered intro copy + more air before services table */
#home-intro .cta{
  gap:14px !important;
}
#home-intro .cta a.hi-hero-cta{
  font-size:17px !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-primary{
  background:var(--hi-accent, #BFA97A) !important;
  border:1px solid var(--hi-accent, #BFA97A) !important;
  border-color:var(--hi-accent, #BFA97A) !important;
  color:#111 !important;
  background-image:none !important;
  box-shadow:0 0 14px rgba(191,169,122,0.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-primary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-primary:focus-visible{
  background:#cfb988 !important;
  border-color:#cfb988 !important;
  color:#111 !important;
  background-image:none !important;
  box-shadow:0 0 18px rgba(191,169,122,0.34), 0 0 34px rgba(191,169,122,0.18) !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary{
  background:#262626 !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  border-color:rgba(255,255,255,0.16) !important;
  color:rgba(255,255,255,0.94) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !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;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible{
  background:#2e2e2e !important;
  border-color:rgba(191,169,122,0.34) !important;
  color:#fff !important;
  background-image:none !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 -1px 0 rgba(255,255,255,0.07),
    0 0 18px rgba(191,169,122,0.10) !important;
}
#services{
  scroll-margin-top:120px !important;
  padding-top:30px !important;
}

#services .hi-about-layout{
  gap:20px !important;
}
#services .hi-about{
  margin:0 0 18px 0 !important;
}

#services .hi-about p:last-child{
  margin-bottom:0 !important;
}
#services .hi-services-layout{
  margin-top:34px !important;
}
@media (max-width: 900px){
  #home-intro .cta a.hi-hero-cta{
    font-size:15px !important;
  }
  #services{
    scroll-margin-top:96px !important;
    padding-top:16px !important;
  }
  
  #services .hi-about-layout{
    gap:16px !important;
  }
  #services .hi-about{
    margin-bottom:14px !important;
  }
  #services .hi-services-layout{
    margin-top:24px !important;
  }
}


/* === home-v4-wide-about-header-calm === */
/* v4: wide about text + calmer desktop header active state */
#services .hi-about-layout{
  gap: 20px !important;
}
#services .hi-about{
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  text-align: center !important;
}




/* === home-v8-video-rhythm-and-subtitles === */
/* v9: align video/about headings with the same scale and spacing as prices */
#hi-video-reviews{
  padding:62px 0 8px !important;
}
#hi-video-reviews .hi-videos-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  margin-bottom:12px !important;
  text-align:center !important;
}

#hi-video-reviews .hi-coverflow{
  padding-top:0 !important;
}

#services .hi-about-layout{
  gap:0 !important;
}
#services .hi-about{
  margin:0 auto 16px !important;
}
@media (max-width: 900px){
  #hi-video-reviews{
    padding:22px 0 8px !important;
    scroll-margin-top:96px !important;
  }
  #hi-video-reviews .hi-videos-head{
    margin-bottom:8px !important;
  }
  
  
  
  #services .hi-about{
    margin:0 auto 14px !important;
  }
}


/* === index-v32-clean-headings === */
:root{
  --hi-section-title-size: var(--hi-type-h2);
  --hi-section-title-line: var(--hi-type-h2-line);
  --hi-section-title-gap: 22px;
  --hi-section-stack-gap: 40px;
  --hi-section-title-underline-overshoot: 28px;
  --hi-section-subtitle-size: clamp(17px, 1.02vw, 18px);
  --hi-section-subtitle-line: 1.6;
}

#services > .wrap > h2,
#portfolio > .wrap > h2,
#hi-video-reviews .hi-videos-head > h2,
#prices > .wrap > h2,
#realized-view > .wrap > h2,
#design-steps > .wrap > h2,
#team > .wrap > h2,
#partners > .wrap > h2,
#contacts > .wrap > h2{
  position:relative;
  display:block;
  width:fit-content;
  margin:0 auto var(--hi-section-title-gap);
  text-align:center;
  font-size:var(--hi-section-title-size);
  line-height:var(--hi-section-title-line);
  letter-spacing:-0.02em;
  color:var(--hi-text);
}

#services > .wrap > h2::after,
#portfolio > .wrap > h2::after,
#hi-video-reviews .hi-videos-head > h2::after,
#prices > .wrap > h2::after,
#realized-view > .wrap > h2::after,
#design-steps > .wrap > h2::after,
#team > .wrap > h2::after,
#partners > .wrap > h2::after,
#contacts > .wrap > h2::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-10px;
  width:calc(100% + var(--hi-section-title-underline-overshoot));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.85) 12%,
    rgba(191,169,122,.95) 50%,
    rgba(191,169,122,.85) 88%,
    rgba(191,169,122,0) 100%);
  box-shadow:0 0 10px rgba(191,169,122,.45), 0 0 22px rgba(191,169,122,.25);
  border-radius:2px;
}

#portfolio > .wrap > h2,
#design-steps > .wrap > h2,
#team > .wrap > h2,
#contacts > .wrap > h2{
  margin-bottom:var(--hi-section-stack-gap);
}

#portfolio > .wrap > h2{
  margin-bottom:33px;
}

#hi-video-reviews .hi-videos-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  margin-bottom:22px;
  text-align:center;
}

#services .hi-about{
  width:100%;
  max-width:920px;
  margin:0 auto 28px;
  text-align:center;
}

#services .hi-about p{
  margin:0 auto 10px;
  max-width:860px;
  
  
  
  text-align:center;
  white-space:normal;
  
  
  
}

#services .hi-about p:last-child{
  margin-bottom:0;
}

#hi-video-reviews .hi-video-reviews-subtitle,
#prices .hi-prices-subtitle{
  max-width:900px;
  margin:0 auto 0;
  font-size:var(--hi-section-subtitle-size);
  line-height:var(--hi-section-subtitle-line);
  color:var(--hi-text-dim);
  text-align:center;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

@media (min-width: 1100px){
  #prices .hi-prices-subtitle{
    white-space:nowrap;
  }
}

@media (max-width: 900px){
  :root{
    --hi-section-title-size: var(--hi-type-h2);
    --hi-section-title-gap: 16px;
    --hi-section-stack-gap: 30px;
    --hi-section-title-underline-overshoot: 22px;
    --hi-section-subtitle-size: 16px;
    --hi-section-subtitle-line: 1.5;
  }

  #services > .wrap > h2::after,
  #portfolio > .wrap > h2::after,
  #hi-video-reviews .hi-videos-head > h2::after,
  #prices > .wrap > h2::after,
  #design-steps > .wrap > h2::after,
  #team > .wrap > h2::after,
  #partners > .wrap > h2::after,
  #contacts > .wrap > h2::after{
    bottom:-8px;
  }

  #portfolio > .wrap > h2{
    margin-bottom:23px;
  }

  #hi-video-reviews .hi-videos-head{
    margin-bottom:18px;
  }

  #services .hi-about{
    margin-bottom:20px;
  }

  #services .hi-about p{
    margin-bottom:8px;
    
  }

  #hi-video-reviews .hi-video-reviews-subtitle,
  #prices .hi-prices-subtitle{
    margin-bottom:8px;
    white-space:normal;
  }
}


/* === index_v37_secondary_cta_unify === */
/* v37: unify secondary CTA family with header / hero secondary button */
#design-steps .svc-cta a.btn-outline,
#partners .partners-cta .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  background:#262626 !important;
  color:rgba(255,255,255,0.94) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !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 !important;
}
#design-steps .svc-cta a.btn-outline:hover,
#design-steps .svc-cta a.btn-outline:focus-visible,
#partners .partners-cta .btn:hover,
#partners .partners-cta .btn:focus-visible{
  background:#BFA97A !important;
  color:#111 !important;
  border-color:#BFA97A !important;
  box-shadow:0 0 18px rgba(191,169,122,0.7), 0 0 36px rgba(191,169,122,0.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}
#design-steps .svc-cta{
  gap:16px !important;
}
#partners .partners-cta{
  margin-top:24px !important;
}
@media (max-width: 900px){
  #design-steps .svc-cta a.btn-outline,
  #partners .partners-cta .btn{
    min-height:48px !important;
    font-size:15px !important;
    padding:0 20px !important;
  }
}
@media (max-width: 680px){
  #design-steps .svc-cta a.btn-outline{
    width:100% !important;
    max-width:360px !important;
  }
  #partners .partners-cta .btn{
    width:auto !important;
    max-width:none !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;
  font-size:18px !important;
  line-height:1.5 !important;
  color:var(--hi-text-dim) !important;
}
#realized-view .realized-view-list li:last-child{
  margin-bottom:0;
}
#realized-view .realized-view-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  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{
    align-items:flex-start;
    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-list li{
    font-size:16px !important;
    line-height:1.5 !important;
  }
  #realized-view .realized-view-actions .btn,
  #realized-view .realized-view-actions .btn-outline{
    max-width:none;
  }
}


/* === index-v47-mobile-realized-view-rhythm === */
/* v11: shorten only the mobile gap after video reviews before the realized-view block. */
@media (max-width: 900px){
  #realized-view{
    padding-top:12px !important;
  }
}


/* === team-text-justify-v14 === */
/* Desktop: пробуем ровную правую кромку без переносов слов. */
@media (min-width: 1616px){
  #team .team-text{
    max-width: none !important;
    text-align: justify !important;
    text-justify: inter-word !important;
  }
  #team .team-text p{
    text-align: inherit !important;
    text-align-last: left !important;
    text-justify: inherit !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 1615px){
  #team .team-text,
  #team .team-text p{
    text-align: left !important;
    text-align-last: auto !important;
    text-justify: auto !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

/* === index-v36-heading-card-gap === */
/* After removing subtitles, restore a controlled equal gap from H2 to the cards. */
#realized-view .realized-view-shell,
#prices .hi-prices-grid{
  margin-top:48px !important;
}

@media (max-width: 900px){
  #realized-view .realized-view-shell,
  #prices .hi-prices-grid{
    margin-top:34px !important;
  }
}


/* === index_v38_design_steps_cta_offset === */
/* v38: lower only the service CTA buttons inside "Как мы работаем" by +16px; do not move the steps grid or headings. */
#design-steps .svc-cta{
  margin-top:32px !important;
}

/* === index_v44_design_steps_cta_flow_offset === */
/* v44: lower the CTA buttons under "Как мы работаем" by another 10px in the normal flow, so the content below moves down too. */
#design-steps .svc-cta{
  margin-top:42px !important;
}

/* === index_v39_design_steps_cta_darker_glass === */
/* v39: make only the two CTA buttons under "Как мы работаем" visually closer to the portfolio dark glass buttons. */
#design-steps .svc-cta a.btn-outline{
  background:rgba(255,255,255,0.06) !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,0.12) !important;
  backdrop-filter:blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(160%) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(255,255,255,0.12) !important;
}

/* === index_v40_partners_cleanup_cta_darker_glass === */
/* v40: remove the extra partner description in HTML and make the partner CTA visually match the darker glass service CTA style. */
#partners .partners-cta .btn{
  background:rgba(255,255,255,0.06) !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,0.12) !important;
  backdrop-filter:blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(160%) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(255,255,255,0.12) !important;
}

/* === index_v41_partners_up_portfolio_more_darker_glass === */
/* v41: move the whole partners block 20px closer to the team section and darken only the portfolio "show more" button. */
#portfolio .portfolio-more-btn{
  background:rgba(255,255,255,0.06) !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,0.12) !important;
  backdrop-filter:blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(160%) !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -1px 0 rgba(255,255,255,0.12) !important;
}

/* === index_v42_secondary_buttons_like_hero_secondary === */
/* v42: unify dark-filled secondary buttons with the hero "Ремонт под ключ" button. Base state only; keep existing hover logic. */
#portfolio .portfolio-showcase__cta,
#portfolio .portfolio-more-btn,
#design-steps .svc-cta a.btn-outline,
#partners .partners-cta .btn{
  background:#262626 !important;
  color:rgba(255,255,255,0.94) !important;
  border-color:rgba(255,255,255,0.16) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !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;
}
#portfolio .portfolio-tabs{
  background:#262626 !important;
  border-color:rgba(255,255,255,0.16) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !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;
}

/* === index_v43_portfolio_tabs_restore_darker_glass === */
/* v43 updated: portfolio category tabs frame uses the same dark fill tone as "Подробнее о проекте" CTA. */
#portfolio .portfolio-tabs{
  background:#202020 !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;
}

/* === index_v47_secondary_button_hover_gold_glow === */
/* v47: make hero secondary, portfolio project CTA and portfolio show-more button hover like the service/partners secondary CTAs. */
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
#portfolio .portfolio-showcase__cta,
#portfolio .portfolio-more-btn{
  transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .35s ease, transform .25s ease !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible,
#portfolio .portfolio-showcase__cta:hover,
#portfolio .portfolio-showcase__cta:focus-visible,
#portfolio .portfolio-more-btn:hover,
#portfolio .portfolio-more-btn:focus-visible{
  background:#BFA97A !important;
  color:#111 !important;
  border-color:#BFA97A !important;
  background-image:none !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;
}


/* === index_v48_contacts_full_cta_form === */
/* v48: turn footer-like contacts into a full final CTA section with inline form and contact details. */
#contacts.hi-contact-section{
  padding-top:32px !important;
  padding-bottom:86px !important;
  scroll-margin-top:104px !important;
}

#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;
}

#contacts .hi-contact-form-card,
#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);
}

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

#contacts .hi-contact-info-card{
  padding:30px;
}

#contacts .hi-contact-info-head{
  text-align:left;
}

#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;
}

#contacts .hi-contact-form-card h3,
#contacts .hi-contact-info-head h3{
  margin:0 0 14px;
  text-align:left;
  color:var(--hi-text);
  font-size:clamp(30px,2.65vw,48px) !important;
  line-height:1.08 !important;
  letter-spacing:-0.035em;
}

#contacts .hi-contact-info-head h3{
  font-size:clamp(24px,1.7vw,32px) !important;
  letter-spacing:-0.02em;
}

#contacts .hi-contact-text,
#contacts .hi-contact-info-head p{
  max-width:680px;
  margin:0;
  text-align:left;
  color:var(--hi-text-dim);
  font-size:17px !important;
  line-height:1.62 !important;
}

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

#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;
}

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

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

#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;
}

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

#contacts .hi-contact-field input:focus,
#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);
}

#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;
}

#contacts .hi-contact-submit:hover,
#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;
}

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

#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;
}

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

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

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

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

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

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

#contacts .hi-contact-link,
#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;
}

#contacts .hi-contact-link:hover,
#contacts .hi-contact-link:focus-visible,
#contacts .hi-contact-map-link:hover,
#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);
}

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

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

#contacts .hi-contact-address{
  margin-top:12px;
}

#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;
}

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

#contacts .map-placeholder span{
  font-weight:700;
}

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

@media (max-width: 900px){
  #contacts.hi-contact-section{
    padding-top:52px !important;
    padding-bottom:58px !important;
    scroll-margin-top:96px !important;
  }
  #contacts .hi-contact-panel{
    margin-top:34px;
  }
  #contacts .hi-contact-form-card,
  #contacts .hi-contact-info-card{
    padding:24px;
    border-radius:24px;
  }
  #contacts .hi-contact-form-card h3{
    font-size:34px !important;
  }
  #contacts .hi-contact-text,
  #contacts .hi-contact-info-head p{
    font-size:16px !important;
    line-height:1.56 !important;
  }
}

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

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


/* === index_secondary_buttons_tone_v08 ===
   Owner: index.html. Финальная локальная правка: вторичные тёмные CTA приведены к тону
   кнопки «Посмотреть цены» на странице design-interiera-samara (#262626). */
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
#portfolio .portfolio-showcase__cta,
#portfolio .portfolio-more-btn,
#services .svc-cta a.btn-outline,
#design-steps .svc-cta a.btn-outline,
#partners .partners-cta .btn,
#realized-view .realized-view-actions .btn-outline{
  background:#262626 !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.16) !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.06) !important;
}
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:hover,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:focus-visible,
#portfolio .portfolio-showcase__cta:hover,
#portfolio .portfolio-showcase__cta:focus-visible,
#portfolio .portfolio-more-btn:hover,
#portfolio .portfolio-more-btn:focus-visible,
#services .svc-cta a.btn-outline:hover,
#services .svc-cta a.btn-outline:focus-visible,
#design-steps .svc-cta a.btn-outline:hover,
#design-steps .svc-cta a.btn-outline:focus-visible,
#partners .partners-cta .btn:hover,
#partners .partners-cta .btn:focus-visible,
#realized-view .realized-view-actions .btn-outline:hover,
#realized-view .realized-view-actions .btn-outline:focus-visible{
  background:#2e2e2e !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.34) !important;
  background-image:none !important;
  box-shadow:0 12px 28px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(255,255,255,.07), 0 0 18px rgba(191,169,122,.10) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}

/* === index_secondary_buttons_tone_v09 ===
   Owner: index.html. Коррекция после v08: вторичные серые CTA затемнены
   до единого спокойного тона без светлой стеклянной заливки. */
#home-intro .hi-hero-cta-secondary,
#portfolio .portfolio-showcase__cta,
#portfolio .portfolio-more-btn,
#services .svc-cta a.btn-outline,
#design-steps .svc-cta a.btn-outline,
#partners .partners-cta .btn,
#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;
  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;
}
#home-intro .hi-hero-cta-secondary:hover,
#home-intro .hi-hero-cta-secondary:focus-visible,
#portfolio .portfolio-showcase__cta:hover,
#portfolio .portfolio-showcase__cta:focus-visible,
#portfolio .portfolio-more-btn:hover,
#portfolio .portfolio-more-btn:focus-visible,
#services .svc-cta a.btn-outline:hover,
#services .svc-cta a.btn-outline:focus-visible,
#design-steps .svc-cta a.btn-outline:hover,
#design-steps .svc-cta a.btn-outline:focus-visible,
#partners .partners-cta .btn:hover,
#partners .partners-cta .btn:focus-visible,
#realized-view .realized-view-actions .btn-outline:hover,
#realized-view .realized-view-actions .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;
}


/* === index-v59-unified-dark-grey-buttons ===
   Owner: index.html. Задача: привести серые CTA-кнопки главной к единому базовому тону #202020 без изменения формы, размеров и hover-логики. */
#home-intro .hi-hero-cta-secondary,
#home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
#portfolio .portfolio-showcase__cta,
#portfolio .portfolio-more-btn,
#services .svc-cta a.btn-outline,
#design-steps .svc-cta a.btn-outline,
#partners .partners-cta .btn,
#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;
  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;
}


/* === index-v14-mobile-portfolio-control-unify ===
   Owner: index.html / mobile portfolio showcase.
   Keep the "Подробнее о проекте" pill visually close to the arrow/counter controls.
   Desktop and portfolio logic are untouched. */
@media (max-width: 900px){
  #portfolio .portfolio-showcase__cta{
    background:rgba(3,3,3,.34) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
    background-image:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  #portfolio .portfolio-showcase__cta:hover,
  #portfolio .portfolio-showcase__cta:focus{
    background:rgba(3,3,3,.34) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.16) !important;
    box-shadow:none !important;
    transform:none !important;
    outline:none !important;
  }
  #portfolio .portfolio-showcase__cta:active,
  #portfolio .portfolio-showcase__cta:focus-visible{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:0 0 18px rgba(191,169,122,.34) !important;
    transform:none !important;
    outline:none !important;
  }
}

/* === index-v15-mobile-active-buttons ===
   Owner: index.html / content buttons on the home page.
   Задача: мобильное состояние нажатия для кнопок в контенте. Шапка и меню не затрагиваются. */
@media (hover:none) and (pointer:coarse) and (max-width:900px){
  #home-intro .hi-hero-cta-secondary:active,
  #portfolio .portfolio-showcase__nav:active,
  #portfolio .portfolio-showcase__cta:active,
  #portfolio .portfolio-more-btn:active,
  #portfolio .portfolio-tab:not(.is-active):active,
  #hi-video-reviews .hi-coverflow-arrow:active,
  #realized-view .realized-view-actions .btn-outline:active,
  #design-steps .svc-cta a.btn-outline:active,
  #partners .partners-cta .btn:active,
  #reviews .btn-outline:active,
  #contacts .hi-contact-map-link:active,
  #hi-modal .hi-btn-ghost:active{
    background:#BFA97A !important;
    color:#111 !important;
    border-color:#BFA97A !important;
    background-image:none !important;
    box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
    transform:none !important;
    opacity:1 !important;
  }

  #home-intro .hi-hero-cta-primary:active,
  #portfolio .portfolio-tab.is-active:active,
  #realized-view .realized-view-actions .btn:active,
  #prices .price-card .btn:active,
  #contacts .hi-contact-submit:active,
  #hi-modal .hi-btn:active{
    box-shadow:0 0 20px rgba(191,169,122,.78), 0 0 42px rgba(191,169,122,.50), inset 0 1px 0 rgba(255,255,255,.18) !important;
    filter:saturate(1.05) brightness(1.03) !important;
    transform:none !important;
    opacity:1 !important;
  }

  #portfolio .portfolio-showcase__nav:active span,
  #hi-video-reviews .hi-coverflow-arrow:active{
    color:#111 !important;
  }
}

/* === index-v16-mobile-explicit-active-fix ===
   Owner: index.html / mobile content buttons.
   Задача: дожать состояние нажатия для «Обсудить проект» и «Подробнее о проекте».
   Шапка, меню, ПК и логика слайдеров не затрагиваются. */
@media (hover:none) and (pointer:coarse) and (max-width:900px){
  body #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary:active,
  body #realized-view .realized-view-actions a.btn-outline:active,
  body #portfolio .portfolio-showcase__cta:active{
    background:#BFA97A !important;
    background-image:none !important;
    color:#111 !important;
    border-color:#BFA97A !important;
    box-shadow:0 0 18px rgba(191,169,122,.72), 0 0 38px rgba(191,169,122,.48) !important;
    filter:saturate(1.04) brightness(1.03) !important;
    transform:none !important;
    opacity:1 !important;
    -webkit-tap-highlight-color:rgba(191,169,122,.24) !important;
  }
}

/* === index-v19-mobile-section-rhythm-pass-1 ===
   Owner: index.html / mobile section rhythm on homepage.
   Base: public_html_patch_v18.zip.
   Scope: only mobile vertical gaps between accepted sections; no desktop, no header, no text/layout logic. */
@media (max-width: 900px){
  :root{
    --hi-mobile-section-gap-v19:44px;
  }

  /* Lift the whole "Показ готового интерьера по записи" block a little closer to video reviews. */
  #realized-view{
    margin-top:-20px !important;
    padding-top:12px !important;
    padding-bottom:0 !important;
  }

  /* Use one mobile rhythm: previous section ends cleanly, next title starts after the same gap. */
  #prices,
  #design-steps,
  #team,
  #partners,
  #reviews.hi-index-reviews,
  #home-questions.hi-home-questions,
  #contacts.hi-contact-section{
    padding-top:var(--hi-mobile-section-gap-v19) !important;
  }

  #prices,
  #design-steps,
  #team,
  #partners,
  #reviews.hi-index-reviews,
  #home-questions.hi-home-questions{
    padding-bottom:0 !important;
  }

  /* Remove old compensating margins that made gaps visually uneven. */
  #design-steps,
  #team{
    margin-top:0 !important;
  }
}

/* === hi-video-mobile-arrow-tap-v2 ===
   Owner: #hi-video-reviews / mobile arrow buttons.
   Причина: на iOS после tap у кнопки оставался :focus, а v1 подсвечивал ::after и давал смещенный контур.
   Решение: на мобильном focus невидимый; видимая подсветка только через :active / .is-key-active, круг центрирован. */
@media (hover:none) and (pointer:coarse){
  #hi-video-reviews .hi-coverflow-arrow{
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation;
    outline:0 !important;
    box-shadow:none !important;
  }

  #hi-video-reviews .hi-coverflow-arrow::after{
    transform:none !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:focus,
  #hi-video-reviews .hi-coverflow-arrow:focus-visible{
    background:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    transform:none !important;
    opacity:1 !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:focus:not(.is-key-active):not(:active),
  #hi-video-reviews .hi-coverflow-arrow:focus-visible:not(.is-key-active):not(:active){
    color:rgba(255,255,255,.92) !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:focus:not(.is-key-active):not(:active)::after,
  #hi-video-reviews .hi-coverflow-arrow:focus-visible:not(.is-key-active):not(:active)::after{
    border-color:rgba(255,255,255,.18) !important;
    background:rgba(3,3,3,.18) !important;
    box-shadow:none !important;
    transform:none !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:active,
  #hi-video-reviews .hi-coverflow-arrow.is-key-active{
    background:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    transform:none !important;
    color:#080808 !important;
    opacity:1 !important;
  }

  #hi-video-reviews .hi-coverflow-arrow:active::after,
  #hi-video-reviews .hi-coverflow-arrow.is-key-active::after{
    border-color:rgba(191,169,122,.96) !important;
    background:var(--hi-accent, #bfa97a) !important;
    box-shadow:0 0 18px rgba(191,169,122,.34) !important;
    transform:none !important;
  }
}

/* === hi-home-section-underlines-unified-v02 ===
   Owner: index.html.
   Один визуальный стандарт для линий H2 на главной: одинаковая яркость, градиент, тень и вылет. */
body.project-hero-fullscreen-page#top #services > .wrap > .hi-about-title,
body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title,
body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > .section-title,
body.project-hero-fullscreen-page#top #realized-view > .wrap > .section-title,
body.project-hero-fullscreen-page#top #prices > .wrap > .section-title,
body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title,
body.project-hero-fullscreen-page#top #team > .wrap > .section-title,
body.project-hero-fullscreen-page#top #partners > .wrap > .section-title,
body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title,
body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head > .section-title,
body.project-hero-fullscreen-page#top #contacts > .wrap > .section-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  
}

body.project-hero-fullscreen-page#top #services > .wrap > .hi-about-title::after,
body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > .section-title::after,
body.project-hero-fullscreen-page#top #realized-view > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #prices > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #team > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #partners > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title::after,
body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head > .section-title::after,
body.project-hero-fullscreen-page#top #contacts > .wrap > .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,.40) 18%,
    rgba(191,169,122,.70) 50%,
    rgba(191,169,122,.40) 82%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
  opacity:.94 !important;
  border-radius:2px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #services > .wrap > .hi-about-title::after,
  body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > .section-title::after,
  body.project-hero-fullscreen-page#top #realized-view > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #prices > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #team > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #partners > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title::after,
  body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head > .section-title::after,
  body.project-hero-fullscreen-page#top #contacts > .wrap > .section-title::after{
    bottom:-10px !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
  }
}

/* === index-mobile-section-gap-match-design-v17 ===
   Owner: index.html / mobile vertical rhythm.
   Цель: перенести эталонный зазор со страницы «Дизайн интерьера»
   на главную: нижняя грань CTA -> следующий H2 и единый ритм между крупными разделами.
   Не меняются desktop, H1/H2, тексты, SEO, шапка, слайдеры и порядок блоков. */
@media (max-width: 900px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-section-gap-v17:58px;
    --hi-index-mobile-first-gap-bottom-v17:28px;
    --hi-index-mobile-first-gap-top-v17:30px;
  }

  /* Первый экран -> «О студии HomeInterior»: тот же суммарный ритм, что CTA -> H2 на странице дизайна. */
  body.project-hero-fullscreen-page#top #home-intro.home-intro{
    padding-bottom:var(--hi-index-mobile-first-gap-bottom-v17) !important;
  }
  body.project-hero-fullscreen-page#top #services{
    padding-top:var(--hi-index-mobile-first-gap-top-v17) !important;
    padding-bottom:0 !important;
  }

  /* Крупные разделы главной: один спокойный межсекционный зазор. */
  body.project-hero-fullscreen-page#top #portfolio,
  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact,
  body.project-hero-fullscreen-page#top #realized-view,
  body.project-hero-fullscreen-page#top #prices,
  body.project-hero-fullscreen-page#top #design-steps,
  body.project-hero-fullscreen-page#top #team,
  body.project-hero-fullscreen-page#top #partners,
  body.project-hero-fullscreen-page#top #reviews.hi-index-reviews,
  body.project-hero-fullscreen-page#top #home-questions.hi-home-questions,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section{
    padding-top:var(--hi-index-mobile-section-gap-v17) !important;
  }

  /* Убираем старую компенсацию, которая делала переход к «Показу готового интерьера» плотнее остальных. */
  body.project-hero-fullscreen-page#top #realized-view{
    margin-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #prices,
  body.project-hero-fullscreen-page#top #design-steps,
  body.project-hero-fullscreen-page#top #team,
  body.project-hero-fullscreen-page#top #partners,
  body.project-hero-fullscreen-page#top #reviews.hi-index-reviews,
  body.project-hero-fullscreen-page#top #home-questions.hi-home-questions{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #design-steps,
  body.project-hero-fullscreen-page#top #team{
    margin-top:0 !important;
  }
}

@media (max-width: 380px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-section-gap-v17:54px;
    --hi-index-mobile-first-gap-bottom-v17:26px;
    --hi-index-mobile-first-gap-top-v17:28px;
  }
}

/* === index-mobile-design-rhythm-and-project-tabs-v18 ===
   Owner: index.html / mobile rhythm + portfolio tabs.
   Цель: привести главную к принятому мобильному ритму страницы «Дизайн интерьера»:
   1) нижняя CTA первого экрана -> «О студии HomeInterior»;
   2) блок проектов: «Все проекты» + табы как на странице «Дизайн интерьера»;
   3) видеообзоры -> «Показ готового интерьера».
   Не меняются SEO, структура карточек, шапка, слайдеры и desktop. */
body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
  margin:42px auto 0 !important;
  padding:0 20px !important;
  max-width:720px !important;
  
  
  
  
  
  text-align:center !important;
  
  text-shadow:0 0 22px rgba(191,169,122,.16) !important;
}
body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title::after{
  content:"" !important;
  display:block !important;
  width:min(360px, calc(100vw - 74px)) !important;
  height:1px !important;
  margin:12px auto 0 !important;
  background:linear-gradient(90deg, transparent, rgba(191,169,122,.46), transparent) !important;
  box-shadow:0 0 18px rgba(191,169,122,.18) !important;
}
body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs{
  margin-top:18px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-section-gap-v18:58px;
    --hi-index-mobile-first-gap-bottom-v18:28px;
    --hi-index-mobile-first-gap-top-v18:14px;
    --hi-index-mobile-video-to-realized-v18:60px;
  }

  /* Нижняя кнопка первого экрана -> «О студии HomeInterior»: как на странице «Дизайн интерьера». */
  body.project-hero-fullscreen-page#top #home-intro.home-intro{
    padding-bottom:var(--hi-index-mobile-first-gap-bottom-v18) !important;
  }
  body.project-hero-fullscreen-page#top #services{
    padding-top:var(--hi-index-mobile-first-gap-top-v18) !important;
  }

  /* Общий ритм крупных разделов главной остаётся эталонным и не зависит от старого v17. */
  body.project-hero-fullscreen-page#top #portfolio,
  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact,
  body.project-hero-fullscreen-page#top #prices,
  body.project-hero-fullscreen-page#top #design-steps,
  body.project-hero-fullscreen-page#top #team,
  body.project-hero-fullscreen-page#top #partners,
  body.project-hero-fullscreen-page#top #reviews.hi-index-reviews,
  body.project-hero-fullscreen-page#top #home-questions.hi-home-questions,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section{
    padding-top:var(--hi-index-mobile-section-gap-v18) !important;
  }

  /* Подпись активного видео -> «Показ готового интерьера»: как на эталонной странице. */
  body.project-hero-fullscreen-page#top #realized-view{
    padding-top:var(--hi-index-mobile-video-to-realized-v18) !important;
    margin-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
    margin-top:52px !important;
    padding-inline:18px !important;
    
    
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title::after{
    width:min(300px, calc(100vw - 72px)) !important;
    margin-top:10px !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tabs{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:min(620px, calc(100vw - 44px)) !important;
    max-width:min(620px, calc(100vw - 44px)) !important;
    margin:28px auto 0 !important;
    padding:6px !important;
    gap:6px !important;
    border:1px solid rgba(191,169,122,.34) !important;
    border-radius:999px !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26), inset 0 0 0 1px rgba(191,169,122,.045) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    box-sizing:border-box !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab{
    flex:1 1 0 !important;
    min-width:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:40px !important;
    padding:0 9px !important;
    border:1px solid transparent !important;
    border-radius:999px !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:650 !important;
    letter-spacing:-.006em !important;
    white-space:nowrap !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab:hover,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab:focus-visible,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
    outline:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page#top #portfolio #portfolio-projects-start,
  body.project-hero-fullscreen-page#top #portfolio .gallery#portfolio-projects-start{
    margin-top:16px !important;
  }
}

@media (hover:none), (pointer:coarse){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab:not(.is-active):hover,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab:not(.is-active):focus,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab:not(.is-active):active{
    background:transparent !important;
    color:#fff !important;
    border-color:transparent !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab.is-active{
    background:rgba(191,169,122,.92) !important;
    color:#080808 !important;
    border-color:rgba(191,169,122,.96) !important;
    box-shadow:none !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-section-gap-v18:54px;
    --hi-index-mobile-first-gap-bottom-v18:28px;
    --hi-index-mobile-first-gap-top-v18:14px;
    --hi-index-mobile-video-to-realized-v18:56px;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
    margin-top:50px !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tabs{
    width:calc(100vw - 32px) !important;
    max-width:calc(100vw - 32px) !important;
    margin-top:26px !important;
    padding:6px !important;
    gap:4px !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab{
    min-height:38px !important;
    padding-inline:6px !important;
    font-size:13.8px !important;
    font-weight:650 !important;
  }
  body.project-hero-fullscreen-page#top #portfolio #portfolio-projects-start,
  body.project-hero-fullscreen-page#top #portfolio .gallery#portfolio-projects-start{
    margin-top:14px !important;
  }
}

/* === index-mobile-main-rhythm-v20 ===
   Owner: index.html / mobile главная.
   Цель: точечно перенести принятый мобильный ритм страницы «Дизайн интерьера»
   на главную: CTA -> H2, кнопка проектов -> видеообзоры, подпись видео -> «Показ»,
   текст команды -> «Наши партнёры». Desktop, SEO, HTML-смысл, шапка и слайдеры не трогаются. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-hero-to-about-gap-bottom-v20:28px;
    --hi-index-mobile-hero-to-about-gap-top-v20:30px;
    --hi-index-mobile-prev-to-title-gap-v20:58px;
    --hi-index-mobile-video-to-realized-v20:72px;
  }

  /* 1. Нижняя кнопка первого экрана -> «О студии HomeInterior».
     Эталон: design-interiera-samara.html = padding-bottom hero 28px + padding-top следующей секции 30px. */
  body.project-hero-fullscreen-page#top #home-intro.home-intro{
    padding-bottom:var(--hi-index-mobile-hero-to-about-gap-bottom-v20) !important;
  }
  body.project-hero-fullscreen-page#top #services{
    padding-top:var(--hi-index-mobile-hero-to-about-gap-top-v20) !important;
    padding-bottom:0 !important;
  }

  /* 2. «Подробнее о проекте» -> «Все проекты». */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
    margin-top:var(--hi-index-mobile-prev-to-title-gap-v20) !important;
  }

  /* 3. Нижняя карточка проектов -> кнопка; кнопка -> «Видеообзоры интерьеров».
     Убираем старый visual-only translateY(-40px), из-за него кнопка визуально поднималась,
     а пустота до следующего H2 становилась больше эталона. */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-more-wrap{
    display:flex !important;
    justify-content:center !important;
    margin:28px auto 0 !important;
    padding:0 20px !important;
    text-align:center !important;
    transform:none !important;
  }
  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact{
    padding-top:var(--hi-index-mobile-prev-to-title-gap-v20) !important;
    padding-bottom:0 !important;
  }

  /* 4. Подпись активного видео -> «Показ готового интерьера».
     На главной карточка видео сидит ниже, чем на эталоне, поэтому добираем разницу
     через верхний отступ следующего блока, не двигая саму видеокарусель. */
  body.project-hero-fullscreen-page#top #realized-view{
    padding-top:var(--hi-index-mobile-video-to-realized-v20) !important;
    margin-top:0 !important;
  }

  /* 5. Последний текст обо мне и команде -> «Наши партнёры». */
  body.project-hero-fullscreen-page#top #team{
    padding-bottom:0 !important;
  }
  body.project-hero-fullscreen-page#top #team .team-text p:last-child{
    margin-bottom:0 !important;
  }
  body.project-hero-fullscreen-page#top #partners{
    padding-top:var(--hi-index-mobile-prev-to-title-gap-v20) !important;
  }
}

@media (max-width:560px){
  /* Как на эталонной странице «Дизайн интерьера»: убираем лишний внутренний низ
     виртуальной видеокарусели, иначе зазор после «2020 Самара, 150 м²» получается раздутым. */
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:calc(clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) - 24px) !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-prev-to-title-gap-v20:54px;
    --hi-index-mobile-video-to-realized-v20:68px;
  }
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:calc(clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) - 26px) !important;
  }
}



/* === index-mobile-video-caption-visible-v22 ===
   Owner: index.html / mobile #hi-video-reviews -> #realized-view.
   Исправление после v03: подпись активного видео на главной клипалась нижней
   границей виртуальной карусели. Берём эталонную связку со страницы
   design-interiera-samara.html: позиция карточки top:22px и padding-top «Показа» 60px.
   Не трогаются проекты, кнопка «Смотреть больше проектов», desktop, HTML, SEO и порядок блоков. */
@media (max-width:560px){
  body.project-hero-fullscreen-page#top #hi-video-reviews{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head{
    margin-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact .hi-coverflow,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow{
    padding-top:18px !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-arrows{
    margin:0 !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
    top:22px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view{
    padding-top:60px !important;
    margin-top:0 !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page#top #realized-view{
    padding-top:56px !important;
  }
}


/* === index-mobile-line-to-content-gap-v24 ===
   Owner: index.html / mobile main page.
   Эталон: design-interiera-samara.html, #services H2 «Зачем нужен дизайн-проект» -> .hi-value-grid.
   Фактический эталон: 38px от нижней границы H2 до блока = 28px от нижней границы underline до рамки/контента.
   Исправление v05: не 40px от линии, а точное значение эталона. Desktop, SEO, тексты, порядок блоков, шапка и JS не меняются. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-line-to-content-v24:28px;
    --hi-index-mobile-title-to-content-v24:38px;
  }

  /* H2 с underline -> ближайший блок ниже. */
  body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #realized-view > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #prices > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #team > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #contacts > .wrap > .section-title{
    margin-bottom:var(--hi-index-mobile-title-to-content-v24) !important;
  }

  /* «О студии»: отмеченный зазор — от последнего абзаца до рамки услуг. */
  body.project-hero-fullscreen-page#top #services .hi-about{
    margin-bottom:0 !important;
  }
  body.project-hero-fullscreen-page#top #services .hi-about p:last-child{
    margin-bottom:0 !important;
  }
  body.project-hero-fullscreen-page#top #services .hi-services-layout{
    margin-top:var(--hi-index-mobile-line-to-content-v24) !important;
  }

  /* «Все проекты»: убираем старый translateY(-10px), иначе вкладки визуально поднимаются и ломают эталонный зазор. */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tabs{
    margin-top:var(--hi-index-mobile-line-to-content-v24) !important;
    transform:none !important;
  }

  /* Заголовки, где H2 лежит внутри отдельной обёртки. */
  body.project-hero-fullscreen-page#top #reviews .hi-proof-intro,
  body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head{
    margin-bottom:var(--hi-index-mobile-title-to-content-v24) !important;
  }
  body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title,
  body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head > .section-title{
    margin-bottom:0 !important;
  }

  /* Контакты: отмеченный зазор между двумя карточками внутри блока. */
  body.project-hero-fullscreen-page#top #contacts .hi-contact-panel{
    gap:var(--hi-index-mobile-line-to-content-v24) !important;
  }
}


/* === index-mobile-extra-gap-lock-v25 ===
   Owner: index.html / mobile main page.
   Задача: точечно дожать три отмеченных зазора после v06.
   Эталон: 28px до видимого следующего блока на странице design-interiera-samara.html.
   Не меняются desktop, SEO, тексты, порядок блоков, шапка, слайдеры и JS. */
@media (max-width:900px){
  /* «О студии»: последний абзац -> рамка услуг. Уже было близко к эталону, фиксируем без накопления старых margin. */
  body.project-hero-fullscreen-page#top #services .hi-about p:last-child{
    margin-bottom:0 !important;
  }
  body.project-hero-fullscreen-page#top #services .hi-services-layout{
    margin-top:28px !important;
  }

  /* «Как мы работаем»: эталон считаем до видимого первого пункта, а не до невидимого padding контейнера. */
  body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title{
    margin-bottom:28px !important;
  }

  /* «Наши партнёры»: кнопка -> видимый верх первой фотографии.
     У .partners-gallery есть внутренний padding 6px, поэтому внешний margin 22px даёт 28px до изображения. */
  body.project-hero-fullscreen-page#top #partners .partners-gallery{
    margin-top:22px !important;
  }
}

/* === index-mobile-services-copy-tone-v26 ===
   Owner: index.html / mobile #services service cards.
   Цель: сделать описательный текст в карточках услуг спокойнее и менее жёлтым,
   как в блоке «Что входит в дизайн-проект» на design-interiera-samara.html.
   Меняются только абзацы карточек услуг на мобильной главной; заголовки, рамки, стрелки, desktop, SEO и HTML не трогаются. */


/* === index-mobile-copy-tone-v27 ===
   Owner: index.html / mobile main page.
   Задача: продолжить принятый в v08 более спокойный тон описательного текста.
   Берём тот же нейтральный молочный тон, что уже принят для описаний карточек услуг.
   Меняются только описательные тексты: список показа, пункты тарифов, описания этапов,
   текст команды и вводный текст отзывов. Заголовки, цены, кнопки, рамки, desktop, SEO и HTML не трогаются. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view .realized-view-list li,
  body.project-hero-fullscreen-page#top #prices .features li,
  body.project-hero-fullscreen-page#top #design-steps .grid > div > p,
  body.project-hero-fullscreen-page#top #team .team-text p,
  body.project-hero-fullscreen-page#top #reviews .hi-proof-main p:not(.hi-proof-main-title){
    color:rgba(255,255,255,.78) !important;
  }
}


/* === index-mobile-prices-title-match-design-v28 ===
   Owner: index.html / mobile #prices.
   Задача: привести названия пакетов цен на главной к размеру и посадке
   карточек цен страницы design-interiera-samara.html.
   Меняются только h3 пакетов; списки, цены, кнопки, рамки, desktop, SEO и HTML не трогаются. */
@media (max-width:680px){
  body.project-hero-fullscreen-page#top #prices .price-card header h3{
    
    
    margin:2px 0 3px !important;
  }
}
@media (min-width:681px) and (max-width:900px){
  body.project-hero-fullscreen-page#top #prices .price-card header h3{
    
    
    margin:2px 0 3px !important;
  }
}

/* === index-mobile-prices-copy-size-match-design-v30 ===
   Owner: index.html / mobile #prices.
   Исправление v12: в v11 список на главной стал меньше фактического размера
   на странице design-interiera-samara.html. Возвращаем размер второстепенного
   текста к эталону страницы услуги: clamp(16px, calc(1.2vw + 12px), 18px).
   Цвет остаётся спокойным из предыдущих правок. Заголовки пакетов, цены,
   кнопки, рамки, desktop, SEO и HTML не меняются. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #prices .price-card header .subtitle,
  body.project-hero-fullscreen-page#top #prices .features li{
    font-size:clamp(16px, calc(1.2vw + 12px), 18px) !important;
    line-height:1.5 !important;
  }
}

/* === index-card-border-uniform-v31 ===
   Owner: index.html / framed cards with gradient background.
   Цель: убрать засветы на полупрозрачных рамках главной там, где внутренний градиент
   просвечивает под border. Повторяет принятую логику страницы design-interiera-samara:
   фон ограничен padding-box, сама рамка остаётся ровной и однотонной.
   Scope: главная, desktop + mobile. Тексты, размеры, отступы, кнопки, SEO и JS не меняются. */
body.project-hero-fullscreen-page#top #realized-view .realized-view-shell,
body.project-hero-fullscreen-page#top #prices .price-card,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card{
  background-clip:padding-box !important;
  -webkit-background-clip:padding-box !important;
}

body.project-hero-fullscreen-page#top #realized-view .realized-view-shell{
  border-color:rgba(191,169,122,.24) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}

body.project-hero-fullscreen-page#top #prices .price-card{
  border-color:rgba(191,169,122,.24) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}
body.project-hero-fullscreen-page#top #prices .price-card:hover{
  border-color:rgba(191,169,122,.34) !important;
  box-shadow:0 0 18px rgba(191,169,122,.10), 0 18px 46px rgba(0,0,0,.24) !important;
}

body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card{
  border-color:rgba(191,169,122,.22) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.34) !important;
}


/* === index-v60-secondary-grey-buttons-darker ===
   Owner: index.html. Задача: затемнить все серые CTA на главной до тона
   вторичных кнопок страницы design-interiera-samara. Форма, размеры, тексты,
   hover/active-логика и основные золотые CTA не меняются. */
body.project-hero-fullscreen-page#top #home-intro .hi-hero-cta-secondary,
body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-btn,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline,
body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit{
  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.project-hero-fullscreen-page#top #home-intro .hi-hero-cta-secondary:hover,
body.project-hero-fullscreen-page#top #home-intro .hi-hero-cta-secondary:focus-visible,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:hover,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:focus-visible,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-btn:hover,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-btn:focus-visible,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn:hover,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn:focus-visible,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:hover,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit: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;
}


/* === index-v61-secondary-grey-buttons-match-design ===
   Owner: index.html. Задача: привести серые CTA-кнопки главной к фактическому
   тону вторичных кнопок страницы design-interiera-samara: темнее, мягче, с blur.
   Золотые CTA, размеры, форма и тексты не меняются. */
body.project-hero-fullscreen-page#top #home-intro .hi-hero-cta-secondary,
body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta.hi-hero-cta-secondary,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-btn,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline,
body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit{
  background:rgba(28,28,30,.86) !important;
  background-image:none !important;
  color:rgba(255,255,255,.94) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page#top #home-intro .hi-hero-cta-secondary:hover,
body.project-hero-fullscreen-page#top #home-intro .hi-hero-cta-secondary:focus-visible,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:hover,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:focus-visible,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-btn:hover,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-btn:focus-visible,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn:hover,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn:focus-visible,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:hover,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:focus-visible{
  background:rgba(34,34,36,.90) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  transform:none !important;
  opacity:1 !important;
  outline:none !important;
}


/* === index-mobile-v09-portfolio-title-to-slider-gap ===
   Owner: index.html / #portfolio mobile title-to-slider spacing.
   Fix: previous index.html overrides lost to the more specific v24 owner rule above.
   Keep 6px from underline to image: 16px title margin minus 10px underline offset. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title{
    margin-bottom:16px !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase{
    margin-top:0 !important;
  }
}


/* === index-mobile-v18-final-ui-tune ===
   Owner: index.html / mobile main page.
   Scope: только отмеченные места главной после v17: hero H1, portfolio controls,
   video captions, realized-view copy/actions, process numbers, team text tail.
   Desktop, SEO, структура, слайдер JS и принятые отступы не меняются. */
@media (max-width:900px){

  /* 2. Портфолио: центральная CTA и тёмные элементы управления как на странице «Дизайн интерьера». */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase{
    --hi-index-portfolio-control-bg:rgba(28,28,30,.86);
    --hi-index-portfolio-control-bg-hover:rgba(34,34,36,.90);
    --hi-index-portfolio-control-border:rgba(255,255,255,.09);
    --hi-index-portfolio-control-border-hover:rgba(255,255,255,.12);
    --hi-index-portfolio-control-text:rgba(255,255,255,.94);
    --hi-index-portfolio-control-shadow:0 8px 18px rgba(0,0,0,.26);
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta-wrap{
    grid-area:auto !important;
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    justify-self:center !important;
    align-self:center !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    z-index:3 !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__meta,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta{
    background:var(--hi-index-portfolio-control-bg) !important;
    background-image:none !important;
    border-color:var(--hi-index-portfolio-control-border) !important;
    color:var(--hi-index-portfolio-control-text) !important;
    box-shadow:var(--hi-index-portfolio-control-shadow) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
    transform:none !important;
    opacity:1 !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav:hover,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav:focus-visible,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:hover,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:focus-visible{
    background:var(--hi-index-portfolio-control-bg-hover) !important;
    border-color:var(--hi-index-portfolio-control-border-hover) !important;
    color:#fff !important;
    box-shadow:var(--hi-index-portfolio-control-shadow) !important;
    transform:none !important;
    outline:none !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__counter{
    color:var(--hi-index-portfolio-control-text) !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav span{
    font-size:38px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }

  /* 3. Видеообзоры: подписи под карточками заметнее, как на странице услуги. */
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-video-caption-title{
    font-size:clamp(16px,4.25vw,18px) !important;
    line-height:1.08 !important;
    letter-spacing:-.004em !important;
  }
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-video-caption-sub{
    font-size:clamp(13px,3.4vw,14.5px) !important;
    line-height:1.34 !important;
  }

  /* 4. «Показ готового интерьера»: текст списка = читаемый размер как в описаниях пакетов. */
  body.project-hero-fullscreen-page#top #realized-view .realized-view-list li{
    font-size:clamp(16px, calc(1.2vw + 12px), 18px) !important;
    line-height:1.5 !important;
  }

  /* 4.1. Меняем визуальные роли кнопок местами: верхняя — тёмная, нижняя — чёрная с золотой рамкой. */
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn{
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    border-color:rgba(255,255,255,.09) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  }
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline{
    background:#000 !important;
    background-image:none !important;
    color:#fff !important;
    border-color:rgba(191,169,122,.65) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn:hover,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn:focus-visible,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:hover,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:focus-visible{
    background:rgba(34,34,36,.90) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
    transform:none !important;
    outline:none !important;
  }

  /* 5. «Как мы работаем»: цифры крупнее, контур спокойнее — как на странице услуги. */
  body.project-hero-fullscreen-page#top #design-steps .grid > div::before{
    border-color:rgba(191,169,122,.48) !important;
    color:rgba(255,250,236,.96) !important;
    font-size:16.5px !important;
    line-height:1 !important;
    font-weight:650 !important;
    box-shadow:none !important;
  }
  body.project-hero-fullscreen-page#top #design-steps .grid > div.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;
  }
}



/* === index-mobile-v19-portfolio-and-video-fix ===
   Owner: index.html / mobile main page.
   Scope: только 3 отмеченных места главной: кнопка «Смотреть больше проектов»,
   underline «Все проекты», подпись активного видео. Слайдер JS, структура, SEO и desktop не трогаются. */
@media (max-width:900px){
  /* 1. Кнопка «Смотреть больше проектов»: размер как у принятой страницы «Дизайн интерьера». */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-more-wrap .portfolio-more-btn{
    width:auto !important;
    min-width:min(306px, calc(100vw - 56px)) !important;
    max-width:calc(100vw - 56px) !important;
    min-height:50px !important;
    padding:0 28px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:16px !important;
    font-weight:650 !important;
    line-height:1 !important;
    letter-spacing:-.004em !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  /* 2. «Все проекты»: подчеркивание в той же спокойной системе, что остальные H2 на главной. */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    position:relative !important;
    padding:0 !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title::after{
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;
    margin:10px auto 0 !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:560px){
  /* 3. Видеообзоры: подпись активной карточки больше не клипается нижней границей трека. */
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) !important;
    overflow:hidden !important;
  }
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
    top:22px !important;
  }
  body.project-hero-fullscreen-page#top #realized-view{
    padding-top:60px !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-more-wrap .portfolio-more-btn{
    min-width:min(292px, calc(100vw - 48px)) !important;
    max-width:calc(100vw - 48px) !important;
    padding-inline:24px !important;
  }
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:calc(clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) - 2px) !important;
  }
  body.project-hero-fullscreen-page#top #realized-view{
    padding-top:56px !important;
  }
}


/* === index-mobile-v20-projects-title-and-steps-headings ===
   Owner: index.html / mobile main page.
   Scope: 1) center underline for «Все проекты»; 2) slightly strengthen subheadings in «Как мы работаем».
   Desktop, SEO, JS, order of blocks and accepted spacing are untouched. */
@media (max-width:900px){
  /* 1. «Все проекты»: центрируем линию относительно текста, а не левого края pseudo-element. */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
    display:block !important;
    width:fit-content !important;
    width:-moz-fit-content !important;
    max-width:calc(100vw - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 0 11px !important;
    position:relative !important;
    text-align:center !important;
  }
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:0 !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !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;
  }

  /* 2. «Как мы работаем»: подзаголовки этапов чуть крупнее и увереннее. */
  body.project-hero-fullscreen-page#top #design-steps .grid h3{
    
    
    
    margin-bottom:7px !important;
  }
}



/* === index-mobile-v21-max-contact-and-active-gold ===
   Owner: index.html / mobile main page.
   Scope: 1) MAX CTA in realized-view via HTML; 2) MAX contact card via HTML;
   3) unified mobile pressed state for content buttons. Header, drawer, desktop, JS and SEO are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top{
    --hi-index-mobile-cta-gold-v21:var(--hi-accent,#BFA97A);
    --hi-index-mobile-cta-gold-shadow-v21:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45);
  }

  body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta:active,
  body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta:focus-visible,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav:active,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav.is-key-active,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:active,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:focus-visible,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-more-wrap .portfolio-more-btn:active,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-more-wrap .portfolio-more-btn:focus-visible,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab:active,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-arrow:active,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-arrow.is-key-active,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn:active,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn:focus-visible,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:active,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:focus-visible,
  body.project-hero-fullscreen-page#top #prices .price-card .btn:active,
  body.project-hero-fullscreen-page#top #prices .price-card .btn:focus-visible,
  body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:active,
  body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:focus-visible,
  body.project-hero-fullscreen-page#top #partners .partners-cta .btn:active,
  body.project-hero-fullscreen-page#top #partners .partners-cta .btn:focus-visible,
  body.project-hero-fullscreen-page#top #reviews .btn-outline:active,
  body.project-hero-fullscreen-page#top #reviews .btn-outline:focus-visible,
  body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:active,
  body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:focus-visible,
  body.project-hero-fullscreen-page#top #contacts .hi-contact-map-link:active,
  body.project-hero-fullscreen-page#top #contacts .hi-contact-map-link:focus-visible,
  body.project-hero-fullscreen-page#top #contacts .map-placeholder:active,
  body.project-hero-fullscreen-page#top #hi-modal .hi-btn:active,
  body.project-hero-fullscreen-page#top #hi-modal .hi-btn:focus-visible,
  body.project-hero-fullscreen-page#top #hi-modal .hi-btn-ghost:active,
  body.project-hero-fullscreen-page#top #hi-modal .hi-btn-ghost:focus-visible{
    background:var(--hi-index-mobile-cta-gold-v21) !important;
    background-image:none !important;
    color:#000 !important;
    border-color:var(--hi-index-mobile-cta-gold-v21) !important;
    box-shadow:var(--hi-index-mobile-cta-gold-shadow-v21) !important;
    filter:none !important;
    transform:translateY(-1px) !important;
    outline:none !important;
    opacity:1 !important;
    -webkit-tap-highlight-color:rgba(191,169,122,.24) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav:active span,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav.is-key-active span,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-arrow:active,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-arrow.is-key-active{
    color:#000 !important;
  }
}


/* === index-desktop-v29-section-rhythm-fixed ===
   Owner: index.html / desktop homepage vertical rhythm.
   Base: public_html_patch_v28.zip.
   Исправление: v28 ошибочно посчитал эталон как 140px. Фактический эталон по коду:
   #services padding-bottom 12px + #portfolio padding-top 60px = 72px.
   Цель: привести отмеченные desktop-переходы к 72px от нижнего видимого элемента до H2 следующего раздела.
   Scope: desktop only. Mobile, SEO, JS, texts, cards, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top{
    --hi-index-desktop-section-gap-v29:72px;
  }

  /* Эталон оставляем как есть: нижняя рамка блока услуг -> «Портфолио работ» = 72px. */
  body.project-hero-fullscreen-page#top #services{
    padding-bottom:12px !important;
  }
  body.project-hero-fullscreen-page#top #portfolio{
    padding-top:60px !important;
  }

  /* «Подробнее о проекте» -> «Все проекты». */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
    margin-top:var(--hi-index-desktop-section-gap-v29) !important;
  }

  /* «Смотреть больше проектов» -> «Видеообзоры интерьеров». */
  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact,
  body.project-hero-fullscreen-page#top #hi-video-reviews{
    padding-top:var(--hi-index-desktop-section-gap-v29) !important;
  }

  /* Видеообзоры -> «Показ готового интерьера»: у #hi-video-reviews снизу 8px. */
  body.project-hero-fullscreen-page#top #realized-view{
    margin-top:0 !important;
    padding-top:calc(var(--hi-index-desktop-section-gap-v29) - 8px) !important;
    padding-bottom:18px !important;
  }

  /* Карточка «Показ готового интерьера» -> «Цены»: у #realized-view снизу 18px. */
  body.project-hero-fullscreen-page#top #prices{
    padding-top:calc(var(--hi-index-desktop-section-gap-v29) - 18px) !important;
  }

  /* «Как мы работаем» -> «Обо мне и команде». */
  body.project-hero-fullscreen-page#top #design-steps{
    padding-bottom:var(--hi-index-desktop-section-gap-v29) !important;
  }
  body.project-hero-fullscreen-page#top #team{
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom:56px !important;
  }

  /* «Обо мне и команде» -> «Наши партнёры»: 56px снизу у team + 16px сверху у partners = 72px. */
  body.project-hero-fullscreen-page#top #partners{
    margin-top:0 !important;
    padding-top:16px !important;
    padding-bottom:16px !important;
  }

  /* Галерея партнёров -> «Отзывы»: 16px снизу у partners + 56px сверху у reviews = 72px. */
  body.project-hero-fullscreen-page#top #reviews.hi-index-reviews{
    margin-top:0 !important;
    padding-top:56px !important;
    padding-bottom:0 !important;
  }

  /* Отзывы -> FAQ: 0px снизу у reviews + 72px сверху у FAQ = 72px. */
  body.project-hero-fullscreen-page#top #home-questions.hi-home-questions{
    margin-top:0 !important;
    padding-top:var(--hi-index-desktop-section-gap-v29) !important;
    padding-bottom:0 !important;
  }

  /* FAQ -> контакты: 0px снизу у FAQ + 72px сверху у контактов = 72px. */
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section{
    margin-top:0 !important;
    padding-top:var(--hi-index-desktop-section-gap-v29) !important;
  }
}


/* === index-desktop-v30-final-two-section-gaps ===
   Owner: index.html / desktop homepage vertical rhythm.
   Base: public_html_patch_v29.zip.
   Scope: only two remaining desktop gaps from the screenshots:
   1) lower edge of hero CTA -> H2 «О студии HomeInterior»;
   2) active video caption -> H2 «Показ готового интерьера».
   Accepted mobile rhythm, JS, SEO, texts, order, cards, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top{
    --hi-index-desktop-section-gap-v30:72px;
  }

  /* 1. «Обсудить проект» -> «О студии HomeInterior».
     Фактическая связка: #home-intro padding-bottom + #services padding-top.
     Было: 26px + 30px = 56px. Стало: 42px + 30px = 72px. */
  body.project-hero-fullscreen-page#top #home-intro.home-intro{
    padding-bottom:42px !important;
  }
  body.project-hero-fullscreen-page#top #services{
    padding-top:30px !important;
  }

  /* 2. Подпись активного видео -> «Показ готового интерьера».
     Не трогаем механику coverflow и карточки. Компенсируем только верхний padding следующего блока,
     учитывая остаток воздуха внутри desktop virtual-track после подписи. */
  body.project-hero-fullscreen-page#top #realized-view{
    margin-top:0 !important;
    padding-top:clamp(54px, calc(92px - 2vw), 62px) !important;
  }
}

/* === index-desktop-v31-video-to-realized-gap-final ===
   Owner: index.html / desktop homepage vertical rhythm.
   Base: public_html_patch_v30.zip.
   Scope: only the remaining desktop gap from active video caption to H2 «Показ готового интерьера».
   Reason: the visible gap includes the empty bottom space of the virtual coverflow track + #hi-video-reviews bottom padding + #realized-view top padding.
   Fix: do not touch coverflow mechanics; remove only the extra section paddings around this junction.
   Mobile, JS, SEO, texts, cards, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact,
  body.project-hero-fullscreen-page#top #hi-video-reviews{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}


/* === index-desktop-v32-video-gap-exact ===
   Owner: index.html / desktop homepage vertical rhythm.
   Base: public_html_patch_v31.zip.
   Scope: only the remaining desktop gap from active video caption to H2 «Показ готового интерьера».
   Rendered measurement at 1920px after v31: caption bottom -> H2 top = ~42px.
   Accepted desktop gap target = 72px, so the next block gets +30px top padding.
   Mobile, coverflow JS, cards, texts, SEO, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact,
  body.project-hero-fullscreen-page#top #hi-video-reviews{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view{
    margin-top:0 !important;
    padding-top:30px !important;
  }
}


/* === index-desktop-v33-prices-to-steps-gap-exact ===
   Owner: index.html / desktop homepage vertical rhythm.
   Base: public_html_patch_v32.zip.
   Scope: only gap from bottom of price cards to H2 «Как мы работаем».
   Current rendered model: #prices padding-bottom 2px + #design-steps margin-top 46px = 48px.
   Accepted desktop gap target = 72px, so #design-steps margin-top becomes 70px while keeping #prices padding-bottom 2px.
   Mobile, prices cards, steps grid, texts, SEO, JS, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #prices{
    padding-bottom:2px !important;
  }

  body.project-hero-fullscreen-page#top #design-steps{
    margin-top:70px !important;
    padding-top:0 !important;
  }
}

/* === index-mobile-v34-video-to-realized-match-design ===
   Owner: index.html / mobile #hi-video-reviews -> #realized-view.
   Base: public_html_patch_v33.zip.
   Scope: only mobile junction from active video caption "2020 Самара, 150 м²"
   to H2 "Показ объекта вживую".
   Fix v05: keep the accepted card position, but restore the virtual-track bottom reserve
   so the active caption is not clipped by the next section on real phones.
   To avoid inflating the visible rhythm, the same reserve is compensated in #realized-view padding-top.
   Desktop, JS, HTML structure, texts and SEO are untouched. */
@media (max-width:560px){
  body.project-hero-fullscreen-page#top #hi-video-reviews{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head{
    margin-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews.hi-video-reviews--compact .hi-coverflow,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow{
    padding-top:18px !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-arrows{
    margin:0 !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) !important;
  }

  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual .hi-video-card{
    top:22px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view{
    margin-top:0 !important;
    padding-top:36px !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-coverflow-track.hi-coverflow-track--virtual{
    height:calc(clamp(500px, calc(var(--hi-card-w) * 2.34), 640px) - 2px) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view{
    padding-top:32px !important;
  }
}

/* === index-desktop-v35-line-gap-and-copy-tone ===
   Owner: index.html / desktop homepage.
   Base: v34. Scope: only PC rhythm for heading-to-content gaps and neutral tone for descriptive copy.
   Reference: #reviews heading underline -> first card. Mobile, header, JS, SEO, block order and media are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top{
    --hi-index-desktop-title-to-content-v35:46px; /* 36px from underline bottom to visible content, because underline is bottom:-10px. */
  }

  /* H2 underline -> next visible content: same desktop gap as the accepted reviews block. */
  body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #team > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #partners > .wrap > .section-title{
    margin-bottom:var(--hi-index-desktop-title-to-content-v35) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view .realized-view-shell,
  body.project-hero-fullscreen-page#top #prices .hi-prices-grid{
    margin-top:var(--hi-index-desktop-title-to-content-v35) !important;
  }

  /* «Все проекты»: keep the existing desktop tabs transform, but give the same visible gap after the underline. */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs{
    margin-top:calc(var(--hi-index-desktop-title-to-content-v35) + 10px) !important;
  }

  /* Desktop descriptive copy tone: match the already accepted calmer mobile tone. */
  body.project-hero-fullscreen-page#top #services .hi-service-card p,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-list li,
  body.project-hero-fullscreen-page#top #prices .features li,
  body.project-hero-fullscreen-page#top #design-steps .grid > div > p,
  body.project-hero-fullscreen-page#top #team .team-text p,
  body.project-hero-fullscreen-page#top #reviews .hi-proof-main p:not(.hi-proof-main-title){
    color:rgba(255,255,255,.78) !important;
  }
}


/* === index-desktop-v36-faq-projects-title-gaps ===
   Owner: index.html / desktop homepage.
   Base: public_html_patch_v01.zip.
   Scope: only two remaining desktop line-to-content gaps from current screenshots and the underline of «Все проекты».
   Mobile, JS, SEO, header, footer, block order, images and texts are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top{
    --hi-index-desktop-title-to-content-v36:46px;
  }

  /* FAQ: H2 underline -> first question card = same accepted desktop title/content rhythm. */
  body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head{
    margin-bottom:var(--hi-index-desktop-title-to-content-v36) !important;
  }

  /* «Все проекты»: the title is a <p>, not .section-title, so it needs the same underline system separately. */
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 !important;
    text-align:center !important;
    
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-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.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tabs{
    margin-top:55px !important; /* v37: 46px + 9px, to match the measured accepted red-line gap. */
  }
}


/* === index-desktop-mobile-v38-repair-process-view ===
   Owner: index.html / new homepage block after #realized-view.
   Source content: remont-pod-klyuch-samara.html / section "Показ объекта в процессе ремонта".
   Scope: add one section and keep the same card/button rhythm as the existing realized-view block.
   SEO meta, schema, header, footer, media and JS are untouched. */
.index-repair-process-view{
  padding:56px 0 18px;
  scroll-margin-top:120px;
}
.index-repair-process-view > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap);
}
.index-repair-process-view .repair-process-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);
}
.index-repair-process-view .repair-process-view-copy{
  min-width:0;
}
.index-repair-process-view .repair-process-view-list{
  margin:0;
  padding-left:18px;
}
.index-repair-process-view .repair-process-view-list li{
  margin:0 0 12px;
  font-size:18px !important;
  line-height:1.5 !important;
  color:var(--hi-text-dim) !important;
}
.index-repair-process-view .repair-process-view-list li:last-child{
  margin-bottom:0;
}
.index-repair-process-view .repair-process-view-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:14px;
  min-width:0;
}
.index-repair-process-view .repair-process-view-actions .btn,
.index-repair-process-view .repair-process-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;
}
.index-repair-process-view .repair-process-view-actions .btn{
  background:#000 !important;
  color:#fff !important;
  border:1px solid rgba(191,169,122,.65) !important;
}
.index-repair-process-view .repair-process-view-actions .btn-outline{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.index-repair-process-view .repair-process-view-actions .btn:hover,
.index-repair-process-view .repair-process-view-actions .btn:focus-visible,
.index-repair-process-view .repair-process-view-actions .btn-outline:hover,
.index-repair-process-view .repair-process-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;
}

@media (min-width:901px){
  body.project-hero-fullscreen-page#top .index-repair-process-view{
    margin-top:0 !important;
    padding-top:calc(var(--hi-index-desktop-section-gap-v29) - 18px) !important;
    padding-bottom:18px !important;
  }

  body.project-hero-fullscreen-page#top .index-repair-process-view .repair-process-view-shell{
    margin-top:var(--hi-index-desktop-title-to-content-v36) !important;
  }

  body.project-hero-fullscreen-page#top .index-repair-process-view .repair-process-view-list li{
    color:rgba(255,255,255,.78) !important;
  }
}

@media (max-width:980px){
  .index-repair-process-view{
    padding:42px 0 10px;
  }
  .index-repair-process-view .repair-process-view-shell{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    padding:24px;
    border-radius:24px;
  }
  .index-repair-process-view .repair-process-view-actions{
    align-items:stretch;
  }
  .index-repair-process-view .repair-process-view-actions .btn,
  .index-repair-process-view .repair-process-view-actions .btn-outline{
    max-width:none;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top .index-repair-process-view{
    padding-top:54px !important;
    padding-bottom:12px !important;
  }
  body.project-hero-fullscreen-page#top .index-repair-process-view .repair-process-view-shell{
    margin-top:30px !important;
    padding:22px 18px;
    border-radius:22px;
  }
  body.project-hero-fullscreen-page#top .index-repair-process-view .repair-process-view-list li{
    font-size:15px !important;
    line-height:1.55 !important;
    color:rgba(255,255,255,.76) !important;
  }
  body.project-hero-fullscreen-page#top .index-repair-process-view .repair-process-view-actions .btn,
  body.project-hero-fullscreen-page#top .index-repair-process-view .repair-process-view-actions .btn-outline{
    min-height:48px;
    padding:13px 18px !important;
    font-size:14px !important;
  }
}

/* === index-desktop-v39-repair-heading-and-max-buttons ===
   Owner: index.html / desktop homepage.
   Base: public_html_patch_v04.zip.
   Scope: 1) center the new repair-process heading and use the same gold underline system;
          2) swap visual styles of the two buttons in #realized-view on desktop only;
          3) keep mobile rhythm untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top .index-repair-process-view > .wrap > .section-title{
    position:relative !important;
    display:table !important;
    width:auto !important;
    max-width:calc(100vw - 40px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:var(--hi-index-desktop-title-to-content-v36) !important;
    padding:0 !important;
    text-align:center !important;
    text-wrap:balance !important;
  }

  body.project-hero-fullscreen-page#top .index-repair-process-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.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn{
    background:transparent !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.22) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline{
    background:#000 !important;
    color:#fff !important;
    border:1px solid rgba(191,169,122,.65) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn:hover,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn:focus-visible,
  body.project-hero-fullscreen-page#top #realized-view .realized-view-actions .btn-outline:hover,
  body.project-hero-fullscreen-page#top #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;
  }
}

/* === index-desktop-mobile-v40-live-view-combined ===
   Owner: index.html / #realized-view.
   Base: public_html_patch_v05.zip.
   Scope: combine ready-interior and repair-in-process shows into one premium card with one CTA row.
   Header, footer, media, SEO meta, schema and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
  max-width:860px !important;
  margin:34px auto 0 !important;
  
  
  
  text-align:center !important;
  
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
  margin-top:30px !important;
  padding:34px 38px 30px !important;
  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;
  border:1px solid rgba(191,169,122,.25) !important;
  border-radius:28px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-options{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option{
  min-width:0 !important;
  padding:2px 34px 2px 0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
  margin:0 0 14px !important;
  
  
  
  
  
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
  margin:0 0 16px !important;
  
  
  
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list{
  margin:0 !important;
  padding-left:18px !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
  margin:0 0 12px !important;
  
  
  
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li:last-child{
  margin-bottom:0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  width:100% !important;
  max-width:310px !important;
  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;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
  background:#000 !important;
  color:#fff !important;
  border:1px solid rgba(191,169,122,.65) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-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) !important;
  opacity:1 !important;
}

@media (max-width:980px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    max-width:680px !important;
    margin-top:32px !important;
    
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
    padding:28px 24px 24px !important;
    border-radius:24px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-options{
    grid-template-columns:minmax(0,1fr) !important;
    gap:26px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option + .live-view-option{
    padding:0 !important;
    border-left:0 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option + .live-view-option{
    padding-top:24px !important;
    border-top:1px solid rgba(191,169,122,.16) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
    max-width:none !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    margin-top:30px !important;
    
    
    text-align:left !important;
    
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
    margin-top:30px !important;
    padding:22px 18px !important;
    border-radius:22px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
    
    
    margin-bottom:12px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
    margin-bottom:14px !important;
    
    
  }

  

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
    min-height:48px !important;
    padding:13px 18px !important;
    font-size:14px !important;
  }
}


/* === index-v41-live-view-intro-copy ===
   Owner: index.html / #realized-view.
   Scope: add a short intro under H2 and make both live-show options fuller, without SEO/schema/navigation changes. */


/* === index-v42-live-view-title-to-intro-rhythm ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: match the H2 underline -> subtitle gap to the accepted #services title rhythm.
   Scope: spacing only; texts, SEO, buttons, layout, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap) !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
  margin-top:0 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title{
    margin-bottom:var(--hi-index-mobile-title-to-content-v24, 38px) !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    margin-top:0 !important;
  }
}


/* === index-v43-live-view-intro-lines-desktop ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: desktop intro should read like #services about text: one sentence per line, without forced narrow wrapping.
   Scope: live-view intro text rhythm only; buttons, columns, SEO, schema, header, footer and JS are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    max-width:none !important;
    width:100% !important;
    
    
    text-align:center !important;
    
    
    
    
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro span{
    display:block !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro span + span{
    margin-top:10px !important;
  }
}

/* === index-v45-live-view-price-typography-match ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: bring the live-show card typography closer to the accepted pricing cards:
   stronger option headings, calmer descriptive copy and a dimmer intro tone.
   Scope: typography/tone only; texts, layout, buttons, SEO, schema, header, footer and JS are untouched. */









/* === index-v47-live-view-price-typography-exact-left ===
   Owner: index.html / #realized-view.index-live-view.
   Base: rollback to public_html_patch_v11.css layout after rejected v12.
   Goal: copy the real pricing-card typography without changing grid, alignment, buttons or texts.
   Mapping:
   - .live-view-option h3 = #prices .price-card header h3;
   - .live-view-copy = #prices .price-card header .subtitle;
   - .live-view-list li = #prices .features li.
   Scope: typography and tone only. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
  margin:0 0 8px !important;
  text-align:left !important;
  
  
  
  
  
  
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-copy{
  max-width:none !important;
  margin:0 0 14px !important;
  text-align:left !important;
  
  
  
  
  
  
  
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list{
  list-style:disc !important;
  padding-left:18px !important;
  margin:10px 0 0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
  display:list-item !important;
  margin:5px 0 !important;
  
  
  
  
  
  
  
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-option h3{
    
    
    margin:2px 0 8px !important;
    text-align:left !important;
  }

  
}

/* === index-v48-live-view-intro-gap-and-flat-card ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: match the gap between the two intro lines to the accepted hero/about lead rhythm
   and remove the gradient fill from the live-view frame.
   Scope: spacing + card background only; texts, grid, buttons, SEO, schema, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-shell{
  background:#09090a !important;
}

@media (min-width:901px){
  

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro span + span{
    margin-top:4px !important;
  }
}




/* === index-v49-live-view-singular-title-and-equal-gold-actions ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the live-view heading singular and make both CTA buttons use the same black + gold border style.
   Scope: title text in HTML + button visual state only; grid, typography, SEO, schema, header, footer and JS are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline{
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:focus-visible{
  background:rgba(34,34,36,.90) !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  transform:none !important;
  outline:none !important;
}


/* === index-v50-live-view-mobile-intro-and-copy-tone ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: on mobile, match the H2 underline -> intro rhythm and centered alignment to the accepted #services intro;
   on desktop and mobile, make the option intro copy as light as the list text.
   Scope: spacing/alignment/tone only; layout, texts, buttons, SEO, schema, header, footer and JS are untouched. */


@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title,
  body.project-hero-fullscreen-page#top #prices > .wrap > .section-title{
    margin-bottom:20px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #prices > .wrap > .section-title::after{
    bottom:-10px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro,
  body.project-hero-fullscreen-page#top #prices .hi-prices-note,
  body.project-hero-fullscreen-page#top #team .team-editorial-intro,
  body.project-hero-fullscreen-page#top #partners .partners-lead{
    width:100% !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-intro{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* === index-v52-live-view-mobile-channel-choice ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: on mobile, shorten the intro and replace two CTA buttons with one calm action that opens channel choices.
   Scope: live-view intro text + mobile CTA only; desktop CTA, grid, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile{
  display:none !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-desktop{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile{
    display:flex !important;
    position:relative !important;
    align-items:stretch !important;
    flex-direction:column !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-toggle{
    width:100% !important;
    max-width:none !important;
    appearance:none !important;
    cursor:pointer !important;
    font-family:inherit !important;
    font-weight:800 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:10px !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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu[hidden]{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a{
    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-size:15px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:active,
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:focus-visible{
    border-color:rgba(191,169,122,.65) !important;
    outline:none !important;
  }
}


/* === index-v53-live-view-button-active-match-order ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the live-view CTA states match the accepted "Заказать" button behavior: gold fill + neon glow on hover/focus/active.
   Scope: live-view CTA buttons and mobile channel menu only; line divider, text, grid, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn:active,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions .btn-outline:active,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile.is-open .live-view-channel-toggle{
  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;
  filter:none !important;
  opacity:1 !important;
  outline:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-menu a: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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-toggle{
    font-size:16px !important;
  }
}


/* === index-v54-live-view-mobile-cta-text-size ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make only the mobile "Записаться на просмотр" button label more visible, without increasing the button box.
   Scope: mobile live-view channel toggle text only; button size, channel menu, copy, grid, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-toggle{
    font-size:18px !important;
    line-height:1.2 !important;
  }
}


/* === index-v55-live-view-mobile-cta-text-size-visible ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the mobile "Записаться на просмотр" button label visibly larger without changing the button box.
   Scope: mobile live-view channel toggle text only; button size, channel menu, copy, grid, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile .live-view-channel-toggle.btn-outline{
    font-size:clamp(20px, 5.2vw, 22px) !important;
    line-height:1.12 !important;
    font-weight:800 !important;
  }
}


/* === index-v56-live-view-mobile-cta-text-and-short-copy ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: return the mobile "Записаться на просмотр" label to the same visual size as price-card "Заказать" buttons.
   Scope: mobile live-view toggle text only; button box, menu, grid, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile .live-view-channel-toggle.btn-outline{
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
  }
}

/* === index-v59-live-view-mobile-copy-and-list-tighten ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make inner option subtitles match the warmer intro tone and keep mobile bullet rows compact without wrapping on common widths.
   Scope: live-view option copy/list typography only; buttons, section spacing, SEO, schema, header and footer are untouched. */


@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
    
    
    white-space:nowrap !important;
  }
}



/* === index-v60-live-view-mobile-price-typography-lock ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make the mobile live-view option title/subtitle typography match the accepted price-card title/subtitle scale and tone.
   Scope: mobile h3 + option copy only; bullet list size from v59, buttons, spacing, SEO, schema, header and footer are untouched. */


/* === index-v61-live-view-mobile-list-price-typography-lock ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: make mobile bullet list typography in “Показ объекта вживую” match the accepted #prices .features list size and rhythm.
   Scope: mobile live-view bullet list only; text, headings, subtitles, buttons, spacing, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
    
    
    
    
    
    
    
    white-space:nowrap !important;
  }
}


/* === index-v62-mobile-card-title-slight-boost ===
   Owner: index.html / mobile #realized-view + #prices cards.
   Goal: slightly increase card h3 titles in “Показ объекта вживую” and “Цены на дизайн интерьера” together, keeping both sections in one typography system.
   Scope: mobile card titles only; H2, subtitles, lists, buttons, spacing, SEO, schema, header and footer are untouched. */


/* === index-v64-live-view-mobile-cta-match-price-button-text ===
   Owner: index.html / mobile #realized-view.index-live-view.
   Goal: return v04 alignment and make the mobile “Записаться на просмотр” button text match the accepted #prices “Заказать” button size.
   Scope: mobile live-view CTA label only; button box, card titles, subtitles, lists, spacing, SEO, schema, header and footer are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile .live-view-channel-toggle.btn-outline{
    font-size:18px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }
}

/* === index-v65-live-view-unified-channel-choice ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: use one CTA in the live-view block on desktop and mobile, opening Telegram / MAX / form choices.
   Scope: live-view CTA area only; texts, cards, prices, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-desktop,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-actions-mobile{
  display:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle{
  width:100% !important;
  max-width:360px !important;
  min-height:52px !important;
  appearance:none !important;
  cursor:pointer !important;
  font-family:inherit !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

body.project-hero-fullscreen-page#top #realized-view.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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu[hidden]{
  display:none !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a,
body.project-hero-fullscreen-page#top #realized-view.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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu a:active,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-menu button:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.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.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions{
    align-items:stretch !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle{
    max-width:none !important;
    font-size:18px !important;
    font-weight:600 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.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;
  }
}

/* === index-v66-live-view-desktop-cta-match-price-button-text ===
   Owner: index.html / desktop #realized-view.index-live-view.
   Goal: make the desktop “Записаться на просмотр” toggle text match the accepted #prices “Заказать” button text size.
   Scope: desktop live-view main CTA label only; mobile, channel menu, button box, prices, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle{
    font-size:18px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }
}

/* === index-v67-desktop-portfolio-tabs-match-mobile-frame ===
   Owner: index.html / desktop #portfolio category tabs.
   Goal: make the desktop “Квартиры / Дома / Заведения / 3D эскизы” frame use the accepted mobile dark warm glass tone and border.
   Scope: desktop tabs frame only; mobile tabs, active tab, buttons, gallery, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tabs{
    border:1px solid rgba(191,169,122,.34) !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.26), inset 0 0 0 1px rgba(191,169,122,.045) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  }
}


/* === index-v68-live-view-compact-points ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: replace explanatory copy + bullet lists with compact one-line point rows for each live-view option.
   Scope: live-view option text only; CTA, layout, prices, portfolio, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points{
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:17px !important;
  line-height:1.58 !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points span{
  display:inline-block !important;
  margin:0 8px !important;
  color:rgba(191,169,122,.78) !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points{
    font-size:clamp(16px, calc(1.2vw + 12px), 18px) !important;
    line-height:1.5 !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points span{
    margin:0 7px !important;
  }
}

@media (max-width:374px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points{
    font-size:15px !important;
  }

  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-points span{
    margin:0 5px !important;
  }
}

/* === index-v69-live-view-copy-with-line-points ===
   Owner: index.html / #realized-view.index-live-view.
   Goal: restore option subtitles and show each point on a separate line instead of one inline row.
   Scope: live-view option text only; CTA, dropdown, layout, prices, portfolio, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-family:var(--hi-font-sans, Manrope, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:17px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-0.01em !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines{
    gap:8px !important;
    font-size:clamp(16px, calc(1.2vw + 12px), 18px) !important;
    line-height:1.5 !important;
  }
}

@media (max-width:374px){
  body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-point-lines{
    font-size:15px !important;
  }
}


/* === index-v70-live-view-restore-bullets-and-gold-markers ===
   Owner: index.html / #realized-view.index-live-view + #prices.
   Goal: return the accepted bullet-list structure after v69 and tint only list markers in live-view and price cards to the warm subtitle tone.
   Scope: list markup styling only; copy, CTA, dropdown, layout, portfolio, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list{
  list-style:disc !important;
  padding-left:18px !important;
  margin:10px 0 0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li{
  display:list-item !important;
  margin:5px 0 !important;
}

body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-list li::marker,
body.project-hero-fullscreen-page#top #prices .features li::marker{
  color:#BFA96A !important;
}


/* === index-v72-desktop-steps-inactive-outline-tone ===
   Owner: index.html / #design-steps.
   Goal: make only inactive desktop step-number outlines calmer, matching the accepted mobile outline tone.
   Scope: inactive numbers 2–6 on desktop only; active 1, glow, size, spacing, mobile, texts and CTA are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #design-steps .grid > div:not(.hi-step-active)::before{
    border-color:rgba(191,169,122,.48) !important;
  }
}

/* === index-v73-desktop-steps-digits-and-partners-title-gap ===
   Owner: index.html / desktop #design-steps + #partners.
   Goal: increase only the digits inside the step circles and make the “Наши партнёры” underline-to-subtitle gap match “Показ объекта вживую”.
   Scope: desktop only; circle size, outlines, active glow, mobile, texts, buttons, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #design-steps .grid > div::before{
    font-size:17px !important;
  }

  body.project-hero-fullscreen-page#top #partners > .wrap > .section-title{
    margin-bottom:var(--hi-section-title-gap, 22px) !important;
  }
}


/* === index-v75-desktop-steps-digits-balanced-size ===
   Owner: index.html / desktop #design-steps.
   Goal: reduce only the digits inside step circles after 21px looked too heavy; keep the increase visible compared with v73.
   Scope: desktop only; circle size, outlines, active glow, spacing, mobile, texts, buttons, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #design-steps .grid > div::before{
    font-size:19px !important;
    line-height:1 !important;
  }
}


/* === index-v76-steps-digits-19-all-viewports ===
   Owner: index.html / #design-steps.
   Goal: keep accepted 19px step digits not only on desktop, but also on mobile.
   Scope: digits only; circle size, outline, glow, spacing, texts, buttons, SEO, schema, header and footer are untouched. */
body.project-hero-fullscreen-page#top #design-steps .grid > div::before{
  font-size:19px !important;
  line-height:1 !important;
}


/* === index-v77-desktop-contacts-equal-columns ===
   Owner: index.html / desktop #contacts.
   Goal: align the final contact section with the site grid logic by making the form and contact cards equal-width columns.
   Scope: desktop layout only; mobile stacking, texts, form fields, map, buttons, SEO, schema, header and footer are untouched. */
@media (min-width:1101px){
  body.project-hero-fullscreen-page#top #contacts .hi-contact-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}


/* === index-v78-desktop-contacts-soft-compact ===
   Owner: index.html / desktop #contacts.
   Goal: make the final contact section a little more compact vertically so it fits closer to one desktop viewport without changing the 50/50 grid.
   Scope: desktop spacing only; mobile, texts, fields content, links, SEO, schema, header and footer are untouched. */
@media (min-width:1101px){
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section{
    padding-top:28px !important;
    padding-bottom:64px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-panel{
    gap:24px !important;
    margin-top:36px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-form-card{
    padding:32px 36px 28px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-info-card{
    padding:26px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-eyebrow{
    min-height:28px !important;
    margin-bottom:14px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-form-card h3,
  body.project-hero-fullscreen-page#top #contacts .hi-contact-info-head h3{
    margin-bottom:12px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-form{
    gap:12px !important;
    margin-top:26px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-field{
    gap:6px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-field input{
    min-height:50px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-submit{
    min-height:52px !important;
    margin-top:20px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-consent{
    margin-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-links{
    gap:10px !important;
    margin-top:20px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-link,
  body.project-hero-fullscreen-page#top #contacts .hi-contact-address{
    padding:14px 16px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-address{
    margin-top:10px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .hi-contact-map{
    min-height:190px !important;
    margin-top:12px !important;
  }

  body.project-hero-fullscreen-page#top #contacts .map-canvas,
  body.project-hero-fullscreen-page#top #contacts .map-canvas iframe{
    min-height:190px !important;
  }
}

/* === index-v79-desktop-contacts-gap-and-instagram ===
   Owner: index.html / desktop #contacts.
   Goal: keep the v21 compact contact cards but restore the pre-v21 distance from the FAQ section and fill the contact grid with Instagram.
   Scope: desktop top section spacing and contact links order/card count only; mobile, map, form fields, SEO, schema, header and footer are untouched. */
@media (min-width:1101px){
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section{
    padding-top:32px !important;
  }
}

/* === index-v80-desktop-faq-to-contacts-gap-restore ===
   Owner: index.html / desktop #home-questions -> #contacts.
   Goal: restore the accepted desktop distance between FAQ and the final contact section after compacting the contact cards.
   Scope: desktop section gap only; compact contact card internals, 50/50 grid, Instagram, mobile, texts, SEO, schema, header and footer are untouched. */
@media (min-width:1101px){
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section{
    padding-top:var(--hi-index-desktop-section-gap-v29, 72px) !important;
  }
}


/* === index-v81-desktop-about-first-paragraph-gap ===
   Owner: index.html / desktop #services .hi-about.
   Goal: reduce only the marked gap between the first and second about paragraphs, while keeping the pause before the geography line unchanged.
   Scope: desktop text rhythm only; H2, service cards, mobile, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #services .hi-about p:first-child{
    margin-bottom:4px !important;
  }
}


/* === index-v82-desktop-about-all-paragraph-gaps ===
   Owner: index.html / desktop #services .hi-about.
   Goal: bring all three intro lines closer together while preserving typography and the surrounding section layout.
   Scope: desktop paragraph rhythm only; H2, service cards, mobile, SEO, schema, header and footer are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #services .hi-about p{
    margin-bottom:4px !important;
  }

  body.project-hero-fullscreen-page#top #services .hi-about p:last-child{
    margin-bottom:0 !important;
  }
}


/* === index-desktop-v83-portfolio-arrow-glyph-larger ===
   Owner: index.html / desktop #portfolio showcase arrows.
   Goal: increase only the arrow glyph inside the existing circle.
   Scope: desktop only; circle size, border, hover, mobile, SEO and JS are untouched. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav span{
    font-size:42px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }
}


/* === index-desktop-v86-portfolio-showcase-copy-design-slider ===
   Owner: index.html / desktop #portfolio slider.
   Goal: remove the v84/v85 main-page-only slider overrides that caused horizontal scroll/lines and copy the accepted design-interiera slider logic.
   Scope: desktop main page only; no mobile, no JS, no image order, no SEO/schema/header/footer changes. */
@media (min-width:901px){
  html,
  body.project-hero-fullscreen-page#top{
    overflow-x:hidden !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase{
    width:100% !important;
    max-width:min(1460px, calc(100vw - 96px)) !important;
    margin:34px auto 0 !important;
    position:relative !important;
    background:transparent !important;
    --hi-showcase-control-outset:clamp(30px, 3.2vw, 72px) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__viewport{
    position:relative !important;
    overflow:visible !important;
    width:100% !important;
    height:min(70vh, 760px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding-inline:72px !important;
    box-sizing:border-box !important;
    background:transparent !important;
    cursor:pointer !important;
    user-select:none !important;
    -webkit-user-select:none !important;
    touch-action:pan-y !important;
    -ms-touch-action:pan-y !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__backdrop,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__viewport::after{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track{
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    transform:translate3d(0,0,0) !important;
    transition:none !important;
    will-change:transform !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track .portfolio-showcase__image,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track .portfolio-showcase__image--native{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    cursor:inherit !important;
    -webkit-user-drag:none !important;
    width:auto !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    background:transparent !important;
    transition:opacity .32s ease !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase.is-switching .portfolio-showcase__image{
    opacity:.35 !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav{
    position:absolute !important;
    top:50% !important;
    z-index:2 !important;
    transform:translateY(-50%) !important;
    width:52px !important;
    height:52px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:999px !important;
    background:rgba(3,3,3,.66) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    cursor:pointer !important;
    transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, opacity .25s ease !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav span{
    display:block !important;
    font-size:42px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav:hover,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav:focus-visible,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav.is-key-active{
    background:rgba(191,169,122,.92) !important;
    border-color:rgba(191,169,122,.96) !important;
    color:#080808 !important;
    box-shadow:0 0 18px rgba(191,169,122,.34) !important;
    outline:none !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav--prev{
    left:calc(-1 * var(--hi-showcase-control-outset)) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav--next{
    right:calc(-1 * var(--hi-showcase-control-outset)) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__meta{
    position:absolute !important;
    right:calc(-1 * var(--hi-showcase-control-outset)) !important;
    bottom:18px !important;
    z-index:2 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    background:rgba(3,3,3,.66) !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__counter{
    color:#fff !important;
    font-size:14px !important;
    line-height:1 !important;
    letter-spacing:.03em !important;
  }
}


/* === index-desktop-v87-portfolio-hide-buffer-slides ===
   Owner: index.html / desktop #portfolio slider.
   Fix: v86 copied fixed-height rules but accidentally made buffer slides visible.
   Keep only the current/native slide in the desktop viewport, otherwise side buffer slides create visible lines and horizontal scroll.
   Scope: desktop main page only; no mobile, no JS, no image order, no SEO/schema/header/footer changes. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track .portfolio-showcase__image--prev,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track .portfolio-showcase__image--next{
    display:none !important;
    width:0 !important;
    height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    flex:0 0 0 !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track .portfolio-showcase__image--current,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track .portfolio-showcase__image--native:not(.portfolio-showcase__image--prev):not(.portfolio-showcase__image--next){
    display:block !important;
    width:auto !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    flex:0 0 auto !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__viewport,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__track{
    overflow:visible !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }
}

/* === team-editorial-fullbleed-v08 ===
   Owner: index.html / #team.
   Задача: заменить старую схему "текст слева + портрет справа" на редакционный разворот:
   две фотографии во всю ширину экрана с тонким зазором между ними и текстовыми колонками снизу.
   Не меняются соседние секции, шапка, футер, SEO-структура и тексты. */
body.project-hero-fullscreen-page#top #team .team-editorial-layout{
  position:relative !important;
  left:50% !important;
  width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:6px !important;
  background:#000 !important;
  overflow:hidden !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-card{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  background:#000 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-visual{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#050505 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-visual picture{
  display:block !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-img{
  display:block !important;
  width:100% !important;
  height:clamp(420px, 28.5vw, 560px) !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy{
  padding:26px clamp(24px, 3.6vw, 72px) 0 !important;
  color:rgba(255,255,255,.78) !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
  margin:0 0 14px !important;
  
  
  
  
  
  text-align:left !important;
  text-align-last:auto !important;
  text-justify:auto !important;
  
  
  
  
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy p:last-child{
  margin-bottom:0 !important;
}

@media (max-width:1400px) and (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-img{
    height:clamp(390px, 32vw, 460px) !important;
  }
  body.project-hero-fullscreen-page#top #team .team-editorial-copy{
    padding-left:clamp(24px, 3.2vw, 52px) !important;
    padding-right:clamp(24px, 3.2vw, 52px) !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-layout{
    left:50% !important;
    width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-card + .team-editorial-card{
    margin-top:30px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-img{
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-copy{
    width:min(92vw, 760px) !important;
    margin:0 auto !important;
    padding:20px 0 0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
    
    
    margin-bottom:12px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-card + .team-editorial-card{
    margin-top:28px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-copy{
    width:calc(100vw - 32px) !important;
    padding-top:18px !important;
  }

  
}


/* === team-editorial-fullbleed-v08 ===
   Owner: index.html / #team.
   Задача: сохранить новый визуальный разворот, добавить короткое intro под H2,
   оставить под фото короткие смысловые колонки, а полный прежний текст вывести ниже
   отдельным открытым блоком для смысла и SEO. */
body.project-hero-fullscreen-page#top #team .team-editorial-intro{
  width:min(940px, calc(100vw - 48px)) !important;
  margin:0 auto 30px !important;
  
  
  
  
  
  text-align:center !important;
}



body.project-hero-fullscreen-page#top #team .team-editorial-detail{
  width:min(1220px, calc(100vw - 80px)) !important;
  margin:42px auto 0 !important;
  padding:0 !important;
  column-count:2 !important;
  column-gap:clamp(48px, 6vw, 92px) !important;
  color:rgba(255,255,255,.68) !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-detail p{
  break-inside:avoid !important;
  margin:0 0 14px !important;
  color:rgba(255,255,255,.68) !important;
  font-size:clamp(15px, .88vw, 17px) !important;
  line-height:1.56 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
  text-align-last:auto !important;
  -webkit-hyphens:none !important;
  hyphens:none !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-detail strong{
  color:rgba(255,255,255,.84) !important;
  font-weight:700 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-intro{
    width:min(92vw, 760px) !important;
    margin-bottom:24px !important;
    
    
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-detail{
    width:min(92vw, 760px) !important;
    margin-top:34px !important;
    column-count:1 !important;
    column-gap:0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-detail p{
    font-size:15.8px !important;
    line-height:1.56 !important;
    margin-bottom:12px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-intro{
    width:calc(100vw - 32px) !important;
    margin-bottom:22px !important;
    
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-detail{
    width:calc(100vw - 32px) !important;
    margin-top:30px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-detail p{
    font-size:15.6px !important;
    line-height:1.55 !important;
  }
}


/* === team-editorial-intro-rhythm-v09 ===
   Owner: index.html / #team.
   Задача: привести intro блока "Обо мне и команде" к принятому ритму подзаголовков главной:
   размер, цвет и вертикальные отступы как у соседних секций. */
body.project-hero-fullscreen-page#top #team > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap) !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-intro{
  width:min(900px, calc(100vw - 48px)) !important;
  margin:0 auto 30px !important;
  
  
  
  
  
  
  text-align:center !important;
  
}



@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team > .wrap > .section-title{
    margin-bottom:var(--hi-section-title-gap) !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-intro{
    width:100% !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:24px !important;
    
    
    
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-intro{
    width:100% !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:22px !important;
    text-align:center !important;
    
  }
}


/* === team-editorial-background-repeat-fix-v10 ===
   Owner: index.html / #team.
   Задача: убрать отдельную чёрную плашку под текстом и убрать видимое повторение текста.
   Фон блока должен совпадать с фоном страницы; тёмным остаётся только тонкий зазор между изображениями. */
body.project-hero-fullscreen-page#top #team .team-editorial-layout{
  background:transparent !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-card{
  background:transparent !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy{
  background:transparent !important;
  padding-top:22px !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-detail{
  background:transparent !important;
  margin-top:36px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-copy{
    padding-top:18px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-detail{
    margin-top:30px !important;
  }
}


/* === team-editorial-text-balance-v11 ===
   Owner: index.html / #team.
   Задача: сделать текст под двумя изображениями полноценным, убрать дубль нижней простыни
   и оставить один общий центрированный вывод под визуальным разворотом. */
body.project-hero-fullscreen-page#top #team .team-editorial-copy{
  padding-top:24px !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
  max-width:820px !important;
  
  
  margin-bottom:14px !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy p:last-child{
  margin-bottom:0 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-summary{
  width:min(980px, calc(100vw - 80px)) !important;
  margin:38px auto 0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:clamp(16px, .94vw, 18px) !important;
  line-height:1.6 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-copy{
    padding-top:18px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
    max-width:none !important;
    
    
    margin-bottom:12px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-summary{
    width:min(92vw, 760px) !important;
    margin-top:30px !important;
    font-size:15.8px !important;
    line-height:1.56 !important;
    text-align:left !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-summary{
    width:calc(100vw - 32px) !important;
    margin-top:28px !important;
    font-size:15.6px !important;
    line-height:1.55 !important;
  }
}


/* === team-editorial-text-balance-v14 ===
   Owner: index.html / #team.
   Задача: оставить верхний intro, убрать повтор "Во главе студии — я...",
   разложить исходный текст Артёма: 2 абзаца слева, 2 справа, 2 финальных по центру. */
body.project-hero-fullscreen-page#top #team .team-editorial-detail{
  width:min(1080px, calc(100vw - 80px)) !important;
  margin:40px auto 0 !important;
  padding:0 !important;
  column-count:1 !important;
  column-gap:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.68) !important;
  text-align:center !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-detail p{
  width:min(920px, 100%) !important;
  margin:0 auto 14px !important;
  color:rgba(255,255,255,.68) !important;
  font-size:clamp(15px, .88vw, 17px) !important;
  line-height:1.56 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
  text-align-last:auto !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-detail p:last-child{
  margin-bottom:0 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-detail{
    width:min(92vw, 760px) !important;
    margin-top:32px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-detail p{
    font-size:15.8px !important;
    line-height:1.56 !important;
    text-align:left !important;
    margin-bottom:12px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-detail{
    width:calc(100vw - 32px) !important;
    margin-top:28px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-detail p{
    font-size:15.6px !important;
    line-height:1.55 !important;
  }
}


/* === team-editorial-three-level-layout-v15 ===
   Owner: index.html / #team.
   Задача: оставить лид под H2, сделать две симметричные колонки под фото
   и вынести дополнительные смыслы в три полноширинных подблока ниже. */
body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
  width:min(1180px, calc(100vw - 80px)) !important;
  margin:42px auto 0 !important;
  padding:0 !important;
  column-count:1 !important;
  column-gap:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  background:transparent !important;
  color:rgba(255,255,255,.68) !important;
  text-align:left !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature{
  margin:0 !important;
  padding:24px 24px 22px !important;
  border:1px solid rgba(191,169,122,.18) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.12) !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature h3{
  margin:0 0 10px !important;
  color:rgba(245,238,220,.92) !important;
  font-size:clamp(16px, .96vw, 18px) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:-.015em !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature p,
body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid p{
  width:auto !important;
  margin:0 !important;
  color:rgba(255,255,255,.68) !important;
  font-size:clamp(15px, .84vw, 16px) !important;
  line-height:1.56 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  text-align:left !important;
}

@media (max-width:1100px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    width:min(92vw, 900px) !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    margin-top:30px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature{
    padding:20px 18px !important;
    border-radius:18px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    width:calc(100vw - 32px) !important;
    margin-top:26px !important;
    gap:12px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature p,
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid p{
    font-size:15.4px !important;
    line-height:1.55 !important;
  }
}


/* === team-editorial-column-and-grid-fix-v16 ===
   Owner: index.html / #team.
   Задача: убрать дубли имени и фразы про подрядчиков из колонок, сократить карточку "Умный дом",
   выровнять сетку карточек по центру контейнера. */
body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
  width:min(1120px, calc(100vw - 80px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  grid-template-columns:repeat(3, minmax(0, 360px)) !important;
  justify-content:center !important;
  justify-items:stretch !important;
}

@media (max-width:1100px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    width:min(92vw, 820px) !important;
    grid-template-columns:1fr !important;
    justify-content:center !important;
  }
}


/* === team-editorial-column-spacing-order-v17 ===
   Owner: index.html / #team.
   Задача: правка двух точек: в правой колонке команда идёт первым абзацем;
   межабзацный отступ в колонках уменьшен, без изменения шрифта и line-height. */
body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
  margin-bottom:8px !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy p:last-child{
  margin-bottom:0 !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
    margin-bottom:8px !important;
  }
}


/* === team-editorial-feature-spacing-v18 ===
   Owner: index.html / #team.
   Задача: немного уплотнить нижнюю часть блока:
   уменьшить отступ от текстовых колонок до карточек и верхний внутренний отступ карточек.
   Тексты, шрифты, line-height, изображения и соседние блоки не меняются. */
body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
  margin-top:32px !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature{
  padding-top:18px !important;
  padding-bottom:22px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    margin-top:24px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature{
    padding-top:18px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    margin-top:22px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature{
    padding-top:17px !important;
  }
}


/* === team-editorial-visible-spacing-fix-v19 ===
   Owner: index.html / #team.
   Исправление v18: предыдущая правка была слишком слабой визуально.
   Здесь явно и заметно уменьшаются: межабзацный отступ в колонках,
   расстояние от колонок до нижних карточек и верхний padding карточек. */
body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
  margin-bottom:5px !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-copy p:last-child{
  margin-bottom:0 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
  margin-top:20px !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature{
  padding-top:14px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
    margin-bottom:5px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    margin-top:18px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature{
    padding-top:14px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
    margin-bottom:5px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-grid{
    margin-top:16px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature{
    padding-top:13px !important;
  }
}


/* === team-editorial-wide-feature-card-v21 ===
   Owner: index.html / #team.
   Задача: заменить три отдельные нижние карточки на одну широкую карточку
   с тремя внутренними частями и кнопкой "Связаться с Артёмом".
   База: принятая v19; v20 не используется. */
body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
  width:100% !important;
  max-width:none !important;
  margin:22px auto 0 !important;
  padding:28px 34px 26px !important;
  column-count:1 !important;
  column-gap:0 !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:
    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,.11), rgba(191,169,122,0) 42%),
    linear-gradient(135deg, rgba(191,169,122,.065), rgba(12,12,14,.96) 34%, rgba(4,4,4,.98) 100%) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-list{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-item{
  margin:0 !important;
  padding:0 30px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  min-width:0 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-item:first-child{
  padding-left:0 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-item:last-child{
  padding-right:0 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-item + .team-editorial-feature-item{
  border-left:1px solid rgba(191,169,122,.16) !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-item h3{
  margin:0 0 10px !important;
  
  
  
  
  
  text-align:left !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell p,
body.project-hero-fullscreen-page#top #team .team-editorial-feature-item p{
  width:auto !important;
  margin:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:clamp(15px, .86vw, 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.project-hero-fullscreen-page#top #team .team-editorial-feature-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin-top:26px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(191,169,122,.15) !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-feature-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.project-hero-fullscreen-page#top #team .team-editorial-feature-cta:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-feature-cta: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) !important;
  opacity:1 !important;
}

@media (max-width:1100px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    padding:26px 26px 24px !important;
    border-radius:24px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-list{
    grid-template-columns:1fr !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item{
    padding:18px 0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item:first-child{
    padding-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item:last-child{
    padding-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item + .team-editorial-feature-item{
    border-left:0 !important;
    border-top:1px solid rgba(191,169,122,.16) !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    width:min(92vw, 820px) !important;
    margin-top:22px !important;
    padding:24px 22px 22px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-actions{
    margin-top:22px !important;
    padding-top:22px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    width:calc(100vw - 32px) !important;
    margin-top:20px !important;
    padding:22px 18px 20px !important;
    border-radius:20px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item{
    padding:16px 0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell p,
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item p{
    font-size:15.4px !important;
    line-height:1.55 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-cta{
    max-width:none !important;
    min-height:50px !important;
    font-size:16px !important;
  }
}


/* === team-editorial-channel-actions-v22 ===
   Owner: index.html / #team .team-editorial-feature-shell.
   Задача: убрать декоративный градиент v21 и сделать раскрытие каналов связи
   внутри широкой карточки: Telegram / MAX / Оставить заявку. */
body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
  background:#070708 !important;
  background-image:none !important;
  box-shadow:none !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-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.project-hero-fullscreen-page#top #team .team-editorial-channel-toggle{
  width:100% !important;
  max-width:310px !important;
  min-height:52px !important;
  appearance:none !important;
  cursor:pointer !important;
  font-family:inherit !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-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.project-hero-fullscreen-page#top #team .team-editorial-channel-menu[hidden]{
  display:none !important;
}

body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu a,
body.project-hero-fullscreen-page#top #team .team-editorial-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.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu a:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu a:focus-visible,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu a:active,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu button:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu button:focus-visible,
body.project-hero-fullscreen-page#top #team .team-editorial-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.project-hero-fullscreen-page#top #team .team-editorial-channel-actions{
    align-items:stretch !important;
    margin-top:22px !important;
    padding-top:22px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-channel-toggle{
    max-width:none !important;
    min-height:50px !important;
    font-size:16px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu{
    grid-template-columns:1fr !important;
    max-width:none !important;
    gap:8px !important;
    margin-top:10px !important;
  }
}

/* === team-editorial-copy-wrap-align-v23 ===
   Owner: index.html / #team.
   Задача: выровнять две текстовые колонки под фото по основной сетке сайта
   и ширине нижней широкой карточки, оставив фотографии full width. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team{
    --team-wrap-edge: max(5vw, calc((100vw - 1600px) / 2));
    --team-copy-inner-gap: clamp(36px, 3.2vw, 64px);
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-card--left .team-editorial-copy{
    padding-left:var(--team-wrap-edge) !important;
    padding-right:var(--team-copy-inner-gap) !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-card--right .team-editorial-copy{
    padding-left:var(--team-copy-inner-gap) !important;
    padding-right:var(--team-wrap-edge) !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-copy p{
    max-width:none !important;
  }
}


/* === team-editorial-feature-shell-gap-v25 ===
   Owner: index.html / #team.
   Исправление v24: предыдущая правка попала в несуществующий селектор
   .team-editorial-contact-card. Реальный блок широкой карточки —
   .team-editorial-feature-shell. Увеличиваем только зазор от текстовых колонок
   под фото до верхней границы широкой карточки. */
body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
  margin-top:34px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    margin-top:28px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    margin-top:24px !important;
  }
}


/* === team-editorial-left-copy-offset-v26 ===
   Owner: index.html / #team.
   Задача: на desktop чуть сдвинуть левую текстовую колонку под фото вправо,
   чтобы она визуально не садилась на линию внешней рамки нижней широкой карточки.
   Правую колонку, карточку, фото, тексты и mobile не трогаем. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-card--left .team-editorial-copy{
    padding-left:calc(var(--team-wrap-edge) + 28px) !important;
  }
}

/* === team-editorial-left-copy-offset-v27 ===
   Owner: index.html / #team.
   Коррекция v26: уменьшаем сдвиг левой текстовой колонки примерно наполовину,
   оставляя лёгкий отступ от визуальной линии нижней широкой карточки. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-card--left .team-editorial-copy{
    padding-left:calc(var(--team-wrap-edge) + 14px) !important;
  }
}


/* === team-editorial-text-to-card-gap-v28 ===
   Owner: index.html / #team.
   Задача: немного увеличить вертикальный зазор от текстовых колонок под фото
   до верхней границы широкой карточки. Остальные элементы не меняются. */
body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
  margin-top:42px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    margin-top:32px !important;
  }
}

@media (max-width:560px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    margin-top:28px !important;
  }
}

/* === hi-open-channel-toggle-calm-state-v29 ===
   Owner: index.html / #realized-view и #team.
   Задача: после раскрытия Telegram / MAX / «Оставить заявку» вернуть основную кнопку
   в обычное спокойное состояние, чтобы акцент переходил на раскрытые каналы связи. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.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;
}

body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:focus,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-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;
}

/* === hi-cta-hover-unified-gold-v30 ===
   Owner: index.html / visible CTA buttons.
   Задача: привести hover/focus CTA-кнопок к поведению кнопки «Связаться с Артёмом»:
   золотая заливка + мягкая неоновая подсветка. FAQ, карта «HomeInterior в Самаре», меню,
   фильтры, стрелки, видеокарточки и служебные кнопки не трогаются. */
body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta:hover,
body.project-hero-fullscreen-page#top #home-intro .cta a.hi-hero-cta:focus-visible,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:hover,
body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:hover,
body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta:focus-visible,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-wrap .portfolio-more-btn:hover,
body.project-hero-fullscreen-page#top #portfolio .portfolio-more-wrap .portfolio-more-btn:focus-visible,
body.project-hero-fullscreen-page#top #prices .price-row .btn[type="button"]:hover,
body.project-hero-fullscreen-page#top #prices .price-row .btn[type="button"]:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions .live-view-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #team .team-editorial-feature-cta:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-feature-cta:focus-visible,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu a:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu a:focus-visible,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu button:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu button:focus-visible,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn:hover,
body.project-hero-fullscreen-page#top #partners .partners-cta .btn:focus-visible,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:focus-visible,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:hover,
body.project-hero-fullscreen-page#top #contacts .hi-contact-submit:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  filter:none !important;
  outline:none !important;
}

/* После раскрытия каналов связи основная кнопка остаётся спокойной: акцент переходит на Telegram / MAX / заявку. */
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:hover,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:active,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:hover,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:focus,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-channel-toggle:focus-visible,
body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions.is-open .team-editorial-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;
}


/* === index-v32-review-faq-surface-match-realized-view ===
   Owner: index.html / #reviews + #home-questions.
   Источник значений: #realized-view .realized-view-shell.
   Задача: фон/рамка/радиус/тень карточек отзывов и FAQ точно как у карточки «Показ объекта вживую».
   Не меняются структура, тексты, сетка, padding, кнопки, FAQ-иконка, SEO и соседние блоки. */
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question:hover,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question[open]{
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%), linear-gradient(135deg, rgba(191,169,122,.10), rgba(12,12,14,.96) 28%, rgba(4,4,4,.98) 100%) !important;
  border:1px solid rgba(191,169,122,.24) !important;
  border-radius:28px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}

body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main::before,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat::before,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card::before,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note::before,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question::before{
  content:none !important;
  display:none !important;
}

body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question-body{
  border-top:1px solid rgba(191,169,122,.24) !important;
}


/* === index-v33-review-faq-surface-no-gradient ===
   Owner: index.html / #reviews + #home-questions.
   Задача: проверить вариант без градиента после v32.
   Оставляем рамку/радиус/тень от карточки «Показ объекта вживую»,
   убираем только градиентную заливку у карточек отзывов и FAQ. */
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question:hover,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question[open]{
  background:rgba(12,12,14,.96) !important;
  background-image:none !important;
}


/* === index-v35-review-faq-radius-exact-restore ===
   Owner: index.html / #reviews + #home-questions.
   Исправление v34: вернуть скругления не на глаз, а по фактическому состоянию до v32.
   До v32 у карточек отзывов и FAQ итоговый border-radius был 16px. */
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question:hover,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question[open]{
  border-radius:16px !important;
}


/* === index-v36-faq-hover-restore ===
   Owner: index.html / #home-questions.
   Задача: вернуть прежнюю hover/open-подсветку FAQ-карточек после выравнивания тона карточек.
   Отзывы, фон без градиента, радиус, тексты, кнопки, FAQ-структура и SEO не меняются. */
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question:hover,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question[open]{
  border-color:rgba(191,169,122,.46) !important;
  background:rgba(191,169,122,.045) !important;
  box-shadow:0 0 20px rgba(191,169,122,.08), 0 14px 34px rgba(0,0,0,.22) !important;
}

body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question:hover summary::after,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question[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;
}


/* === index-v38-review-faq-exact-v32-gradient ===
   Owner: index.html / #reviews + #home-questions.
   Задача: вернуть точно тот же background, который был в v32 у карточек отзывов и FAQ,
   но сохранить текущие скругления из v35 и hover/open-подсветку FAQ из v36.
   Фон возвращается без изменения border, border-radius, box-shadow, сетки, текстов, кнопок и раскрытия. */
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-main,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-stat,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-block .hi-proof-review-card,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question:hover,
body.project-hero-fullscreen-page#top #home-questions.hi-home-questions .hi-home-question[open]{
  background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,0) 100%), linear-gradient(135deg, rgba(191,169,122,.10), rgba(12,12,14,.96) 28%, rgba(4,4,4,.98) 100%) !important;
}

/* === index-mobile-v07-steps-number-title-align-fine-tune ===
   Owner: index.html / mobile #design-steps.
   Goal: lift the step-number circles slightly after v06 placed them too low.
   Scope: mobile position of the circles only; size, glow, text, spacing, desktop, SEO and HTML are untouched. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #design-steps .grid > div::before{
    top:-5px !important;
  }
}


/* === index-v09-steps-separators-match-repair ===
   Owner: index.html / #design-steps.
   Goal: repeat the thin step separators from remont-pod-klyuch-samara.html / #process on the main page.
   Source values from repair-v47/v48: border color rgba(191,169,122,.16), desktop padding-bottom 30px, mobile padding-bottom 26px, desktop row-gap 44px, mobile row-gap 34px.
   Scope: separators and related vertical room inside #design-steps only; text, numbering, CTA, SEO, header and footer are untouched. */
body.project-hero-fullscreen-page#top #design-steps .grid{
  row-gap:44px !important;
}

body.project-hero-fullscreen-page#top #design-steps .grid > div{
  border-bottom:0 !important;
  padding-bottom:30px !important;
}

body.project-hero-fullscreen-page#top #design-steps .grid > div:nth-child(-n/**/+3){
  border-bottom:1px solid rgba(191,169,122,.16) !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #design-steps .grid{
    row-gap:34px !important;
  }

  body.project-hero-fullscreen-page#top #design-steps .grid > div{
    padding-bottom:26px !important;
  }

  body.project-hero-fullscreen-page#top #design-steps .grid > div:nth-child(-n/**/+3){
    border-bottom:0 !important;
  }

  body.project-hero-fullscreen-page#top #design-steps .grid > div:not(:last-child){
    border-bottom:1px solid rgba(191,169,122,.16) !important;
  }
}


/* === index-compact-android-component-fixes-v25 ===
   Owner: index.html / compact mobile components.
   Goal: fix Samsung A51-class widths without changing global typography or approved 415px+ layout.
   Scope: portfolio tabs, portfolio showcase controls, price row, service CTA buttons and project-card arrows only. */
@media (max-width:414px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title + .portfolio-tabs,
  body.project-hero-fullscreen-page#top #portfolio .portfolio-tabs{
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    padding:5px !important;
    gap:3px !important;
    box-sizing:border-box !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-tab{
    min-height:35px !important;
    padding:0 4px !important;
    font-size:clamp(11.4px, 3.15vw, 12.8px) !important;
    line-height:1 !important;
    letter-spacing:-.035em !important;
    font-weight:650 !important;
    white-space:nowrap !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__nav span{
    font-size:31px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta-wrap{
    max-width:calc(100vw - 104px) !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta{
    max-width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    height:40px !important;
    padding:0 16px !important;
    box-sizing:border-box !important;
    font-size:15px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .gallery .project-cta-circle,
  body.project-hero-fullscreen-page#top #portfolio .gallery .project-cta-circle.cta-in-caption,
  body.project-hero-fullscreen-page#top #portfolio .gallery .project-cta-circle.cta-abs{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    right:10px !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .gallery .project-cta-circle span{
    font-size:20px !important;
    line-height:1 !important;
  }

  body.project-hero-fullscreen-page#top #prices .price-card .price-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
  }

  body.project-hero-fullscreen-page#top #prices .price-card .price-row > .price,
  body.project-hero-fullscreen-page#top #prices .price-card .price-row > .price.main{
    flex:0 0 auto !important;
    font-size:19px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  body.project-hero-fullscreen-page#top #prices .price-row .btn[type="button"]{
    min-width:92px !important;
    height:40px !important;
    padding:0 16px !important;
    border-radius:14px !important;
    font-size:15.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.project-hero-fullscreen-page#top #services .svc-cta,
  body.project-hero-fullscreen-page#top #design-steps .svc-cta{
    width:100% !important;
    gap:8px !important;
  }

  body.project-hero-fullscreen-page#top #services .svc-cta a.btn-outline,
  body.project-hero-fullscreen-page#top #design-steps .svc-cta a.btn-outline{
    width:100% !important;
    max-width:100% !important;
    min-height:42px !important;
    padding:10px 10px !important;
    box-sizing:border-box !important;
    font-size:clamp(12.8px, 3.45vw, 14.2px) !important;
    line-height:1.08 !important;
    letter-spacing:-.012em !important;
    white-space:nowrap !important;
  }
}


/* === index-compact-controls-and-arrow-unify-v26 ===
   Owner: index.html / compact mobile portfolio controls + service-card CTA arrows.
   Goal: finish Samsung A51 compact fixes: make "Подробнее о проекте" smaller so it does not cover the next arrow, and align service arrows with approved project arrows from v25.
   Scope: <=414px only; H1, global typography, project-card arrows, texts and SEO are untouched. */
@media (max-width:414px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__viewport{
    grid-template-columns:10px 38px 6px 38px 8px minmax(126px,136px) minmax(2px,1fr) auto 10px !important;
    grid-template-areas:
      "image image image image image image image image image"
      ". prev . next . cta . meta ." !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta-wrap{
    width:100% !important;
    max-width:136px !important;
    justify-self:center !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta{
    width:100% !important;
    max-width:136px !important;
    min-width:126px !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 8px !important;
    font-size:12.2px !important;
    line-height:1 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
  }
}

@media (max-width:380px){
  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__viewport{
    grid-template-columns:8px 38px 5px 38px 6px minmax(118px,126px) minmax(2px,1fr) auto 8px !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta-wrap{
    max-width:126px !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .portfolio-showcase__cta{
    max-width:126px !important;
    min-width:118px !important;
    padding:0 7px !important;
    font-size:11.6px !important;
  }
}

/* === index-android-a51-project-caption-tune-v28 ===
   Owner: index.html / compact mobile project cards + service arrows.
   Goal: make Samsung A51-class project captions calmer and visually align service arrows with project arrows.
   Scope: 391–414px only; H1, 415px+, project layout, SEO and text content are untouched. */
@media (min-width:391px) and (max-width:414px){
  body.project-hero-fullscreen-page#top #portfolio .gallery .project-caption{
    padding-top:20px !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .gallery .project-caption-title{
    font-size:clamp(14.6px,3.55vw,15px) !important;
    line-height:1.06 !important;
    letter-spacing:.008em !important;
  }

  body.project-hero-fullscreen-page#top #portfolio .gallery .project-caption-sub{
    margin-top:6px !important;
    font-size:11.8px !important;
    line-height:1.24 !important;
    letter-spacing:.01em !important;
    opacity:.58 !important;
  }

  body.project-hero-fullscreen-page#top #services .hi-service-card-action .hi-service-card-cta{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
  }

  body.project-hero-fullscreen-page#top #services .hi-service-card-action .hi-service-card-cta span{
    font-size:17.6px !important;
    line-height:1 !important;
  }
}


/* === team-editorial-top-gap-to-partners-rhythm-v30 ===
   Owner: index.html / #team .team-editorial-feature-shell.
   Задача: на desktop сделать верхний зазор от текстового блока до широкой карточки
   равным нижнему ритму от широкой карточки до секции «Наши партнёры».
   Нижний отступ, mobile, тексты, изображения и размеры не меняются. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    margin-top:72px !important;
  }
}
/* === team-editorial-intro-desktop-break-v32 ===
   Owner: index.html / #team .team-editorial-intro.
   Управляемый перенос только на ПК: слово «подбора» начинает вторую строку.
   Мобильную естественную разбивку не меняем. */
body.project-hero-fullscreen-page#top #team .team-editorial-intro-desktop-break{
  display:none !important;
}

@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-intro-desktop-break{
    display:inline !important;
  }
}

/* === index-v87-desktop-contacts-to-footer-gap-v14 ===
   Owner: index.html / desktop #contacts -> footer.
   Goal: increase only the desktop gap from the bottom of the contact cards to the footer divider to match the accepted FAQ -> contact-title rhythm.
   Scope: desktop spacing only; contact cards, footer styles, button states, mobile, SEO and JS are untouched. */
@media (min-width:1101px){
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section{
    padding-bottom:90px !important;
  }
}

/* === index-v88-reviews-flatica-cta-match-team-v17 ===
   Owner: index.html / #reviews .hi-proof-reviews-note .btn-outline.
   Задача: привести кнопку «Читать все отзывы на Flatica» к стилю кнопки
   «Связаться с Артёмом»: чёрная основа, золотая рамка, золотой hover.
   Секция, тексты, ссылка, карточки отзывов, FAQ, контакты и mobile layout не меняются. */
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:15px 24px !important;
  border-radius:12px !important;
  border:1px solid rgba(191,169,122,.65) !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, transform .25s ease !important;
  opacity:1 !important;
}

body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:hover,
body.project-hero-fullscreen-page#top #reviews.hi-index-reviews .hi-proof-reviews-note .btn-outline:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70), 0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  outline:none !important;
}


/* === index-v89-contacts-cards-live-view-style-v18 ===
   Owner: index.html / #contacts .hi-contact-form-card + .hi-contact-info-card.
   Задача: тестово убрать декоративный градиент у больших карточек контактов
   и приблизить их поверхность к спокойной карточке «Показ объекта вживую»:
   тёмная основа, та же золотистая рамка и мягкая глубина, без светлого пятна.
   Scope: desktop only; поля, карта, тексты, кнопки, отзывы, FAQ, mobile, SEO и JS не меняются. */
@media (min-width:1101px){
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card,
  body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card{
    background:rgba(5,5,6,.98) !important;
    background-image:none !important;
    border-color: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;
  }
}

/* === index-v90-contacts-cards-flat-all-devices-v26 ===
   Owner: index.html / #contacts.hi-contact-section.
   Задача: привести карточки формы и контактов к единому виду без декоративного градиента
   на ПК и мобильной, как на страницах «Дизайн интерьера» и «Ремонт под ключ».
   Не меняет поля, карту, тексты, кнопку, отступы и соседние секции. */
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card,
body.project-hero-fullscreen-page#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.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card::before,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card::before,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-form-card::after,
body.project-hero-fullscreen-page#top #contacts.hi-contact-section .hi-contact-info-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
}

/* === index-v91-section-underlines-audit-lock-v27 ===
   Owner: index.html / section H2 underlines.
   Задача: после сверки зафиксировать единый стиль подчеркивания заголовков
   на главной в ПК и мобильной версиях: толщина, насыщенность, тень и вылет.
   Не меняет тексты, порядок блоков, SEO, кнопки, карточки и отступы секций. */
body.project-hero-fullscreen-page#top #services > .wrap > .hi-about-title,
body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title,
body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > .section-title,
body.project-hero-fullscreen-page#top #realized-view > .wrap > .section-title,
body.project-hero-fullscreen-page#top #prices > .wrap > .section-title,
body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title,
body.project-hero-fullscreen-page#top #team > .wrap > .section-title,
body.project-hero-fullscreen-page#top #partners > .wrap > .section-title,
body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title,
body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head > .section-title,
body.project-hero-fullscreen-page#top #contacts > .wrap > .section-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body.project-hero-fullscreen-page#top #services > .wrap > .hi-about-title::after,
body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > .section-title::after,
body.project-hero-fullscreen-page#top #realized-view > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #prices > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #team > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #partners > .wrap > .section-title::after,
body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title::after,
body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head > .section-title::after,
body.project-hero-fullscreen-page#top #contacts > .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.project-hero-fullscreen-page#top #portfolio .portfolio-projects-title::after{
  height:1px !important;
  background:linear-gradient(90deg,
    rgba(191,169,122,0) 0%,
    rgba(191,169,122,.40) 18%,
    rgba(191,169,122,.70) 50%,
    rgba(191,169,122,.40) 82%,
    rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 5px rgba(191,169,122,.22), 0 0 10px rgba(191,169,122,.08) !important;
  opacity:.94 !important;
  border-radius:2px !important;
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #services > .wrap > .hi-about-title::after,
  body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #hi-video-reviews .hi-videos-head > .section-title::after,
  body.project-hero-fullscreen-page#top #realized-view > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #prices > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #design-steps > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #team > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #partners > .wrap > .section-title::after,
  body.project-hero-fullscreen-page#top #reviews .hi-proof-intro > .section-title::after,
  body.project-hero-fullscreen-page#top #home-questions .hi-home-questions-head > .section-title::after,
  body.project-hero-fullscreen-page#top #contacts > .wrap > .section-title::after{
    bottom:-10px !important;
    width:calc(100% + 72px) !important;
    max-width:calc(100vw - 24px) !important;
    height:1px !important;
  }
}


/* === index-v40-services-frame-edge-rhythm ===
   Owner: index.html / #services .hi-services-shell.
   Задача: слегка раскрыть верх/низ рамки «О студии HomeInterior»
   и выровнять крайние отступы с внутренним ритмом таблицы. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #services .hi-services-shell{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
}

/* === index-mobile-hero-about-gap-and-portfolio-title-v42 ===
   Owner: index.html / mobile only.
   1) Сокращает переход от нижней CTA первого экрана к H2 «О студии HomeInterior» на 20px.
   2) Убирает декоративную линию только под H2 «Портфолио работ».
   Desktop и остальные заголовки не меняются. */
@media (max-width:900px){
  body.project-hero-fullscreen-page#top #home-intro.home-intro{
    padding-bottom:8px !important;
  }

  body.project-hero-fullscreen-page#top #portfolio > .wrap > .section-title::after{
    content:none !important;
    display:none !important;
  }
}


/* === index_v43_free_consultation === */
#free-consultation.hi-free-consultation{
  padding-top:32px !important;
  padding-bottom:32px !important;
}

#free-consultation .hi-free-consultation-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  padding:34px 38px;
  border:1px solid rgba(191,169,122,0.28);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(191,169,122,0.10),rgba(255,255,255,0.025) 48%,rgba(0,0,0,0.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
}

#free-consultation .hi-free-consultation-copy{
  max-width:780px;
}

#free-consultation .hi-free-consultation-eyebrow{
  margin:0 0 12px;
  color:#bfa97a;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

#free-consultation h2{
  margin:0 0 14px;
  font-size:clamp(30px,3vw,46px) !important;
  line-height:1.12 !important;
  font-weight:700;
  color:#f3eee4;
}

#free-consultation .hi-free-consultation-copy > p:last-child{
  margin:0;
  max-width:760px;
  font-size:20px !important;
  line-height:1.55 !important;
  color:rgba(243,238,228,0.84);
}

#free-consultation .hi-free-consultation-button{
  flex:0 0 auto;
  min-width:270px;
  min-height:58px;
  padding:0 28px;
  white-space:nowrap;
}

@media (max-width:900px){
  #free-consultation .hi-free-consultation-card{
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
  }
}

@media (max-width:560px){
  #free-consultation.hi-free-consultation{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  #free-consultation .hi-free-consultation-card{
    gap:22px;
    padding:28px 22px;
    border-radius:24px;
  }

  #free-consultation .hi-free-consultation-eyebrow{
    margin-bottom:10px;
    font-size:12px !important;
    letter-spacing:0.07em;
  }

  #free-consultation h2{
    margin-bottom:12px;
    font-size:30px !important;
    line-height:1.16 !important;
  }

  #free-consultation .hi-free-consultation-copy > p:last-child{
    font-size:17px !important;
    line-height:1.5 !important;
  }

  #free-consultation .hi-free-consultation-button{
    width:100%;
    min-width:0;
    min-height:56px;
    padding:0 18px;
  }
}

/* === index-desktop-team-consultation-merge-v44 ===
   Owner: index.html / #team .team-editorial-feature-shell and #free-consultation.
   Desktop only: объединяет оффер первой консультации с нижней карточкой блока
   «Обо мне и команде». Mobile сохраняет отдельный блок и прежнюю CTA. */
.team-editorial-consultation-desktop,
.team-cta-label-desktop{
  display:none;
}

@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    padding-bottom:30px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-desktop{
    display:block;
    margin-top:26px;
    padding-top:28px;
    border-top:1px solid rgba(191,169,122,.15);
    text-align:center;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-desktop h3{
    margin:0 0 14px !important;
    color:#f3eee4 !important;
    font-size:clamp(30px,2.35vw,44px) !important;
    line-height:1.12 !important;
    font-weight:700 !important;
    letter-spacing:-.025em !important;
    text-align:center !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-desktop p{
    max-width:900px !important;
    margin:0 auto !important;
    color:rgba(243,238,228,.80) !important;
    font-size:clamp(17px,1.12vw,20px) !important;
    line-height:1.5 !important;
    text-align:center !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions{
    margin-top:24px !important;
    padding-top:0 !important;
    border-top:0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-channel-toggle{
    max-width:390px !important;
    min-height:58px !important;
    font-size:17px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-channel-menu{
    max-width:760px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-cta-label-desktop{
    display:inline;
  }

  body.project-hero-fullscreen-page#top #team .team-cta-label-mobile{
    display:none;
  }

  #free-consultation.hi-free-consultation{
    display:none !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-desktop{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #team .team-cta-label-desktop{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #team .team-cta-label-mobile{
    display:inline;
  }
}

/* === index-desktop-team-consultation-premium-v46 ===
   Owner: index.html / #team .team-editorial-feature-shell.
   Desktop only: точное визуальное объединение преимуществ и консультации
   по утверждённому макету. Mobile остаётся на прежней механике. */
.team-editorial-feature-icon,
.team-editorial-consultation-actions-desktop{
  display:none;
}

@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-shell{
    padding:44px 48px 46px !important;
    border-color:rgba(191,169,122,.42) !important;
    border-radius:30px !important;
    background:
      radial-gradient(circle at 50% 68%,rgba(191,169,122,.065),transparent 34%),
      linear-gradient(135deg,rgba(255,255,255,.018),rgba(191,169,122,.018) 48%,rgba(0,0,0,.15)) !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-list{
    gap:0 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item{
    min-height:286px !important;
    padding:0 40px 30px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item:first-child{
    padding-left:8px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item:last-child{
    padding-right:8px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-icon{
    display:block;
    width:48px;
    height:48px;
    margin:0 0 24px !important;
    color:#c7a35e;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-icon svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item h3{
    margin:0 0 22px !important;
    font-size:clamp(25px,1.55vw,31px) !important;
    line-height:1.18 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-feature-item p{
    font-size:clamp(17px,1.05vw,20px) !important;
    line-height:1.62 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-desktop{
    margin-top:8px !important;
    padding-top:50px !important;
    border-top-color:rgba(191,169,122,.34) !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-desktop h3{
    margin-bottom:18px !important;
    font-size:clamp(37px,2.55vw,52px) !important;
    line-height:1.08 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-desktop p{
    max-width:960px !important;
    font-size:clamp(18px,1.18vw,22px) !important;
    line-height:1.55 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-actions-desktop{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:32px;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-primary{
    position:relative;
    z-index:2;
    width:min(100%,390px);
    min-height:66px;
    padding:0 30px;
    border-color:rgba(199,163,94,.82) !important;
    border-radius:18px !important;
    color:#e7c77d !important;
    font-size:18px !important;
    font-weight:650 !important;
    box-shadow:0 16px 34px rgba(0,0,0,.26),0 0 24px rgba(191,169,122,.08);
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-primary::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-13px;
    width:18px;
    height:18px;
    border-right:1px solid rgba(199,163,94,.82);
    border-bottom:1px solid rgba(199,163,94,.82);
    background:#090909;
    transform:translateX(-50%) rotate(45deg);
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:min(100%,820px);
    margin-top:14px;
    padding:12px;
    border:1px solid rgba(199,163,94,.68);
    border-radius:22px;
    background:rgba(10,10,10,.94);
    box-shadow:0 18px 38px rgba(0,0,0,.34),0 0 30px rgba(191,169,122,.09),inset 0 1px 0 rgba(255,255,255,.035);
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels a,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:62px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:15px;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    color:#f3eee4;
    font:inherit;
    font-size:18px !important;
    font-weight:500;
    text-decoration:none;
    cursor:pointer;
    transition:border-color .2s ease,background .2s ease,transform .2s ease;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels a:hover,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels a:focus-visible,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels button:hover,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels button:focus-visible{
    border-color:rgba(199,163,94,.72);
    background:rgba(191,169,122,.08);
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels span{
    color:#fff;
    font-size:21px;
    line-height:1;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions-mobile{
    display:none !important;
  }
}

@media (max-width:900px){
  body.project-hero-fullscreen-page#top #team .team-editorial-feature-icon,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-actions-desktop{
    display:none !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-channel-actions-mobile{
    display:block !important;
  }
}

/* === index-desktop-team-consultation-fidelity-v47 ===
   Owner: #team desktop consultation CTA.
   Purpose: exact approved mockup fidelity for CTA button and channel icons. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-primary{
    width:min(100%,410px) !important;
    min-height:70px !important;
    border:1px solid rgba(199,163,94,.88) !important;
    border-radius:18px !important;
    background:#f3f2ef !important;
    color:#d1a758 !important;
    box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 22px rgba(199,163,94,.10) !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-primary:hover,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-primary:focus-visible{
    background:#fff !important;
    color:#bd9140 !important;
    border-color:rgba(199,163,94,1) !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-primary::after{
    bottom:-12px !important;
    width:17px !important;
    height:17px !important;
    background:#0a0a0a !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels{
    width:min(100%,840px) !important;
    margin-top:13px !important;
    padding:12px !important;
    gap:12px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels a,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels button{
    min-height:66px !important;
    gap:15px !important;
    font-size:19px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels .team-consult-channel-icon{
    display:block !important;
    flex:0 0 25px;
    width:25px;
    height:25px;
    fill:currentColor;
    color:#fff;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels .team-consult-channel-icon--max{
    width:27px;
    height:27px;
    flex-basis:27px;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels a > span,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels button > span{
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
  }
}

/* === index-desktop-team-consultation-icons-v48 ===
   Owner: #team desktop consultation channel icons.
   Purpose: one coherent icon set with equal visual weight and optical centering. */
@media (min-width:901px){
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels .team-consult-channel-icon{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
    display:block !important;
    color:#fff !important;
    fill:currentColor !important;
    transform:none !important;
    opacity:1 !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels .team-consult-channel-icon--telegram{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels .team-consult-channel-icon--max{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels .team-consult-channel-icon--phone{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
  }

  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels a,
  body.project-hero-fullscreen-page#top #team .team-editorial-consultation-channels button{
    align-items:center !important;
    justify-content:center !important;
  }
}