/* HomeInterior — Умный дом под ключ в Самаре
   Owner: umnyy-dom-samara.html
   Local styles only; shared HomeInterior components remain in existing files. */

body.page-smart-home{
  --smart-line:rgba(191,169,122,.24);
  --smart-line-soft:rgba(255,255,255,.09);
  --smart-surface:#09090a;
  --smart-surface-strong:#131316;
}

body.page-smart-home #hero .hero-poster img{
  object-position:center center;
}

body.page-smart-home#top #home-intro .smart-home-hero-cta > .author-hero-channel-actions{
  order:1;
}

body.page-smart-home#top #home-intro .smart-home-hero-cta > a{
  order:2;
  flex:0 0 224px !important;
  width:224px !important;
  min-width:224px !important;
  max-width:224px !important;
}

body.page-smart-home#top #home-intro .smart-home-hero-cta .author-hero-channel-toggle{
  background:var(--hi-accent,#bfa97a) !important;
  border-color:var(--hi-accent,#bfa97a) !important;
  color:#111 !important;
  box-shadow:0 0 14px rgba(191,169,122,.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.page-smart-home#top #home-intro .smart-home-hero-cta > a.hi-hero-cta-secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:60px !important;
  padding:20px !important;
  border-radius:999px !important;
  background:rgba(28,28,30,.86) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  font-size:17px !important;
  font-weight:650 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

body.page-smart-home#top #home-intro .smart-home-hero-cta > a.hi-hero-cta-secondary:hover,
body.page-smart-home#top #home-intro .smart-home-hero-cta > a.hi-hero-cta-secondary:focus-visible,
body.page-smart-home#top #home-intro .smart-home-hero-cta .author-hero-channel-toggle:hover,
body.page-smart-home#top #home-intro .smart-home-hero-cta .author-hero-channel-toggle:focus-visible{
  background:#bfa97a !important;
  border-color:#bfa97a !important;
  color:#000 !important;
  box-shadow:0 0 18px rgba(191,169,122,.7),0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
}

body.page-smart-home .smart-home-section{
  position:relative;
  overflow:hidden;
}

body.page-smart-home .smart-home-heading{
  width:min(100%,1160px);
  margin:0 auto 30px;
  text-align:center;
}

body.page-smart-home .smart-home-heading .section-title{
  margin-bottom:var(--hi-section-title-gap,22px);
}

body.page-smart-home .smart-home-heading .section-lead{
  max-width:1040px;
  margin:0 auto;
  color:var(--hi-text-dim);
}

body.page-smart-home #vozmozhnosti .repair-section-copy .section-title,
body.page-smart-home #portfolio > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap,22px);
}

body.page-smart-home #vozmozhnosti .repair-section-copy .section-lead,
body.page-smart-home #portfolio > .wrap > .repair-portfolio-lead{
  margin:0 auto 30px;
}

body.page-smart-home .smart-home-options > .wrap > .section-title,
body.page-smart-home #faq > .wrap > .section-title{
  margin-bottom:44px;
}

body.page-smart-home .smart-home-implementation .smart-home-heading,
body.page-smart-home .smart-home-price .smart-home-price-heading{
  margin-bottom:44px;
}

body.page-smart-home #portfolio > .wrap > .repair-portfolio-lead{
  margin-bottom:0;
}

body.page-smart-home #portfolio > .gallery{
  margin-top:30px;
}

body.page-smart-home .smart-home-eyebrow{
  margin:0 0 14px;
  color:var(--hi-accent);
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.13em;
}

body.page-smart-home #smart-home-start .grid,
body.page-smart-home #work-stages .smart-home-work-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:28px;
  row-gap:38px;
  counter-reset:hi-step;
  padding-top:10px;
}

body.page-smart-home #smart-home-start .grid > div,
body.page-smart-home #work-stages .smart-home-work-grid > div{
  position:relative;
  min-width:0;
  padding:0 0 0 52px;
  border-bottom:0;
}

body.page-smart-home #smart-home-start .grid > div::before,
body.page-smart-home #work-stages .smart-home-work-grid > div::before{
  counter-increment:hi-step;
  content:counter(hi-step);
  position:absolute;
  top:-.38em;
  left:0;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(191,169,122,.48);
  border-radius:50%;
  background:transparent;
  color:rgba(255,250,236,.96);
  box-shadow:none;
  font-size:19px;
  font-weight:650;
  line-height:1;
}

body.page-smart-home #smart-home-start .grid > div.hi-step-active::before,
body.page-smart-home #work-stages .smart-home-work-grid > div.hi-step-active::before{
  background:rgba(191,169,122,.88);
  border-color:rgba(191,169,122,.58);
  color:#050505;
  box-shadow:0 0 10px rgba(191,169,122,.35),0 0 20px rgba(191,169,122,.18);
}

body.page-smart-home #smart-home-start .grid h3,
body.page-smart-home #work-stages .smart-home-work-grid h3{
  margin:0 0 8px;
}

body.page-smart-home #smart-home-start .grid p,
body.page-smart-home #work-stages .smart-home-work-grid p{
  margin:0;
}

body.page-smart-home #vozmozhnosti .repair-control-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  text-align:left;
}

body.page-smart-home #vozmozhnosti .repair-control-point{
  min-width:0;
  padding:24px 34px;
}

body.page-smart-home #vozmozhnosti .repair-control-point:nth-child(-n+4){
  border-bottom:1px solid rgba(255,255,255,.12);
}

body.page-smart-home #vozmozhnosti .repair-control-point:nth-child(2n){
  border-left:1px solid rgba(255,255,255,.12);
}

body.page-smart-home #vozmozhnosti .repair-control-point:nth-child(-n+2){
  padding-top:0;
}

body.page-smart-home #vozmozhnosti .repair-control-point:nth-child(n+5){
  padding-bottom:0;
}

body.page-smart-home #vozmozhnosti .repair-control-point h3{
  margin:0 0 14px;
}

body.page-smart-home #vozmozhnosti .repair-control-point p{
  margin:0;
  line-height:1.68;
}

body.page-smart-home .smart-home-scenario-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  text-align:left;
}

body.page-smart-home .smart-home-scenario-list article{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:18px;
  min-width:0;
  min-height:0;
  padding:24px 34px;
}

body.page-smart-home .smart-home-scenario-head{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:18px;
  align-items:center;
}

body.page-smart-home .smart-home-scenario-list article:nth-child(-n+4){
  border-bottom:1px solid rgba(255,255,255,.12);
}

body.page-smart-home .smart-home-scenario-list article:nth-child(2n){
  border-left:1px solid rgba(255,255,255,.12);
}

body.page-smart-home .smart-home-scenario-list article:nth-child(-n+2){
  padding-top:0;
}

body.page-smart-home .smart-home-scenario-list article:nth-child(n+5){
  padding-bottom:0;
}

body.page-smart-home .smart-home-scenario-icon{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:50px;
  height:50px;
  margin:0;
  color:rgba(215,187,133,.88);
}

body.page-smart-home .smart-home-scenario-icon svg{
  display:block;
  width:50px;
  height:50px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

body.page-smart-home .smart-home-scenario-icon .smart-home-scenario-direction{
  stroke-width:2.8;
}

body.page-smart-home .smart-home-scenario-list h3{
  margin:0;
}

body.page-smart-home .smart-home-scenario-list p{
  margin:0;
  line-height:1.68;
}

body.page-smart-home .smart-home-case-shell{
  display:grid;
  grid-template-columns:calc(50% - 53px) calc(50% + 9px);
  gap:44px;
  align-items:stretch;
  padding:46px;
  border:1px solid var(--smart-line);
  border-radius:26px;
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-case-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

body.page-smart-home .smart-home-case-copy .section-title{
  margin:0 0 20px;
  text-align:left;
}

body.page-smart-home .smart-home-case-copy .section-title::after{
  content:none;
  display:none;
}

body.page-smart-home .smart-home-case-copy > p:not(.smart-home-eyebrow){
  max-width:680px;
}

body.page-smart-home .smart-home-case-link{
  margin-top:auto;
  padding:16px 24px;
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
}

body.page-smart-home .smart-home-case-link:hover,
body.page-smart-home .smart-home-case-link:focus-visible{
  background:#bfa97a;
  border-color:#bfa97a;
  color:#000;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45);
  transform:translateY(-1px);
  outline:none;
}

body.page-smart-home .smart-home-case-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 24px;
}

body.page-smart-home .smart-home-case-list li{
  --case-axis-x:9px;
  position:relative;
  display:flex;
  align-items:center;
  padding:16px 0 16px 42px;
  background:linear-gradient(var(--smart-line-soft),var(--smart-line-soft)) 42px 100% / calc(100% - 42px) 1px no-repeat;
  color:var(--hi-text-dim);
}

body.page-smart-home .smart-home-case-list li:nth-child(-n+2){
  background:
    linear-gradient(var(--smart-line-soft),var(--smart-line-soft)) 42px 0 / calc(100% - 42px) 1px no-repeat,
    linear-gradient(var(--smart-line-soft),var(--smart-line-soft)) 42px 100% / calc(100% - 42px) 1px no-repeat;
}

body.page-smart-home .smart-home-case-list li::before{
  content:"";
  position:absolute;
  z-index:2;
  left:var(--case-axis-x);
  top:50%;
  width:10px;
  height:10px;
  box-sizing:content-box;
  border:1px solid rgba(191,169,122,.9);
  border-radius:50%;
  background:var(--smart-surface);
  box-shadow:0 0 0 3px rgba(191,169,122,.06);
  transform:translate(-50%,-50%);
}

body.page-smart-home .smart-home-case-list li::after{
  content:"";
  position:absolute;
  z-index:1;
  left:var(--case-axis-x);
  top:0;
  bottom:0;
  width:1px;
  background:rgba(191,169,122,.62);
  transform:translateX(-50%);
}

body.page-smart-home .smart-home-case-list li:nth-child(-n+2)::after{
  top:calc(50% - 18px);
}

body.page-smart-home .smart-home-case-list li:nth-child(11)::after,
body.page-smart-home .smart-home-case-list li:nth-child(12)::after{
  bottom:calc(50% - 18px);
}

body.page-smart-home .smart-home-control-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--smart-line-soft);
  border-radius:24px;
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-control-grid article{
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:28px;
  min-width:0;
  min-height:230px;
  padding:34px 28px 30px;
}

body.page-smart-home .smart-home-control-grid article + article{
  border-left:1px solid var(--smart-line-soft);
}

body.page-smart-home .smart-home-control-head{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:20px;
  align-items:center;
}

body.page-smart-home .smart-home-control-icon{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:50px;
  height:50px;
  color:#d7bb85;
}

body.page-smart-home .smart-home-control-icon svg{
  display:block;
  width:50px;
  height:50px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

body.page-smart-home .smart-home-control-grid h3{
  margin:0;
  font-size:19px;
  line-height:1.3;
}

body.page-smart-home .smart-home-control-grid p{
  align-self:end;
  margin:0;
}

body.page-smart-home .smart-home-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

body.page-smart-home .smart-home-option-card{
  padding:38px;
  border:1px solid var(--smart-line-soft);
  border-radius:24px;
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-option-card--primary{
  border-color:var(--smart-line);
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-option-card h3{
  margin-bottom:24px;
  font-size:28px;
  line-height:1.2;
}

body.page-smart-home .smart-home-option-card ul{
  display:grid;
  gap:0;
}

body.page-smart-home .smart-home-option-card li{
  position:relative;
  z-index:0;
  padding:15px 0 15px 42px;
  background:linear-gradient(var(--smart-line-soft),var(--smart-line-soft)) 42px 0 / calc(100% - 42px) 1px no-repeat;
  color:var(--hi-text-dim);
}

body.page-smart-home .smart-home-option-card li::before{
  content:"";
  position:absolute;
  z-index:2;
  left:9px;
  top:50%;
  width:10px;
  height:10px;
  box-sizing:content-box;
  border:1px solid rgba(191,169,122,.9);
  border-radius:50%;
  background:var(--smart-surface);
  box-shadow:0 0 0 3px rgba(191,169,122,.06);
  transform:translate(-50%,-50%);
}

body.page-smart-home .smart-home-option-card li::after{
  content:"";
  position:absolute;
  z-index:1;
  left:9px;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(191,169,122,.62);
}

body.page-smart-home .smart-home-option-card li:first-child::after{
  top:calc(50% - 18px);
}

body.page-smart-home .smart-home-option-card li:last-child::after{
  bottom:calc(50% - 18px);
}

body.page-smart-home .smart-home-option-card:not(.smart-home-option-card--primary) li::after{
  top:50%;
  bottom:auto;
  height:28px;
  background:rgba(191,169,122,.46);
  transform:translate(-50%,-50%);
}

body.page-smart-home .smart-home-architecture-layout{
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);
  gap:clamp(48px,5.5vw,88px);
  align-items:center;
  width:min(100%,1160px);
  margin:0 auto;
}

body.page-smart-home .smart-home-diagram{
  width:100%;
  margin:0;
  text-align:center;
}

body.page-smart-home .smart-home-diagram-node{
  display:grid;
  gap:8px;
  padding:22px 24px;
  border:1px solid var(--smart-line-soft);
  border-radius:18px;
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-diagram-node span{
  color:var(--hi-accent);
  font-size:16px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.page-smart-home .smart-home-diagram-node strong{
  color:var(--hi-text);
  font-size:19px;
  line-height:1.35;
}

body.page-smart-home .smart-home-diagram-node--core{
  border-color:var(--smart-line);
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-diagram-arrow{
  padding:11px 0;
  color:var(--hi-accent);
  font-size:22px;
  line-height:1;
}

body.page-smart-home .smart-home-architecture-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:8px 4px 0;
  color:#d7bb85;
  background:radial-gradient(circle at 52% 58%,rgba(191,169,122,.09),transparent 62%);
}

body.page-smart-home .smart-home-architecture-visual svg{
  display:block;
  width:100%;
  height:auto;
  max-height:430px;
  overflow:visible;
  filter:drop-shadow(0 0 14px rgba(191,169,122,.08));
}

body.page-smart-home .smart-home-architecture-visual path,
body.page-smart-home .smart-home-architecture-visual rect,
body.page-smart-home .smart-home-architecture-visual circle{
  vector-effect:non-scaling-stroke;
}

@media (min-width:901px){
  body.page-smart-home .smart-home-diagram{
    width:calc(100% - 24px);
    margin-left:auto;
  }

  body.page-smart-home .smart-home-diagram-node{
    padding:27px 24px;
  }

  body.page-smart-home .smart-home-architecture-layout{
    grid-template-columns:minmax(400px,.86fr) minmax(0,1.14fr);
    gap:clamp(56px,5vw,92px);
    width:100%;
    padding:clamp(34px,3.6vw,52px);
    box-sizing:border-box;
    overflow:hidden;
    border:1px solid var(--smart-line-soft);
    border-radius:24px;
    background:var(--smart-surface);
  }

  body.page-smart-home .smart-home-diagram-node{
    background:rgba(0,0,0,.18);
  }

  body.page-smart-home .smart-home-architecture-visual{
    position:relative;
    isolation:isolate;
    padding-top:0;
    background:none;
  }

  body.page-smart-home .smart-home-architecture-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    top:calc(56% + 6px);
    left:50%;
    width:clamp(620px,118%,820px);
    aspect-ratio:1;
    border-radius:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
    background:radial-gradient(circle at center,
      rgba(191,169,122,.065) 0%,
      rgba(191,169,122,.032) 28%,
      rgba(191,169,122,.012) 50%,
      rgba(191,169,122,0) 72%);
    filter:blur(18px);
    opacity:.86;
  }

  body.page-smart-home .smart-home-architecture-visual svg{
    position:relative;
    z-index:1;
    max-height:490px;
  }

  body.page-smart-home .smart-home-architecture-visual .smart-home-house-frame{
    transform-box:fill-box;
    transform-origin:50% 0;
    transform:scaleY(1.068);
  }

  body.page-smart-home .smart-home-architecture-visual .smart-home-house-content{
    transform:translateY(22px);
  }

  body.page-smart-home .smart-home-diagram-arrow{
    color:#d7bb85;
    transform:scale(1.27);
  }
}

body.page-smart-home .smart-home-house-shell,
body.page-smart-home .smart-home-house-detail,
body.page-smart-home .smart-home-house-circuit,
body.page-smart-home .smart-home-house-signal{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.page-smart-home .smart-home-house-shell{
  stroke-width:2.4;
  opacity:.94;
}

body.page-smart-home .smart-home-house-detail{
  stroke-width:1.45;
  opacity:.48;
}

body.page-smart-home .smart-home-house-circuit{
  stroke-width:1.8;
  opacity:.82;
}

body.page-smart-home .smart-home-house-contacts{
  fill:#080809;
  stroke:currentColor;
  stroke-width:1.8;
}

body.page-smart-home .smart-home-house-signal{
  stroke-width:3.2;
  opacity:.9;
}

body.page-smart-home .smart-home-house-signal circle{
  fill:currentColor;
  stroke:none;
}

body.page-smart-home .smart-home-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

body.page-smart-home .smart-home-photo-grid figure{
  margin:0;
  overflow:hidden;
  border:1px solid var(--smart-line-soft);
  border-radius:20px;
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-photo-grid img{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  background:#080809;
}

body.page-smart-home .smart-home-photo-grid figcaption{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:68px;
  padding:13px 16px;
  color:var(--hi-text-dim);
  font-size:18px;
  line-height:1.4;
  text-align:center;
}

body.page-smart-home .smart-home-implementation .smart-home-heading .section-title{
  margin-bottom:0;
}

body.page-smart-home .smart-home-role-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--smart-line-soft);
  border-radius:24px;
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-role-grid article{
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:28px;
  min-width:0;
  min-height:230px;
  padding:34px 28px 30px;
}

body.page-smart-home .smart-home-role-grid article + article{
  border-left:1px solid var(--smart-line-soft);
}

body.page-smart-home .smart-home-role-head{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:20px;
  align-items:center;
}

body.page-smart-home .smart-home-role-icon{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:50px;
  height:50px;
  color:#d7bb85;
}

body.page-smart-home .smart-home-role-icon svg{
  display:block;
  width:50px;
  height:50px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

body.page-smart-home .smart-home-role-grid h3{
  margin:0;
  font-size:19px;
  line-height:1.3;
}

body.page-smart-home .smart-home-role-grid p{
  align-self:start;
  margin:0;
}

body.page-smart-home .smart-home-price-shell{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:42px;
  padding:48px;
  border:1px solid var(--smart-line);
  border-radius:26px;
  background:var(--smart-surface);
}

body.page-smart-home .smart-home-price-heading .section-title{
  margin-bottom:0;
}

body.page-smart-home .smart-home-price-copy .section-title{
  margin:0 0 20px;
  text-align:left;
}

body.page-smart-home .smart-home-price-copy .section-title::after{
  content:none;
  display:none;
}

body.page-smart-home .smart-home-price-copy > p:not(.smart-home-eyebrow){
  max-width:820px;
}

body.page-smart-home .smart-home-price-actions{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  margin-top:18px;
}

body.page-smart-home .smart-home-price-button{
  position:relative;
  z-index:2;
  margin:0;
  padding:17px 28px;
  cursor:pointer;
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
}

body.page-smart-home .smart-home-price-button::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-smart-home .smart-home-price-button:hover,
body.page-smart-home .smart-home-price-button:focus-visible,
body.page-smart-home .smart-home-price-button:active{
  background:#bfa97a;
  border-color:#bfa97a;
  color:#000;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45);
  transform:translateY(-1px);
  outline:none;
}

body.page-smart-home .smart-home-price-button:hover::after,
body.page-smart-home .smart-home-price-button:focus-visible::after,
body.page-smart-home .smart-home-price-button:active::after{
  background:#bfa97a;
  border-color:#bfa97a;
}

body.page-smart-home .smart-home-price-actions.is-open .smart-home-price-button,
body.page-smart-home .smart-home-price-actions.is-open .smart-home-price-button:hover,
body.page-smart-home .smart-home-price-actions.is-open .smart-home-price-button:focus-visible,
body.page-smart-home .smart-home-price-actions.is-open .smart-home-price-button:active{
  background:#000;
  border-color:rgba(191,169,122,.65);
  color:#fff;
  box-shadow:none;
  transform:none;
}

body.page-smart-home .smart-home-price-actions.is-open .smart-home-price-button::after{
  background:#000;
  border-color:rgba(191,169,122,.65);
}

body.page-smart-home .smart-home-price-menu{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:min(100%,620px);
  margin-top:12px;
  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-smart-home .smart-home-price-menu[hidden]{
  display:none;
}

body.page-smart-home .smart-home-price-menu a,
body.page-smart-home .smart-home-price-menu button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  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;
  text-decoration:none;
  font-family:inherit;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
}

body.page-smart-home .smart-home-price-menu a:hover,
body.page-smart-home .smart-home-price-menu a:focus-visible,
body.page-smart-home .smart-home-price-menu a:active,
body.page-smart-home .smart-home-price-menu button:hover,
body.page-smart-home .smart-home-price-menu button:focus-visible,
body.page-smart-home .smart-home-price-menu button:active{
  border-color:#bfa97a;
  background:#bfa97a;
  color:#000;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45);
  outline:none;
}

body.page-smart-home .smart-home-price-channel-icon{
  display:block;
  width:18px;
  height:18px;
  flex:0 0 18px;
  color:inherit;
}

body.page-smart-home .smart-home-price-channel-icon--telegram,
body.page-smart-home .smart-home-price-channel-icon--max{
  fill:currentColor;
}

body.page-smart-home .smart-home-price-channel-icon--telegram{
  width:17px;
  height:17px;
  flex-basis:17px;
}

body.page-smart-home .smart-home-price-channel-icon--phone{
  fill:none;
  stroke:currentColor;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.page-smart-home .smart-home-price-data{
  align-self:stretch;
  padding:30px;
  border:1px solid var(--smart-line-soft);
  border-radius:20px;
  background:rgba(0,0,0,.18);
}

body.page-smart-home .smart-home-price-data h3{
  margin-bottom:18px;
  font-size:21px;
}

body.page-smart-home .smart-home-price-data li{
  position:relative;
  padding:13px 0 13px 20px;
  border-top:1px solid var(--smart-line-soft);
  color:var(--hi-text-dim);
}

body.page-smart-home .smart-home-price-data li::before{
  content:"";
  position:absolute;
  left:0;
  top:21px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--hi-accent);
}

@media (max-width:900px){
  body.page-smart-home .smart-home-heading{
    margin-bottom:24px;
  }

  body.page-smart-home #vozmozhnosti .repair-section-copy .section-lead,
  body.page-smart-home #portfolio > .wrap > .repair-portfolio-lead{
    margin-bottom:24px;
  }

  body.page-smart-home .smart-home-options > .wrap > .section-title,
  body.page-smart-home #faq > .wrap > .section-title,
  body.page-smart-home .smart-home-implementation .smart-home-heading,
  body.page-smart-home .smart-home-price .smart-home-price-heading{
    margin-bottom:36px;
  }

  body.page-smart-home #portfolio > .wrap > .repair-portfolio-lead{
    margin-bottom:0;
  }

  body.page-smart-home #portfolio > .gallery{
    margin-top:24px;
  }

  body.page-smart-home .smart-home-architecture-layout{
    grid-template-columns:1fr;
    gap:34px;
  }

  body.page-smart-home .smart-home-diagram{
    width:min(100%,680px);
    margin:0 auto;
  }

  body.page-smart-home .smart-home-architecture-visual{
    width:min(100%,620px);
    margin:0 auto;
  }

  body.page-smart-home #vozmozhnosti .repair-control-points{
    grid-template-columns:1fr;
  }

  body.page-smart-home #vozmozhnosti .repair-control-point:nth-child(n){
    padding:20px 0;
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  body.page-smart-home #vozmozhnosti .repair-control-point:first-child{
    padding-top:0;
  }

  body.page-smart-home #vozmozhnosti .repair-control-point:last-child{
    padding-bottom:0;
    border-bottom:0;
  }

  body.page-smart-home .smart-home-scenario-list{
    grid-template-columns:1fr;
  }

  body.page-smart-home .smart-home-scenario-list article:nth-child(n){
    padding:20px 0;
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  body.page-smart-home .smart-home-scenario-list article:first-child{
    padding-top:0;
  }

  body.page-smart-home .smart-home-scenario-list article:last-child{
    padding-bottom:0;
    border-bottom:0;
  }

  body.page-smart-home .smart-home-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.page-smart-home .smart-home-case-shell,
  body.page-smart-home .smart-home-price-shell{
    grid-template-columns:1fr;
  }

  body.page-smart-home .smart-home-price-menu{
    grid-template-columns:1fr;
    width:min(100%,360px);
  }

  body.page-smart-home .smart-home-case-shell,
  body.page-smart-home .smart-home-price-shell{
    gap:34px;
    padding:34px;
  }

  body.page-smart-home .smart-home-case-link{
    margin-top:22px;
  }

  body.page-smart-home .smart-home-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.page-smart-home .smart-home-role-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.page-smart-home .smart-home-control-grid article,
  body.page-smart-home .smart-home-role-grid article{
    min-height:210px;
  }

  body.page-smart-home .smart-home-control-grid article:nth-child(3),
  body.page-smart-home .smart-home-role-grid article:nth-child(3){
    border-left:0;
  }

  body.page-smart-home .smart-home-control-grid article:nth-child(n+3),
  body.page-smart-home .smart-home-role-grid article:nth-child(n+3){
    border-top:1px solid var(--smart-line-soft);
  }

  body.page-smart-home .smart-home-option-card{
    padding:30px;
  }

  body.page-smart-home #smart-home-start .grid,
  body.page-smart-home #work-stages .smart-home-work-grid{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:34px;
  }

  body.page-smart-home #smart-home-start .grid > div,
  body.page-smart-home #work-stages .smart-home-work-grid > div{
    padding:0 0 26px 44px;
    border-bottom:0;
  }

  body.page-smart-home #smart-home-start .grid > div:not(:last-child),
  body.page-smart-home #work-stages .smart-home-work-grid > div:not(:last-child){
    border-bottom:1px solid rgba(191,169,122,.16);
  }

  body.page-smart-home #smart-home-start .grid > div::before,
  body.page-smart-home #work-stages .smart-home-work-grid > div::before{
    top:-5px;
    width:30px;
    height:30px;
  }

  body.page-smart-home #smart-home-start .grid h3,
  body.page-smart-home #work-stages .smart-home-work-grid h3{
    margin-bottom:6px;
  }
}

@media (max-width:560px){
  body.page-smart-home#top #home-intro .smart-home-hero-cta{
    flex-direction:column !important;
    align-items:center !important;
  }

  body.page-smart-home#top #home-intro .smart-home-hero-cta > .author-hero-channel-actions,
  body.page-smart-home#top #home-intro .smart-home-hero-cta > a{
    flex:0 1 300px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:300px !important;
  }

  body.page-smart-home#top #home-intro .smart-home-hero-cta > a.hi-hero-cta-secondary{
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:19px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
  }

  body.page-smart-home .smart-home-heading{
    margin-bottom:22px;
    text-align:left;
  }

  body.page-smart-home #vozmozhnosti .repair-section-copy .section-lead,
  body.page-smart-home #portfolio > .wrap > .repair-portfolio-lead{
    margin-bottom:22px;
  }

  body.page-smart-home .smart-home-options > .wrap > .section-title,
  body.page-smart-home #faq > .wrap > .section-title,
  body.page-smart-home .smart-home-implementation .smart-home-heading,
  body.page-smart-home .smart-home-price .smart-home-price-heading{
    margin-bottom:36px;
  }

  body.page-smart-home #portfolio > .wrap > .repair-portfolio-lead{
    margin-bottom:0;
  }

  body.page-smart-home #portfolio > .gallery{
    margin-top:22px;
  }

  body.page-smart-home .smart-home-heading .section-title{
    text-align:left;
  }

  body.page-smart-home .smart-home-architecture-layout{
    gap:28px;
  }

  body.page-smart-home .smart-home-architecture-visual{
    width:calc(100% + 12px);
    margin-left:-6px;
    padding-top:0;
    background:radial-gradient(circle at 52% 58%,rgba(191,169,122,.08),transparent 64%);
  }

  body.page-smart-home .smart-home-architecture-visual svg{
    max-height:310px;
  }

  body.page-smart-home .smart-home-option-grid,
  body.page-smart-home .smart-home-photo-grid{
    grid-template-columns:1fr;
  }

  body.page-smart-home .smart-home-scenario-list article{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }

  body.page-smart-home .smart-home-scenario-head{
    grid-template-columns:32px minmax(0,1fr);
    gap:16px;
  }

  body.page-smart-home .smart-home-scenario-icon{
    width:32px;
    height:32px;
    margin:0;
  }

  body.page-smart-home .smart-home-scenario-icon svg{
    width:32px;
    height:32px;
  }

  body.page-smart-home .smart-home-case-shell,
  body.page-smart-home .smart-home-price-shell{
    gap:28px;
    padding:24px 20px;
    border-radius:20px;
  }

  body.page-smart-home .smart-home-case-copy .section-title,
  body.page-smart-home .smart-home-price-copy .section-title{
    text-align:left;
  }

  body.page-smart-home .smart-home-case-list{
    grid-template-columns:1fr;
  }

  body.page-smart-home .smart-home-case-list li:nth-child(-n+2){
    background:linear-gradient(var(--smart-line-soft),var(--smart-line-soft)) 42px 100% / calc(100% - 42px) 1px no-repeat;
  }

  body.page-smart-home .smart-home-case-list li:first-child{
    background:
      linear-gradient(var(--smart-line-soft),var(--smart-line-soft)) 42px 0 / calc(100% - 42px) 1px no-repeat,
      linear-gradient(var(--smart-line-soft),var(--smart-line-soft)) 42px 100% / calc(100% - 42px) 1px no-repeat;
  }

  body.page-smart-home .smart-home-case-list li:nth-child(-n+2)::after{
    top:0;
  }

  body.page-smart-home .smart-home-case-list li:first-child::after{
    top:calc(50% - 18px);
  }

  body.page-smart-home .smart-home-case-list li:nth-last-child(2)::after{
    bottom:0;
  }

  body.page-smart-home .smart-home-case-list li:last-child::after{
    bottom:calc(50% - 18px);
  }

  body.page-smart-home .smart-home-control-grid{
    grid-template-columns:1fr;
    border-radius:20px;
  }

  body.page-smart-home .smart-home-role-grid{
    grid-template-columns:1fr;
    border-radius:20px;
  }

  body.page-smart-home .smart-home-control-grid article,
  body.page-smart-home .smart-home-role-grid article{
    min-height:0;
    padding:25px 22px 24px;
  }

  body.page-smart-home .smart-home-control-grid article + article,
  body.page-smart-home .smart-home-role-grid article + article{
    border-left:0;
    border-top:1px solid var(--smart-line-soft);
  }

  body.page-smart-home .smart-home-control-head,
  body.page-smart-home .smart-home-role-head{
    grid-template-columns:32px minmax(0,1fr);
    gap:18px;
  }

  body.page-smart-home .smart-home-control-icon,
  body.page-smart-home .smart-home-control-icon svg,
  body.page-smart-home .smart-home-role-icon,
  body.page-smart-home .smart-home-role-icon svg{
    width:32px;
    height:32px;
  }

  body.page-smart-home .smart-home-control-grid p,
  body.page-smart-home .smart-home-role-grid p{
    align-self:start;
  }

  body.page-smart-home .smart-home-option-card{
    padding:26px 22px;
  }

  body.page-smart-home .smart-home-option-card h3{
    font-size:24px;
  }

  body.page-smart-home .smart-home-diagram-node{
    padding:22px 18px;
  }

  body.page-smart-home .smart-home-diagram-node strong{
    font-size:18px;
  }

  body.page-smart-home .smart-home-photo-grid{
    gap:14px;
  }

  body.page-smart-home .smart-home-photo-grid figcaption{
    min-height:76px;
    padding:17px 18px;
    font-size:16px;
  }

  body.page-smart-home .smart-home-price-data{
    padding:24px 20px;
  }

  body.page-smart-home .smart-home-price-button{
    width:100%;
  }
}

@media (max-width:390px){
  body.page-smart-home#top #home-intro .smart-home-hero-cta > .author-hero-channel-actions,
  body.page-smart-home#top #home-intro .smart-home-hero-cta > a{
    max-width:280px !important;
  }

  body.page-smart-home#top #home-intro .smart-home-hero-cta > a.hi-hero-cta-secondary{
    min-height:54px !important;
    font-size:18px !important;
  }

}

@media (prefers-reduced-motion:reduce){
  body.page-smart-home #hero .hero-video{
    display:none !important;
  }

  body.page-smart-home *,
  body.page-smart-home *::before,
  body.page-smart-home *::after{
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}

/* Related case link: full row below the two service links. */
body.page-smart-home .smart-home-related-project-link{
  grid-column:1 / -1;
}