/* HomeInterior — Шумоизоляция квартир и помещений.
   Layout reuses established components from the home and smart-home pages. */
body.page-soundproofing{
  --smart-line:rgba(191,169,122,.24);
  --smart-line-soft:rgba(255,255,255,.09);
  --smart-surface:#09090a;
  --smart-surface-strong:#131316;
}
body.page-soundproofing #hero .hero-poster img{object-position:center center}
body.page-soundproofing#top #home-intro .smart-home-hero-cta>a{flex-basis:280px!important;width:280px!important;min-width:280px!important;max-width:280px!important}
body.page-soundproofing #home-intro .smart-home-hero-cta{margin-top:30px}

body.page-soundproofing .soundproofing-editorial-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;width:100%;margin:0;padding:34px 32px;border:1px solid var(--smart-line-soft);border-radius:24px;background:var(--smart-surface)}
body.page-soundproofing .soundproofing-editorial-copy p{margin:0;color:var(--hi-text-dim);font-size:18px;line-height:1.72}

/* Keep these section headings centered over their diagrams and comparison. */
body.page-soundproofing :is(#architecture,#ceiling-frame,#before-repair) .smart-home-heading{text-align:center}
body.page-soundproofing :is(#architecture,#ceiling-frame,#before-repair) .smart-home-heading .section-title{margin-inline:auto;text-align:center}
body.page-soundproofing .soundproofing-architecture-layout{align-items:stretch;padding-block:30px}
body.page-soundproofing .soundproofing-principles{display:grid;align-content:center;text-align:left}
body.page-soundproofing .soundproofing-principle{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:0;padding:14px 0;border-top:1px solid var(--smart-line-soft)}
body.page-soundproofing .soundproofing-principle:first-child{border-top:0}
body.page-soundproofing .soundproofing-principle-number{grid-column:1;grid-row:1;align-self:center;padding:0;color:#d7bb85;font-size:15px;font-weight:800;line-height:1;letter-spacing:.08em}
body.page-soundproofing .soundproofing-principle h3{grid-column:2;grid-row:1;margin:0;color:var(--hi-text);font-size:19px;line-height:1.25}
body.page-soundproofing .soundproofing-principle p{grid-column:2;grid-row:2;margin:7px 0 0;color:var(--hi-text-dim);font-size:15px;line-height:1.55}
body.page-soundproofing .soundproofing-principle > div{display:contents}
body.page-soundproofing .soundproofing-architecture-visual{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:0;background:none!important;box-shadow:none!important;filter:none!important}
body.page-soundproofing .soundproofing-architecture-visual::before{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important}
body.page-soundproofing .soundproofing-architecture-figure{position:relative;width:min(100%,820px);margin:0}
body.page-soundproofing .soundproofing-architecture-picture{display:block}
body.page-soundproofing .soundproofing-architecture-image{display:block;width:100%;height:auto;aspect-ratio:1448/1086;background:transparent!important;box-shadow:none!important;filter:none!important}
body.page-soundproofing .soundproofing-architecture-canvas{--hotspot-compensation:1;position:relative;width:100%;margin:0;transform:translateX(-120px)}
body.page-soundproofing .soundproofing-tech-spec{position:absolute;right:-4px;top:50%;z-index:3;width:190px;min-width:0;max-width:190px;margin:0;padding:0;transform:translateY(-50%);color:var(--hi-text);pointer-events:none;text-align:left}
body.page-soundproofing .soundproofing-tech-spec--wall{right:0;bottom:26px;top:auto;width:182px;max-width:182px;transform:none}
body.page-soundproofing .soundproofing-tech-spec__item{display:grid;gap:3px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}
body.page-soundproofing .soundproofing-tech-spec__item span{color:var(--hi-text-dim);font-size:12px;line-height:1.35}
body.page-soundproofing .soundproofing-tech-spec__item strong{color:#f0d69d;font-size:18px;font-weight:700;line-height:1.2}
body.page-soundproofing .soundproofing-tech-spec p{margin:9px 0 0;color:rgba(255,255,255,.5);font-size:11px;line-height:1.45;max-width:180px}


/* Interactive construction map: clean by default, precise highlight on hover/focus. */
body.page-soundproofing .soundproofing-principle{
  position:relative;
  border-radius:0;
  cursor:default;
  transition:opacity .2s ease,transform .2s ease,background-color .2s ease;
}
body.page-soundproofing .soundproofing-principle::after{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:-14px;
  width:2px;
  border-radius:2px;
  background:#d7bb85;
  opacity:0;
  transform:scaleY(.55);
  transition:opacity .2s ease,transform .2s ease;
}
body.page-soundproofing .soundproofing-principle:focus{outline:none}
body.page-soundproofing .soundproofing-principle:focus-visible{outline:1px solid rgba(215,187,133,.42);outline-offset:7px}
body.page-soundproofing .soundproofing-principle.is-active{transform:translateX(5px)}
body.page-soundproofing .soundproofing-principle.is-active::after{opacity:.9;transform:scaleY(1)}
body.page-soundproofing .soundproofing-principle.is-active .soundproofing-principle-number{color:#f0d69d;text-shadow:0 0 16px rgba(215,187,133,.22)}
body.page-soundproofing .soundproofing-principle.is-active h3{color:#fff}
body.page-soundproofing .soundproofing-architecture-figure{overflow:visible}
body.page-soundproofing .soundproofing-hotspots{position:absolute;inset:0;z-index:2;pointer-events:none}
body.page-soundproofing .soundproofing-hotspot{
  --x:50%;--y:50%;--halo-w:120px;--halo-h:90px;
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:calc(12px * var(--hotspot-compensation));
  height:calc(12px * var(--hotspot-compensation));
  border:calc(1.5px * var(--hotspot-compensation)) solid rgba(240,214,157,.98);
  border-radius:50%;
  background:#0a0a0b;
  box-shadow:0 0 0 calc(4px * var(--hotspot-compensation)) rgba(215,187,133,.08);
  opacity:0;
  transform:translate(-50%,-50%) scale(.72);
  transition:opacity .18s ease,transform .24s cubic-bezier(.2,.7,.2,1);
}
body.page-soundproofing .soundproofing-hotspot::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:calc(var(--halo-w) * var(--hotspot-compensation));
  height:calc(var(--halo-h) * var(--hotspot-compensation));
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,rgba(215,187,133,.14) 0%,rgba(215,187,133,.065) 36%,rgba(215,187,133,0) 72%);
  filter:blur(calc(4px * var(--hotspot-compensation)));
}
body.page-soundproofing .soundproofing-hotspot::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:calc(4px * var(--hotspot-compensation));
  height:calc(4px * var(--hotspot-compensation));
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#f0d69d;
}
body.page-soundproofing .soundproofing-hotspot-line{
  position:absolute;
  top:50%;
  width:calc(42px * var(--hotspot-compensation));
  height:calc(1px * var(--hotspot-compensation));
  background:linear-gradient(90deg,rgba(215,187,133,0),rgba(240,214,157,.9));
  transform:translateY(-50%);
  transform-origin:center;
}
body.page-soundproofing .soundproofing-hotspot.is-left .soundproofing-hotspot-line{right:calc(10px * var(--hotspot-compensation))}
body.page-soundproofing .soundproofing-hotspot.is-right .soundproofing-hotspot-line{left:calc(10px * var(--hotspot-compensation));transform:translateY(-50%) rotate(180deg)}
body.page-soundproofing .soundproofing-hotspot.is-up .soundproofing-hotspot-line{top:auto;left:50%;bottom:calc(10px * var(--hotspot-compensation));width:calc(1px * var(--hotspot-compensation));height:calc(42px * var(--hotspot-compensation));background:linear-gradient(180deg,rgba(215,187,133,0),rgba(240,214,157,.9));transform:translateX(-50%)}
body.page-soundproofing .soundproofing-hotspot.is-down .soundproofing-hotspot-line{top:calc(10px * var(--hotspot-compensation));left:50%;width:calc(1px * var(--hotspot-compensation));height:calc(42px * var(--hotspot-compensation));background:linear-gradient(180deg,rgba(240,214,157,.9),rgba(215,187,133,0));transform:translateX(-50%)}
body.page-soundproofing .soundproofing-hotspot.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (hover:hover) and (pointer:fine){
  body.page-soundproofing .soundproofing-architecture-layout.has-active .soundproofing-principle:not(.is-active){opacity:.72}
}
@media(max-width:560px){
  body.page-soundproofing .soundproofing-tech-spec{position:static;width:100%;min-width:0;max-width:none;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;transform:none}
  body.page-soundproofing .soundproofing-tech-spec p{grid-column:1/-1}
  body.page-soundproofing .soundproofing-principle{cursor:pointer}
  body.page-soundproofing .soundproofing-principle.is-active{transform:none;background:rgba(215,187,133,.035)}
  body.page-soundproofing .soundproofing-principle::after{left:-8px}
  body.page-soundproofing .soundproofing-hotspot{width:calc(11px * var(--hotspot-compensation));height:calc(11px * var(--hotspot-compensation))}
  body.page-soundproofing .soundproofing-hotspot-line{width:calc(30px * var(--hotspot-compensation))}
  body.page-soundproofing .soundproofing-hotspot.is-up .soundproofing-hotspot-line{width:calc(1px * var(--hotspot-compensation));height:calc(30px * var(--hotspot-compensation))}
  body.page-soundproofing .soundproofing-hotspot.is-down .soundproofing-hotspot-line{width:calc(1px * var(--hotspot-compensation));height:calc(30px * var(--hotspot-compensation))}
}
@media(prefers-reduced-motion:reduce){
  body.page-soundproofing .soundproofing-principle,
  body.page-soundproofing .soundproofing-principle::after,
  body.page-soundproofing .soundproofing-hotspot{transition:none!important}
}

body.page-soundproofing .soundproofing-case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:24px}
body.page-soundproofing .soundproofing-case-actions .smart-home-case-link{margin-top:0}

body.page-soundproofing .soundproofing-media-slot--video span::after{content:"  ▶";font-size:22px}


@media(max-width:900px){
  body.page-soundproofing .soundproofing-editorial-copy{grid-template-columns:1fr;gap:20px;padding:28px}
}
@media(max-width:560px){
  body.page-soundproofing#top #home-intro .smart-home-hero-cta>a{width:100%!important;min-width:0!important;max-width:300px!important;flex-basis:auto!important}
  body.page-soundproofing .soundproofing-editorial-copy{padding:24px 20px;border-radius:20px}
  body.page-soundproofing .soundproofing-editorial-copy p{font-size:16px}
  body.page-soundproofing .soundproofing-architecture-layout{display:flex;flex-direction:column;gap:28px}
  body.page-soundproofing .soundproofing-architecture-layout{padding-block:24px}
  body.page-soundproofing .soundproofing-architecture-visual{order:1;width:100%;min-height:0;margin:0;overflow:hidden;background:none!important;box-shadow:none!important;filter:none!important}
  body.page-soundproofing .soundproofing-principles{order:2;width:100%}
  body.page-soundproofing .soundproofing-principle{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 0}
  body.page-soundproofing .soundproofing-principle h3{font-size:18px}
  body.page-soundproofing .soundproofing-principle p{font-size:15px}
  body.page-soundproofing .soundproofing-architecture-figure{width:100%}
  /* Compensate source transparency: wall x=347..1205/1448,
     ceiling x=24..1379/1403, floor x=84..1417/1448.
     Canvas and hotspots stay within the same content width as text and cards. */
  body.page-soundproofing .soundproofing-architecture-canvas{width:168.765%;margin:0 0 0 -40.443%;transform:none}
  body.page-soundproofing .soundproofing-architecture-canvas--ceiling{width:103.542%;margin-left:-1.771%}
  body.page-soundproofing .soundproofing-architecture-canvas--floor{width:108.627%;margin-left:-6.302%}
  body.page-soundproofing .soundproofing-architecture-figure .soundproofing-tech-spec{width:100%;max-width:none;margin-inline:auto}
  body.page-soundproofing .soundproofing-case-actions{display:grid;width:100%}
  body.page-soundproofing .soundproofing-case-actions .smart-home-case-link{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){body.page-soundproofing #hero .hero-video{display:none!important}}


/* Floating floor block */
body.page-soundproofing .soundproofing-floor-section{padding-top:36px}
body.page-soundproofing .soundproofing-architecture-layout--floor{padding-top:18px;padding-bottom:18px}
body.page-soundproofing .soundproofing-architecture-visual--floor{justify-content:flex-start}
body.page-soundproofing .soundproofing-architecture-image--floor{aspect-ratio:1448/1158}
body.page-soundproofing .soundproofing-architecture-figure--floor{width:min(100%,780px)}
body.page-soundproofing .soundproofing-architecture-canvas--floor{--hotspot-compensation:1.1236;transform-origin:left center;transform:translateX(-68px) scale(.89)}
body.page-soundproofing .soundproofing-tech-spec--floor{right:-30px;bottom:26px;top:auto;width:182px;max-width:182px;transform:none}
@media(max-width:1200px){
  body.page-soundproofing .soundproofing-architecture-canvas--floor{--hotspot-compensation:1.1236;transform-origin:left center;transform:translateX(-34px) scale(.89)}
  body.page-soundproofing .soundproofing-tech-spec--floor{right:-30px;bottom:22px}
}
@media(max-width:900px){
  body.page-soundproofing .soundproofing-architecture-layout--floor{display:flex;flex-direction:column;gap:24px}
}
@media(max-width:560px){
  body.page-soundproofing .soundproofing-floor-section{padding-top:0}
  body.page-soundproofing .soundproofing-architecture-canvas--floor{--hotspot-compensation:1;transform:none}
  body.page-soundproofing .soundproofing-tech-spec--floor{position:static;width:100%;max-width:none;margin:14px 0 0;transform:none}
}


/* Ceiling frame block — aligned with wall/floor visual system and user-approved PNG. */
body.page-soundproofing .soundproofing-ceiling-section{padding-top:36px}
body.page-soundproofing .soundproofing-architecture-layout--ceiling{padding-top:18px;padding-bottom:18px}
body.page-soundproofing .soundproofing-architecture-visual--ceiling{justify-content:flex-start}
body.page-soundproofing .soundproofing-architecture-figure--ceiling{width:min(100%,780px)}
body.page-soundproofing .soundproofing-architecture-canvas--ceiling{--hotspot-compensation:1.1905;transform-origin:left center;transform:translateX(-60px) scale(.84)}
body.page-soundproofing .soundproofing-architecture-image--ceiling{display:block;width:100%;height:auto;aspect-ratio:1403/1121;object-fit:contain}
body.page-soundproofing .soundproofing-tech-spec--ceiling{right:-12px;bottom:26px;top:auto;width:182px;max-width:182px;transform:none}

/* v43 — ceiling hotspot positioning only. Marker 02 moved another 10px left and 10px down; desktop offsets compensate for the .84 canvas scale. */
@media(min-width:981px){
  body.page-soundproofing #ceiling-frame .soundproofing-hotspot[data-soundproof-marker="02"]{left:calc(var(--x) - 23.81px);top:calc(var(--y) + 11.905px)}
  body.page-soundproofing #ceiling-frame .soundproofing-hotspot[data-soundproof-marker="03"]{left:calc(var(--x) - 23.81px);top:calc(var(--y) - 23.81px)}
  body.page-soundproofing #ceiling-frame .soundproofing-hotspot[data-soundproof-marker="04"]{top:calc(var(--y) - 35.714px)}
}
@media(max-width:980px){
  body.page-soundproofing #ceiling-frame .soundproofing-hotspot[data-soundproof-marker="02"]{left:calc(var(--x) - 20px);top:calc(var(--y) + 10px)}
  body.page-soundproofing #ceiling-frame .soundproofing-hotspot[data-soundproof-marker="03"]{left:calc(var(--x) - 20px);top:calc(var(--y) - 20px)}
  body.page-soundproofing #ceiling-frame .soundproofing-hotspot[data-soundproof-marker="04"]{top:calc(var(--y) - 30px)}
}
@media(max-width:1200px){
  body.page-soundproofing .soundproofing-architecture-figure--ceiling{width:min(100%,730px)}
  body.page-soundproofing .soundproofing-architecture-canvas--ceiling{--hotspot-compensation:1.1905;transform-origin:left center;transform:translateX(-60px) scale(.84)}
}
@media(max-width:980px){
  body.page-soundproofing .soundproofing-architecture-layout--ceiling{display:flex;flex-direction:column;gap:24px}
  body.page-soundproofing .soundproofing-architecture-visual--ceiling{justify-content:center}
  body.page-soundproofing .soundproofing-architecture-figure--ceiling{width:100%;max-width:760px;margin-inline:auto}
  body.page-soundproofing .soundproofing-architecture-canvas--ceiling{--hotspot-compensation:1;transform:none}
  body.page-soundproofing .soundproofing-tech-spec--ceiling{position:static;width:100%;max-width:none;margin:14px 0 0;transform:none}
}
@media(max-width:560px){
  body.page-soundproofing .soundproofing-ceiling-section{padding-top:0}
  body.page-soundproofing .soundproofing-architecture-canvas--ceiling{--hotspot-compensation:1;transform:none}
}

/* v05 — page rhythm matched to the accepted design-interior/main-page system.
   Desktop: breadcrumbs -> first H2 follows /design-interiera-samara; ordinary section transitions stay 72px.
   H2 without a subtitle uses the accepted 46px title-to-content gap. */
body.page-soundproofing #noise-types .soundproofing-noise-grid .smart-home-control-head{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;align-items:center}
body.page-soundproofing #noise-types .soundproofing-noise-grid .soundproofing-noise-icon{display:flex;align-items:center;justify-content:flex-start;flex:0 0 48px;width:48px;height:40px;color:#D7BB85}

@media(min-width:901px){
  /* /design-interiera-samara: intro top 24px, breadcrumb bottom 10px, first section top 10px. */
  body.page-soundproofing #home-intro.hi-service-intro-breadcrumbs{padding:24px 0 0 !important}
  body.page-soundproofing #home-intro .breadcrumbs{margin:0 0 10px !important}

  /* Main-page / design-page title-to-visible-content rhythm: 46px when there is no subtitle. */
  body.page-soundproofing #before-repair .smart-home-heading,
  body.page-soundproofing #work-stages .smart-home-heading{margin-bottom:46px !important}
  body.page-soundproofing #before-repair .smart-home-heading .section-title,
  body.page-soundproofing #work-stages .smart-home-heading .section-title{margin-bottom:0 !important}
  body.page-soundproofing #vozmozhnosti .repair-section-copy .section-title,
  body.page-soundproofing #faq > .wrap > .section-title{margin-bottom:46px !important}
  body.page-soundproofing #prices .smart-home-price-heading{margin-bottom:46px !important}

  /* Three equal physical noise types on desktop. */
  body.page-soundproofing #noise-types .soundproofing-noise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  /* Same first-content stack as the design-interior page at tablet/mobile breakpoints. */
  body.page-soundproofing #home-intro.hi-service-intro-breadcrumbs{padding:14px 0 0 !important}
  body.page-soundproofing #home-intro .breadcrumbs{margin:0 0 8px !important}
  body.page-soundproofing #noise-types .soundproofing-noise-grid .smart-home-control-head{grid-template-columns:48px minmax(0,1fr);gap:12px}
  body.page-soundproofing #noise-types .soundproofing-noise-grid .soundproofing-noise-icon{width:48px;height:40px}

  /* Restore the standard section top padding that the ceiling/floor local rules had removed. */
  body.page-soundproofing .soundproofing-ceiling-section,
  body.page-soundproofing .soundproofing-floor-section{padding-top:35px}
}

@media(max-width:560px){
  body.page-soundproofing .soundproofing-ceiling-section,
  body.page-soundproofing .soundproofing-floor-section{padding-top:29px}
}

@media(max-width:390px){
  body.page-soundproofing .soundproofing-ceiling-section,
  body.page-soundproofing .soundproofing-floor-section{padding-top:28px}
}


/* v13 — exact visual contract copied from /design-interiera-samara #services opening block.
   Same card typography, padding, gaps, core layout, list rhythm and image radius. */
body.page-soundproofing #why-soundproofing.soundproofing-service-section{
  padding-top:10px !important;
}
body.page-soundproofing #why-soundproofing > .wrap > h2.section-title:first-of-type{
  display:table !important;
  width:auto !important;
  margin:0 auto 40px !important;
  text-align:center !important;
  position:relative !important;
  max-width:calc(100vw - 40px) !important;
  text-wrap:balance !important;
}
body.page-soundproofing #why-soundproofing > .wrap > h2.section-title:first-of-type::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;
}

/* Exact desktop value-card system from design-interiera-samara. */
body.page-soundproofing #why-soundproofing .hi-value-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-bottom:34px;
}
body.page-soundproofing #why-soundproofing .hi-value-card{
  min-width:0;
  padding:22px 20px 18px !important;
  border:1px solid rgba(191,169,122,.22);
  border-radius:16px;
  background:rgba(255,255,255,.03);
  background-clip:padding-box;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
body.page-soundproofing #why-soundproofing .hi-value-card::before{
  content:none !important;
  display:none !important;
}
body.page-soundproofing #why-soundproofing .soundproofing-value-head{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  column-gap:12px;
  align-items:center;
  margin:0 0 10px;
}
/* Value-card icon containers; drawing rules are shared below. */
body.page-soundproofing #why-soundproofing .soundproofing-value-icon{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:48px;
  height:40px;
  color:#ceb072;
}
/* Shared SVG masters for all seven content icons. */
body.page-soundproofing :is(.soundproofing-value-icon,.soundproofing-noise-icon,.soundproofing-editorial-label-icon,.live-view-option-icon) svg.soundproofing-content-icon{
  display:block;
  flex:none;
  width:auto;
  height:40px;
  overflow:visible;
  color:#ceb072;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7px;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:900px){
  body.page-soundproofing :is(.soundproofing-value-icon,.soundproofing-noise-icon,.soundproofing-editorial-label-icon,.live-view-option-icon) svg.soundproofing-content-icon{height:36px}
}
body.page-soundproofing #why-soundproofing .hi-value-card h3{
  margin:0 !important;
  font-family:var(--hi-font-sans) !important;
  font-size:var(--hi-type-h3) !important;
  line-height:var(--hi-type-h3-line) !important;
  font-weight:800 !important;
  letter-spacing:var(--hi-type-track-h3) !important;
  color:var(--hi-text,#E8E3D4) !important;
  opacity:1 !important;
  hyphens:none !important;
}
body.page-soundproofing #why-soundproofing .hi-value-card p{
  margin:0 !important;
  font-family:var(--hi-font-sans) !important;
  font-size:var(--hi-type-copy) !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  color:rgba(255,255,255,.78) !important;
  opacity:1 !important;
}

/* Exact desktop “Что входит…” composition from design-interiera-samara. */
body.page-soundproofing #why-soundproofing .design-project-core{
  display:flex;
  align-items:flex-start;
  gap:40px;
  width:100%;
  margin:44px 0 0;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-about{
  flex:1 1 auto;
  min-width:0;
  margin:0 0 22px 0;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-about-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  max-width:calc(100vw - 40px) !important;
  margin:0 auto 28px !important;
  text-align:center !important;
  text-wrap:balance !important;
  font-family:var(--hi-font-sans) !important;
  font-size:var(--hi-type-h2) !important;
  line-height:var(--hi-type-h2-line) !important;
  font-weight:800 !important;
  letter-spacing:var(--hi-type-track-h2) !important;
  color:var(--hi-text,#E8E3D4) !important;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-about-title::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  display:block !important;
  width:calc(100% + clamp(34px,4.2vw,76px)) !important;
  max-width:calc(100vw - 40px) !important;
  height:1px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,rgba(191,169,122,0) 0%,rgba(191,169,122,.40) 18%,rgba(191,169,122,.70) 50%,rgba(191,169,122,.40) 82%,rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 5px rgba(191,169,122,.22),0 0 10px rgba(191,169,122,.08) !important;
  opacity:.94 !important;
  border-radius:2px !important;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-about > p{
  margin:0 auto 4px;
  max-width:1100px;
  text-align:center;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  font-family:var(--hi-font-sans) !important;
  font-size:var(--hi-section-subtitle-size) !important;
  line-height:var(--hi-section-subtitle-line) !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  color:#D8CCAD !important;
  opacity:1 !important;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list{
  margin:16px 0 18px;
  padding-left:1.25em !important;
  text-align:left !important;
  list-style-position:outside !important;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list li{
  margin:0;
  padding-left:.15em !important;
  text-align:left !important;
  font-family:var(--hi-font-sans) !important;
  font-size:var(--hi-type-copy) !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
  color:rgba(255,255,255,.78) !important;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list li + li{
  margin-top:7px;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list li::marker{
  color:#BFA96A !important;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list li strong{
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:700 !important;
  letter-spacing:inherit !important;
  color:var(--hi-text,#E8E3D4) !important;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list span::before{
  content:" — ";
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-about-photo{
  flex:0 0 49.5% !important;
  max-width:49.5% !important;
  margin-top:20px;
}
body.page-soundproofing #why-soundproofing .design-project-core .hi-about-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  border-radius:14px;
  box-shadow:0 0 40px rgba(0,0,0,.6);
  object-fit:cover;
}

@media(max-width:1180px) and (min-width:901px){
  body.page-soundproofing #why-soundproofing .design-project-core .hi-about-photo{
    flex:0 0 48%;
    max-width:48%;
  }
}

/* Same mobile/tablet contract as design-interiera-samara. */
@media(max-width:900px){
  body.page-soundproofing #why-soundproofing.soundproofing-service-section{
    padding-top:30px !important;
  }
  body.page-soundproofing #why-soundproofing > .wrap > h2.section-title:first-of-type{
    margin-bottom:38px !important;
  }
  body.page-soundproofing #why-soundproofing .hi-value-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
    width:100% !important;
    margin:0 0 32px !important;
    padding:22px 22px 24px !important;
    border:1px solid rgba(191,169,122,.24) !important;
    border-radius:28px !important;
    background:#09090a !important;
    background-clip:padding-box !important;
    box-shadow:0 1px 0 rgba(255,255,255,.01),inset 0 0 0 1px rgba(255,255,255,.01) !important;
    box-sizing:border-box !important;
  }
  body.page-soundproofing #why-soundproofing .hi-value-card,
  body.page-soundproofing #why-soundproofing .hi-value-card:first-child,
  body.page-soundproofing #why-soundproofing .hi-value-card:last-child,
  body.page-soundproofing #why-soundproofing .hi-value-card:nth-child(n){
    position:relative !important;
    padding:0 !important;
    border:0 !important;
    min-height:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.page-soundproofing #why-soundproofing .hi-value-card:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-12px !important;
    height:1px !important;
    background:linear-gradient(90deg,rgba(191,169,122,0) 0%,rgba(191,169,122,.20) 16%,rgba(191,169,122,.34) 50%,rgba(191,169,122,.20) 84%,rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.10) !important;
    opacity:.86 !important;
    pointer-events:none !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core{
    flex-direction:column;
    margin:32px 0 0 !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-about{
    width:100% !important;
    max-width:100% !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-about-title{
    margin:0 auto 22px !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-about > p{
    width:min(96vw,1240px) !important;
    max-width:min(96vw,1240px) !important;
    margin:0 0 22px 50% !important;
    padding:0 !important;
    transform:translateX(-50%) !important;
    box-sizing:border-box !important;
    font-size:var(--hi-type-lead) !important;
    line-height:var(--hi-type-lead-line) !important;
    text-align:center !important;
    text-wrap:wrap !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list{
    list-style:none !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    width:100% !important;
    margin:24px 0 28px !important;
    padding:22px 22px 24px !important;
    border:1px solid rgba(191,169,122,.24) !important;
    border-radius:28px !important;
    background:#09090a !important;
    background-clip:padding-box !important;
    box-shadow:0 1px 0 rgba(255,255,255,.01),inset 0 0 0 1px rgba(255,255,255,.01) !important;
    box-sizing:border-box !important;
    text-align:left !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list li,
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list li + li{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list li:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:-12px !important;
    height:1px !important;
    background:linear-gradient(90deg,rgba(191,169,122,0) 0%,rgba(191,169,122,.20) 16%,rgba(191,169,122,.34) 50%,rgba(191,169,122,.20) 84%,rgba(191,169,122,0) 100%) !important;
    box-shadow:0 0 5px rgba(191,169,122,.10) !important;
    opacity:.86 !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list strong{
    display:block !important;
    margin:0 0 8px !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list span,
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list span::before{
    display:block !important;
    margin:0 !important;
    content:"" !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-about-photo{
    flex:0 0 auto !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:20px;
  }
}

@media(min-width:901px){
  body.page-soundproofing #noise-types{padding-top:36px !important}
}
@media(max-width:900px){
  body.page-soundproofing #noise-types{padding-top:35px !important}
}

/* v15 — CTA copied literally from /design-interiera-samara.
   DOM uses the same .svc-cta.hi-related-service-links / .hi-related-service-link component.
   Shared geometry comes from hi-partials.css; only the same desktop visual override is scoped here. */
@media (min-width:901px){
  body.page-soundproofing #why-soundproofing .design-project-core .hi-related-service-link{
    padding:20px !important;
    border-radius:999px !important;
    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.page-soundproofing #why-soundproofing .design-project-core .hi-related-service-link:hover,
  body.page-soundproofing #why-soundproofing .design-project-core .hi-related-service-link: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;
  }
}


/* v19 — exact desktop parity for the first service composition with /design-interiera-samara.
   Only three deltas are corrected here: list markers, CTA layout/size, and image corner clipping. */
@media (min-width:901px){
  /* Design page keeps native disc markers and only recolors them gold. The soundproofing page
     inherits list-style:none from page-author-supervision, so restore the same native marker. */
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list{
    list-style:disc !important;
    list-style-position:outside !important;
    padding-left:20px !important;
    margin:16px 0 18px !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list li{
    display:list-item !important;
    padding-left:.15em !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-clean-list.hi-core-list li::marker{
    color:#BFA96A !important;
  }

  /* Exact desktop container behaviour from design-interiera-samara-v08.css v30:
     flex row, intrinsic pill widths, 14px gap. This intentionally overrides the shared
     .hi-related-service-links two-column grid which made soundproofing CTAs too wide. */
  body.page-soundproofing #why-soundproofing .design-project-core .svc-cta.hi-related-service-links{
    display:flex !important;
    grid-template-columns:none !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:14px !important;
    width:100% !important;
    max-width:680px !important;
    margin-top:22px !important;
  }

  /* Exact pill appearance used by the current design-interior related-service links. */
  body.page-soundproofing #why-soundproofing .design-project-core .svc-cta.hi-related-service-links .hi-related-service-link{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:48px !important;
    height:auto !important;
    padding:20px !important;
    border-radius:999px !important;
    background:rgba(28,28,30,.86) !important;
    background-image:none !important;
    color:rgba(255,255,255,.94) !important;
    border:1px solid 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;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .svc-cta.hi-related-service-links .hi-related-service-link:hover,
  body.page-soundproofing #why-soundproofing .design-project-core .svc-cta.hi-related-service-links .hi-related-service-link: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;
  }

  /* User-approved stronger rounding for the soundproofing cutaway.
     The design-interior reference uses 14px; this block intentionally uses 20px. */
  body.page-soundproofing #why-soundproofing .design-project-core .hi-about-photo{
    overflow:hidden !important;
    border-radius:20px !important;
  }
  body.page-soundproofing #why-soundproofing .design-project-core .hi-about-photo img{
    border-radius:20px !important;
  }
}


/* v38 — floating-floor alignment: raise the image by 20px while preserving the accepted left shift,
   spec block position, and mobile geometry. */
@media (min-width:1201px){
  body.page-soundproofing .soundproofing-architecture-canvas--floor{
    transform:translate(-88px,20px) scale(.89);
  }
}
@media (min-width:901px) and (max-width:1200px){
  body.page-soundproofing .soundproofing-architecture-canvas--floor{
    transform:translate(-54px,20px) scale(.89);
  }
}

/* v39 — hero/next-section divider: exact visual treatment from the homepage. */
body.page-soundproofing .hi-hero-section-divider{
  display:none;
}
@media (min-width:901px){
  body.page-soundproofing #hero{
    box-shadow:none !important;
  }
  body.page-soundproofing .hi-hero-section-divider{
    display:block;
    position:relative;
    z-index:20;
    width:100%;
    height:1px;
    margin-top:-1px;
    background:rgba(191,169,122,.18);
    pointer-events:none;
  }
}

/* === 2026-09-18 v48: consolidate planning/process sections + live object view ===
   Scope: soundproofing page only. No global typography, header/footer or SEO changes. */
body.page-soundproofing .soundproofing-planning .smart-home-heading{margin-bottom:30px}
/* === soundproofing-content-icons-v23 ===
   Desktop content icons: 40px actual drawing height, matching the HomeInterior studio/service icon system.
   Mobile: 36px. Cleaned SVG viewBoxes from v22 are preserved. */
body.page-soundproofing .soundproofing-planning-shell{overflow:hidden;border:1px solid var(--smart-line-soft);border-radius:26px;background:var(--smart-surface)}
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-copy{position:relative;padding:34px 36px 32px;border:0;border-radius:0;background:transparent}
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-copy::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--smart-line-soft);transform:translateX(-0.5px)}
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-item{position:relative;z-index:1;display:grid;align-content:start;gap:10px}
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-copy p{margin:0}
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-label{color:#d7bb85;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-label{display:inline-flex;align-items:center;gap:12px}
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-label-icon{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 48px;width:48px;height:40px;color:#d7bb85}
body.page-soundproofing .soundproofing-solutions{border-top:1px solid var(--smart-line-soft)}
body.page-soundproofing .soundproofing-solution-grid{border:0;border-radius:0;background:transparent}
body.page-soundproofing .soundproofing-solution-grid article{min-height:190px;padding:28px 26px 26px;gap:16px}

body.page-soundproofing #soundproofing-live-view>.wrap>.section-title{margin-bottom:var(--hi-section-title-gap,22px)}
body.page-soundproofing #soundproofing-live-view .live-view-intro{max-width:900px;margin:0 auto 28px;color:var(--hi-text-dim);font-size:18px;line-height:1.6;text-align:center}
body.page-soundproofing #soundproofing-live-view .live-view-shell{overflow:visible;padding:34px 38px 30px;border:1px solid var(--smart-line);border-radius:26px;background:var(--smart-surface);box-shadow:0 18px 46px rgba(0,0,0,.24)}
body.page-soundproofing #soundproofing-live-view .live-view-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
body.page-soundproofing #soundproofing-live-view .live-view-option{min-width:0;padding:2px 34px 2px 0}
body.page-soundproofing #soundproofing-live-view .live-view-option+.live-view-option{padding:2px 0 2px 34px;border-left:1px solid rgba(191,169,122,.18)}
body.page-soundproofing #soundproofing-live-view .live-view-option-heading{display:flex;align-items:center;gap:16px;margin-bottom:12px}
body.page-soundproofing #soundproofing-live-view .live-view-option-icon{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;color:#d7bb85}
body.page-soundproofing #why-soundproofing .soundproofing-value-icon,
body.page-soundproofing #noise-types .soundproofing-noise-grid .soundproofing-noise-icon,
body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-label-icon,
body.page-soundproofing #soundproofing-live-view .live-view-option-icon{align-items:center}

body.page-soundproofing #soundproofing-live-view .live-view-option h3{margin:0;color:var(--hi-text);font-size:21px;line-height:1.3}
body.page-soundproofing #soundproofing-live-view .live-view-copy{margin:0 0 14px;color:var(--hi-text-dim);font-size:17px;line-height:1.6}
body.page-soundproofing #soundproofing-live-view .live-view-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
body.page-soundproofing #soundproofing-live-view .live-view-list li{position:relative;margin:0;padding:0 0 0 20px;color:var(--hi-text-dim);font-size:16px;line-height:1.45}
body.page-soundproofing #soundproofing-live-view .live-view-list li::before{content:"";position:absolute;left:0;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--hi-accent)}
/* Match the homepage live-view CTA: contact choices expand in the document flow. */
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-actions{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30px;padding-top:26px;border-top:1px solid rgba(191,169,122,.15)}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:min(100%,338px);min-width:0;min-height:52px;padding:14px 28px;border:1px solid rgba(191,169,122,.65);border-radius:12px;background:#000;color:#fff;font:inherit;font-size:18px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle::after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;border-right:1px solid rgba(191,169,122,.65);border-bottom:1px solid rgba(191,169,122,.65);background:#000;transform:translateX(-50%) rotate(45deg);pointer-events:none;transition:background-color .22s ease,border-color .22s ease}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle:hover,
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle:focus-visible{background:#bfa97a;color:#000;border-color:#bfa97a;box-shadow:0 0 18px rgba(191,169,122,.7),0 0 36px rgba(191,169,122,.45);transform:translateY(-1px)}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle:hover::after,
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle:focus-visible::after{background:#bfa97a;border-color:#bfa97a}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-actions.is-open .live-view-channel-toggle{background:#000;color:#fff;border-color:rgba(191,169,122,.65);box-shadow:none;transform:none}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-actions.is-open .live-view-channel-toggle::after{background:#000;border-color:rgba(191,169,122,.65)}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,620px);margin:12px auto 0;padding:10px;border:1px solid rgba(191,169,122,.32);border-radius:18px;background:#070708;box-shadow:0 14px 34px rgba(0,0,0,.32)}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu[hidden]{display:none!important}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu a,
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu a[href*="max.ru"]{order:1}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu a[href*="t.me"]{order:2}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu button{order:3}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu a:hover,
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu a:focus-visible,
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu button:hover,
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu button:focus-visible{background:#bfa97a;color:#000;border-color:#bfa97a;box-shadow:0 0 18px rgba(191,169,122,.7),0 0 36px rgba(191,169,122,.45)}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-icon{display:block;flex:0 0 18px;width:18px;height:18px;fill:currentColor}
body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-icon--phone{fill:none;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
body.page-soundproofing #prices .smart-home-price-data li:last-child{border-bottom:1px solid var(--smart-line-soft)}

/* === soundproofing-page-icon-normalization-v20 ===
   Owner: shumoizolyaciya-samara.html icon groups on the soundproofing page.
   Goal: equal real icon heights across the page (noise types, reasons, before/after, live view). */

@media(max-width:900px){
  body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle{width:100%;border-radius:15px}
  body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-menu{width:100%;grid-template-columns:1fr;gap:8px;margin-top:10px}
  body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-copy{padding:30px 28px 28px}
  body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-copy::after{display:none}
  body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-item+.soundproofing-editorial-item{padding-top:20px;border-top:1px solid var(--smart-line-soft)}
  body.page-soundproofing #soundproofing-live-view .live-view-shell{padding:30px 28px 28px}
  body.page-soundproofing #soundproofing-live-view .live-view-options{grid-template-columns:1fr}
  body.page-soundproofing #soundproofing-live-view .live-view-option{padding:0 0 26px}
  body.page-soundproofing #soundproofing-live-view .live-view-option+.live-view-option{padding:26px 0 0;border-top:1px solid rgba(191,169,122,.18);border-left:0}
}
@media(max-width:560px){
  body.page-soundproofing .soundproofing-planning-shell{border-radius:20px}
  body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-copy{padding:24px 22px;gap:18px}
  body.page-soundproofing .soundproofing-planning-shell .soundproofing-editorial-label-icon{flex-basis:44px;width:44px;height:36px}
  body.page-soundproofing .soundproofing-solution-grid article{min-height:0;padding:24px 22px}
  body.page-soundproofing #soundproofing-live-view .live-view-intro{margin-bottom:22px;font-size:16px}
  body.page-soundproofing #soundproofing-live-view .live-view-shell{padding:25px 22px 22px;border-radius:20px}
  body.page-soundproofing #soundproofing-live-view .live-view-option-heading{gap:13px}
  body.page-soundproofing #soundproofing-live-view .live-view-option-icon{flex-basis:36px;width:36px;height:36px}
  body.page-soundproofing #soundproofing-live-view .live-view-option h3{font-size:19px}
  body.page-soundproofing #soundproofing-live-view .live-view-copy{font-size:15px}
  body.page-soundproofing #soundproofing-live-view .live-view-list li{font-size:15px}
  body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-actions{margin-top:24px;padding-top:22px}
  body.page-soundproofing :is(#soundproofing-live-view,#team) .live-view-channel-toggle{width:100%;min-width:0}
}


/* === 2026-09-18 v60/v16: work-stage row separator ===
   Owner: shumoizolyaciya-samara.html / #work-stages .smart-home-work-grid.
   Match the design-page work-stage rhythm: separator below steps 1–3. */
body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid{
  row-gap:44px;
}

body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid > div{
  border-bottom:0;
  padding-bottom:30px;
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid > div:nth-child(-n+3){
  border-bottom:1px solid rgba(191,169,122,.16);
}

@media (max-width:900px){
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid{
    row-gap:34px;
  }

  body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid > div{
    padding-bottom:26px;
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid > div:nth-child(-n+3){
    border-bottom:0;
  }

}

/* === 2026-09-18 v54/v10: control row keeps #noise-types shell with compact content geometry ===
   Owner: shumoizolyaciya-samara.html / #work-stages .soundproofing-control-grid.
   Border, fill, radius and divider tone are copied from .smart-home-control-grid. */
body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid{
  padding-bottom:36px;
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-block{
  padding-top:0;
  border-top:0;
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--smart-line-soft);
  border-radius:24px;
  background:var(--smart-surface);
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article{
  position:relative;
  display:grid;
  grid-template-rows:auto auto;
  grid-column:span 2;
  align-content:start;
  gap:13px;
  min-width:0;
  min-height:0;
  padding:28px 26px 27px;
  border:0;
  background:transparent;
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article + article{
  border-left:1px solid var(--smart-line-soft);
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article:nth-child(n+4){
  border-top:1px solid var(--smart-line-soft);
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article:nth-child(4){
  border-left:0;
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-head{
  display:block;
  margin:0;
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid h4{
  margin:0;
  color:var(--hi-text);
  font-size:19px;
  line-height:1.3;
}
body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid p{
  align-self:start;
  margin:0;
  color:var(--hi-text-dim);
  font-size:15px;
  line-height:1.5;
}

@media (max-width:900px){
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .smart-home-work-grid{
    padding-bottom:30px;
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article{
    grid-column:auto;
    min-height:0;
    padding:27px 24px 26px;
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article:nth-child(2n){
    border-left:1px solid var(--smart-line-soft);
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article:nth-child(2n+1){
    border-left:0;
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article:nth-child(n+3){
    border-top:1px solid var(--smart-line-soft);
  }
}

@media (max-width:560px){
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid{
    grid-template-columns:1fr;
    border-radius:20px;
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article{
    min-height:0;
    gap:10px;
    padding:24px 22px 23px;
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid article + article{
    border-left:0;
    border-top:1px solid var(--smart-line-soft);
  }
  body.page-soundproofing#top #work-stages.soundproofing-work-combined .soundproofing-control-grid p{
    align-self:start;
  }
}

/* First screen: approved page-local hero, after content rules. */
/* Page-local owner: shumoizolyaciya-samara.html / first screen only.
   Geometry and scroll behaviour mirror the approved main-page hero. */
body.page-soundproofing #hero{
  position:relative !important;
  min-height:100svh !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  padding:0 !important;
  background:#030303 !important;
}
body.page-soundproofing #hero .hero-video-wrap{
  z-index:1 !important;
}
body.page-soundproofing #hero .soundproofing-hero-shade{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,2,2,.44) 0%,rgba(2,2,2,.14) 38%,rgba(2,2,2,0) 72%),
    linear-gradient(0deg,rgba(2,2,2,.93) 0%,rgba(2,2,2,.04) 55%,rgba(2,2,2,0) 100%);
}
body.page-soundproofing #hero .soundproofing-hero-content{
  position:relative;
  z-index:5;
  width:min(1040px,calc(100% - 96px));
  margin:0 0 calc(clamp(104px,13vh,148px) - 40px) clamp(32px,7vw,108px);
  color:#fff;
  text-align:left;
  text-shadow:0 2px 24px rgba(0,0,0,.58);
  pointer-events:none;
}
body.page-soundproofing #hero .soundproofing-hero-eyebrow{
  max-width:none !important;
  margin:0 0 12px;
  color:#d7bd82;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(15px,1vw,17px) !important;
  font-weight:800;
  line-height:1.3 !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap !important;
}
body.page-soundproofing #hero .soundproofing-hero-title{
  max-width:920px !important;
  margin:0;
  color:#fff;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(42px,5vw,72px) !important;
  font-weight:700;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}
body.page-soundproofing #hero .soundproofing-hero-title-line{
  display:block;
}
@media (min-width:901px){
  body.page-soundproofing #hero .soundproofing-hero-title-line{white-space:nowrap;}
}
body.page-soundproofing #hero .soundproofing-hero-lead{
  max-width:800px !important;
  margin:22px 0 0;
  color:#D8CCAD !important;
  opacity:1 !important;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(18px,1.45vw,22px) !important;
  font-weight:400;
  line-height:1.42 !important;
}
body.page-soundproofing #hero .soundproofing-hero-lead-line{display:block;}
@media (min-width:901px){
  body.page-soundproofing #hero .soundproofing-hero-lead-line{white-space:nowrap;}
}
body.page-soundproofing #hero .soundproofing-hero-action-row{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:28px;
  pointer-events:auto;
}
body.page-soundproofing #hero .soundproofing-hero-price{
  min-width:180px;
  margin:0;
}
body.page-soundproofing #hero .soundproofing-hero-price span,
body.page-soundproofing #hero .soundproofing-hero-price strong{
  display:block;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.page-soundproofing #hero .soundproofing-hero-price span{
  margin-bottom:3px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.page-soundproofing #hero .soundproofing-hero-price strong{
  color:#fff;
  font-size:23px;
  font-weight:700;
  line-height:1.15;
}
body.page-soundproofing #hero .soundproofing-hero-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:0;
  pointer-events:auto;
}
body.page-soundproofing #hero .soundproofing-hero-actions .author-hero-channel-actions{
  margin:0;
}
body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  width:auto !important;
  height:60px !important;
  min-height:60px !important;
  padding:20px !important;
  border:1px solid #bfa97a !important;
  border-radius:999px !important;
  font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:17px !important;
  font-weight:650 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease !important;
}
body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta-primary{
  color:#111 !important;
  background:#bfa97a !important;
  background-image:none !important;
  box-shadow:0 0 14px rgba(191,169,122,.22) !important;
}
body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta-secondary{
  color:#fff !important;
  background:rgba(8,8,8,.28) !important;
  background-image:none !important;
  border-color:rgba(255,255,255,.48) !important;
  box-shadow:none !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta:hover,
body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta:focus-visible{
  border-color:#bfa97a !important;
  color:#000 !important;
  background:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px);
}
@media (min-width:1181px){
  body.page-soundproofing #hero .hero-scroll-cue{
    display:block !important;
    left:auto;
    right:clamp(32px,7vw,108px);
    bottom:calc(clamp(104px,13vh,148px) - 44px);
    transform:none;
  }
}
@media (max-height:680px) and (min-width:1181px){
  body.page-soundproofing #hero .hero-scroll-cue{
    bottom:18px;
  }
}
@media (min-width:901px) and (max-width:1180px){
  body.page-soundproofing #hero .hero-scroll-cue{
    display:none !important;
  }
}

/* Desktop header: same dark initial state as the main page. */
@media (min-width:901px){
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header{
    background:rgba(0,0,0,.65) !important;
    color:#fff !important;
    box-shadow:none !important;
    backdrop-filter:blur(14px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
  }
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo-black{
    display:none !important;
  }
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo-white{
    display:block !important;
  }
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-logo img{
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) !important;
  }
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-nav .hi-link,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon{
    color:#fff !important;
    text-shadow:none !important;
  }
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon{
    background:transparent !important;
    border-color:rgba(255,255,255,.34) !important;
    box-shadow:none !important;
  }
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn[data-hi-call="1"]{
    background:var(--hi-accent,#bfa97a) !important;
    color:#111 !important;
    border-color:var(--hi-accent,#bfa97a) !important;
    text-shadow:none !important;
    box-shadow:0 0 14px rgba(191,169,122,.22) !important;
  }
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn[data-hi-call="1"]:hover,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-btn[data-hi-call="1"]:focus-visible,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon:hover,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-icon:focus-visible,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link:hover,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-link:focus-visible,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone:hover,
  body.page-soundproofing.project-hero-fullscreen-page:not(.header-visible) #site-header .hi-phone:focus-visible{
    background:var(--hi-accent,#bfa97a) !important;
    color:#111 !important;
    border-color:var(--hi-accent,#bfa97a) !important;
    box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  }
}

@media (max-width:900px){
  body.page-soundproofing #hero{
    height:100svh !important;
    min-height:100svh !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-shade{
    background:
      linear-gradient(0deg,rgba(2,2,2,.94) 0%,rgba(2,2,2,.58) 42%,rgba(2,2,2,.06) 73%),
      linear-gradient(180deg,rgba(2,2,2,.42) 0%,transparent 28%);
  }
  body.page-soundproofing #hero .soundproofing-hero-content{
    width:auto;
    margin:0 22px 64px;
  }
  body.page-soundproofing #hero .soundproofing-hero-eyebrow{
    margin-bottom:10px;
    font-size:11px !important;
    letter-spacing:.12em;
    white-space:normal !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-title{
    max-width:650px !important;
    font-size:clamp(40px,8.5vw,62px) !important;
    line-height:1.01 !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-lead{
    max-width:560px !important;
    margin-top:14px;
    font-size:16px !important;
    line-height:1.38 !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-action-row{
    gap:16px;
    margin-top:20px;
  }
  body.page-soundproofing #hero .soundproofing-hero-price{
    min-width:142px;
  }
  body.page-soundproofing #hero .soundproofing-hero-price span{
    font-size:10px;
  }
  body.page-soundproofing #hero .soundproofing-hero-price strong{
    font-size:19px;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta{
    height:54px !important;
    min-height:54px !important;
    padding:12px 18px !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.12 !important;
  }
  body.page-soundproofing #hero .hero-scroll-cue{
    display:none !important;
  }
}
@media (max-width:560px){
  body.page-soundproofing #hero .soundproofing-hero-action-row{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  body.page-soundproofing #hero .soundproofing-hero-price{
    min-width:0;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .author-hero-channel-actions,
  body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta{
    width:100% !important;
  }
}
@media (max-width:430px){
  body.page-soundproofing #hero .soundproofing-hero-content{
    margin:0 18px 48px;
  }
  body.page-soundproofing #hero .soundproofing-hero-title{
    max-width:350px !important;
    font-size:clamp(38px,11vw,48px) !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-lead{
    max-width:355px !important;
    font-size:15px !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-action-row{
    margin-top:14px;
  }
}
@media (max-height:760px) and (max-width:900px){
  body.page-soundproofing #hero .soundproofing-hero-content{
    margin-bottom:22px;
  }
  body.page-soundproofing #hero .soundproofing-hero-eyebrow{
    margin-bottom:7px;
  }
  body.page-soundproofing #hero .soundproofing-hero-lead{
    margin-top:9px;
  }
  body.page-soundproofing #hero .soundproofing-hero-action-row{
    margin-top:11px;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta{
    min-height:48px !important;
    height:48px !important;
    padding:10px 16px !important;
    font-size:16px !important;
  }
}
@media (max-height:680px) and (min-width:901px){
  body.page-soundproofing #hero .soundproofing-hero-content{
    margin-bottom:22px;
  }
  body.page-soundproofing #hero .soundproofing-hero-eyebrow{
    margin-bottom:7px;
  }
  body.page-soundproofing #hero .soundproofing-hero-lead{
    margin-top:10px;
  }
  body.page-soundproofing #hero .soundproofing-hero-action-row{
    margin-top:14px;
  }
}

/* Phone hero: mirror the compact homepage composition — one CTA beside the price. */
@media (max-width:560px){
  body.page-soundproofing #hero .soundproofing-hero-content{
    margin:0 18px 32px !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-eyebrow{
    margin-bottom:8px !important;
    font-size:11.5px !important;
    line-height:1.28 !important;
    letter-spacing:.105em !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-title{
    max-width:100% !important;
    font-size:clamp(32px,8.8vw,36px) !important;
    line-height:1.01 !important;
    letter-spacing:-.04em !important;
    text-wrap:wrap !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-lead{
    max-width:350px !important;
    margin-top:11px !important;
    font-size:15px !important;
    line-height:1.34 !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-action-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    column-gap:10px !important;
    margin-top:4px !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-price{
    min-width:0 !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-price span{
    margin-bottom:2px !important;
    font-size:9.5px !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-price strong{
    font-size:17px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-end !important;
    margin-top:0 !important;
    gap:0 !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta-secondary{
    display:none !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .author-hero-channel-actions,
  body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta-primary{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .author-hero-channel-actions{
    position:relative;
    left:-18px;
    top:4px;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta-primary{
    min-height:50px !important;
    height:50px !important;
    padding:11px 14px !important;
    font-size:16px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:380px){
  body.page-soundproofing #hero .soundproofing-hero-content{
    margin-right:16px !important;
    margin-bottom:28px !important;
    margin-left:16px !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-title{
    font-size:clamp(31px,8.6vw,34px) !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-lead{
    font-size:14.5px !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-action-row{
    column-gap:8px !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-price strong{
    font-size:16px !important;
  }
  body.page-soundproofing #hero .soundproofing-hero-actions .hi-hero-cta-primary{
    height:48px !important;
    min-height:48px !important;
    padding-inline:10px !important;
    font-size:15px !important;
  }
}

/* Confirmed starting prices; scoped to this page's existing price section. */
body.page-soundproofing #prices .soundproofing-price-list{margin:0 0 22px}
body.page-soundproofing #prices .soundproofing-price-list > div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}
body.page-soundproofing #prices .soundproofing-price-list dt{font-weight:500;line-height:1.45}
body.page-soundproofing #prices .soundproofing-price-list dd{max-width:180px;margin:0;color:#f0d69d;font-size:20px;font-weight:700;line-height:1.35;text-align:right}
body.page-soundproofing #prices .soundproofing-price-list > div:last-child dd{font-size:17px}
body.page-soundproofing #prices .soundproofing-price-note{font-size:15px;line-height:1.6}
@media(max-width:560px){
  body.page-soundproofing #prices .soundproofing-price-list > div{grid-template-columns:1fr;gap:5px;padding:12px 0}
  body.page-soundproofing #prices .soundproofing-price-list dd{max-width:none;text-align:left}
}

/* Company, reviews and video evidence: reuse the existing homepage/service components. */
body.page-soundproofing #portfolio{padding:0;scroll-margin-top:90px}
body.page-soundproofing #hi-video-reviews{padding:50px 0 36px}
body.page-soundproofing .soundproofing-videos-lead{max-width:820px;margin:0 auto;color:var(--hi-text-dim);font-size:18px;line-height:1.6;text-align:center}
body.page-soundproofing .soundproofing-team-features{margin-top:38px;padding:34px 38px 30px;border:1px solid var(--smart-line);border-radius:26px;background:var(--smart-surface);box-shadow:0 18px 46px rgba(0,0,0,.24)}
body.page-soundproofing .soundproofing-team-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
body.page-soundproofing .soundproofing-team-feature-grid article{display:grid;grid-template-columns:50px minmax(0,1fr);align-content:start;align-items:center;gap:20px 22px;min-width:0;padding:2px 28px}
body.page-soundproofing .soundproofing-team-feature-grid article:first-child{padding-left:0}
body.page-soundproofing .soundproofing-team-feature-grid article:last-child{padding-right:0}
body.page-soundproofing .soundproofing-team-feature-grid article+article{border-left:1px solid var(--smart-line)}
body.page-soundproofing .soundproofing-team-feature-grid h3{margin:0;color:var(--hi-text);font-size:21px;line-height:1.3}
body.page-soundproofing .soundproofing-team-feature-grid p{grid-column:1/-1;margin:0;color:var(--hi-text-dim);font-size:17px;line-height:1.6}
body.page-soundproofing .soundproofing-team-consultation{margin-top:30px;padding-top:26px;border-top:1px solid var(--smart-line);text-align:center}
body.page-soundproofing .soundproofing-team-consultation h3{margin:0 0 14px;font-size:24px;line-height:1.3}
body.page-soundproofing .soundproofing-team-consultation p{margin:0;color:var(--hi-text-dim);font-size:18px;line-height:1.6}
body.page-soundproofing #team .live-view-actions{margin-top:26px;padding-top:0;border-top:0}
body.page-soundproofing#top #reviews .hi-proof-reviews-block .hi-proof-review-top strong{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1024px) and (min-width:901px){
  body.page-soundproofing .soundproofing-team-feature-grid article{grid-template-columns:1fr;gap:16px;padding-inline:20px}
}
@media(max-width:900px){
  body.page-soundproofing .soundproofing-team-features{padding:28px 24px;border-radius:22px}
  body.page-soundproofing .soundproofing-team-feature-grid{grid-template-columns:1fr}
  body.page-soundproofing .soundproofing-team-feature-grid article{grid-template-columns:42px minmax(0,1fr);padding:0 0 24px;gap:18px}
  body.page-soundproofing .soundproofing-team-feature-grid article+article{padding-top:24px;border-left:0;border-top:1px solid var(--smart-line)}
  body.page-soundproofing .soundproofing-team-feature-grid article:last-child{padding-bottom:0}
}
@media(max-width:560px){
  body.page-soundproofing .soundproofing-videos-lead{font-size:16px}
  body.page-soundproofing .soundproofing-team-features{margin-top:28px;padding:24px 20px}
  body.page-soundproofing .soundproofing-team-feature-grid h3{font-size:19px}
  body.page-soundproofing .soundproofing-team-feature-grid p,body.page-soundproofing .soundproofing-team-consultation p{font-size:16px}
  body.page-soundproofing .soundproofing-team-consultation h3{font-size:21px}
}

/* Mobile construction guide: one description stays next to the active marker.
   All panels share a grid cell so the tallest sets a stable description height. */
body.page-soundproofing .soundproofing-mobile-guide{display:none}
@media(max-width:560px){
  body.page-soundproofing .has-mobile-guide .soundproofing-principles{display:none}
  body.page-soundproofing .soundproofing-mobile-guide{display:block;margin:12px 0 18px}
  body.page-soundproofing .soundproofing-mobile-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
  body.page-soundproofing .soundproofing-mobile-tabs button{min-width:0;min-height:44px;padding:8px 4px;border:1px solid var(--smart-line);border-radius:10px;background:var(--smart-surface);color:var(--hi-text-dim);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
  body.page-soundproofing .soundproofing-mobile-tabs button[aria-selected="true"]{border-color:var(--hi-accent);background:rgba(191,169,122,.14);color:#f0d69d}
  body.page-soundproofing .soundproofing-mobile-tabs button:focus-visible,body.page-soundproofing .soundproofing-mobile-panel:focus-visible{outline:2px solid var(--hi-accent);outline-offset:-2px}
  body.page-soundproofing .soundproofing-mobile-panels{display:grid}
  body.page-soundproofing .soundproofing-mobile-panel{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}
  body.page-soundproofing .soundproofing-mobile-panel[aria-hidden="false"]{visibility:visible;pointer-events:auto}
  body.page-soundproofing .soundproofing-mobile-panel h3{margin:0 0 8px;font-size:18px;line-height:1.3;color:var(--hi-text)}
  body.page-soundproofing .soundproofing-mobile-panel p{margin:0;font-size:15px;line-height:1.55;color:var(--hi-text-dim)}
}
