/* umka-home-bundle — merged 2026-08-10 */
/* --- messenger-cta-base-v1 --- */
/* Shared messenger CTA base extracted from duplicated inline code */
.umka-messenger{
  right:22px!important;
  bottom:22px!important;
  z-index:10000!important;
}
.umka-messenger__button{
  min-width:260px!important;
  padding:10px 18px 10px 13px!important;
  gap:12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#d7a544 0%,#e4ba6a 100%)!important;
  color:#0b0f14!important;
  box-shadow:0 16px 38px rgba(215,165,68,.26),0 6px 18px rgba(0,0,0,.24)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.umka-messenger__button:hover{
  filter:brightness(1.03)!important;
  box-shadow:0 20px 46px rgba(215,165,68,.32),0 8px 22px rgba(0,0,0,.28)!important;
}
.umka-messenger__icon{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  background:rgba(11,15,20,.12)!important;
  color:#0b0f14!important;
}
.umka-messenger__icon svg{
  width:21px!important;
  height:21px!important;
}
.umka-messenger__title{
  font-size:18px!important;
  line-height:1.05!important;
  color:#0b0f14!important;
}
.umka-messenger__subtitle{
  margin-top:3px!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
  color:#0b0f14!important;
  opacity:.86!important;
}
.umka-messenger__menu{
  min-width:214px!important;
  bottom:calc(100% + 9px)!important;
}
.umka-messenger__menu a:hover{
  background:rgba(215,165,68,.22)!important;
}
@media(max-width:760px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;}
  .umka-messenger{
    left:14px!important;
    right:14px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }
  .umka-messenger__button{
    width:100%!important;
    min-width:0!important;
    padding:10px 15px 10px 12px!important;
    gap:10px!important;
    border-radius:20px!important;
  }
  .umka-messenger__icon{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }
  .umka-messenger__title{font-size:17px!important;}
  .umka-messenger__subtitle{font-size:10.5px!important;}
}
/* --- messenger-compact-final-v4 --- */
/* UmkaPro: единый компактный виджет связи — финальный override v4 */
html body .umka-messenger{
  right:24px!important;
  bottom:24px!important;
  z-index:10000!important;
  font-family:inherit!important;
}
html body .umka-messenger__details{position:relative!important}
html body .umka-messenger__details>summary{list-style:none!important}
html body .umka-messenger__details>summary::-webkit-details-marker{display:none!important}

html body .umka-messenger__button,
html body .umka-messenger summary.umka-messenger__button,
html body details.umka-messenger__details>summary.umka-messenger__button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  width:178px!important;
  min-width:178px!important;
  max-width:178px!important;
  min-height:54px!important;
  height:54px!important;
  padding:8px 14px 8px 10px!important;
  gap:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(244,218,154,.68)!important;
  background:#d9a943!important;
  background-image:linear-gradient(135deg,#e3b75a 0%,#d7a544 54%,#c99537 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  filter:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body .umka-messenger__button::before,
html body .umka-messenger__button::after{display:none!important;content:none!important}
html body .umka-messenger__button:hover,
html body .umka-messenger summary.umka-messenger__button:hover,
html body details.umka-messenger__details>summary.umka-messenger__button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.025)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.31),inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
html body .umka-messenger__button:focus-visible{
  outline:2px solid rgba(238,198,105,.78)!important;
  outline-offset:3px!important;
}
html body .umka-messenger__icon{
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:50%!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(75,50,5,.05))!important;
  color:#17130d!important;
  box-shadow:inset 0 0 0 1px rgba(120,89,28,.16)!important;
}
html body .umka-messenger__icon svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
}
html body .umka-messenger__text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  line-height:1!important;
}
html body .umka-messenger__title{
  display:block!important;
  margin:0!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  color:#fff!important;
  opacity:1!important;
}
html body .umka-messenger__subtitle{display:none!important}

html body .umka-messenger__menu{
  right:0!important;
  bottom:calc(100% + 9px)!important;
  min-width:210px!important;
  padding:8px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(20,24,29,.98),rgba(15,18,22,.98))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.43)!important;
}
html body .umka-messenger__menu a{
  min-height:48px!important;
  padding:7px 10px!important;
  gap:10px!important;
  border-radius:12px!important;
  color:#fff!important;
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
html body .umka-messenger__menu a:hover{
  background:rgba(215,165,68,.11)!important;
  border-color:rgba(215,165,68,.19)!important;
}
html body .umka-messenger__menu .umka-menu-icon{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
}
html body .umka-messenger__menu .umka-menu-icon svg{
  width:18px!important;
  height:18px!important;
}

@media(max-width:760px){
  html body{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}
  /* Compact FAB — no full-width bar covering content */
  html body .umka-messenger{
    left:auto!important;
    right:14px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    width:auto!important;
  }
  html body .umka-messenger__button,
  html body .umka-messenger summary.umka-messenger__button,
  html body details.umka-messenger__details>summary.umka-messenger__button{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 16px 0 12px!important;
    gap:8px!important;
    border-radius:999px!important;
  }
  html body .umka-messenger__icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  html body .umka-messenger__title{font-size:14px!important}
  html body .umka-messenger__menu{
    left:auto!important;
    right:0!important;
    min-width:200px!important;
    width:max-content!important;
    max-width:calc(100vw - 28px)!important;
  }
}
@media(max-width:420px){
  html body .umka-messenger__button,
  html body .umka-messenger summary.umka-messenger__button,
  html body details.umka-messenger__details>summary.umka-messenger__button{
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    border-radius:50%!important;
    justify-content:center!important;
  }
  html body .umka-messenger__text{display:none!important}
  html body .umka-messenger__icon{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
    margin:0!important;
  }
}
/* --- home-hero-clean-v2 --- */
/* UmkaPro homepage hero — clean, restrained composition */
body.home-page.home-hero-v111 .hero{
  padding:clamp(28px,4.2vw,56px) 0 clamp(28px,3vw,44px) !important;
}

body.home-page.home-hero-v111 .hero__grid.hero-clean{
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr) !important;
  gap:clamp(34px,4.8vw,72px) !important;
  min-height:clamp(520px,64vh,650px) !important;
  align-items:center !important;
}

body.home-page.home-hero-v111 .hero__left{
  max-width:720px !important;
  padding:0 !important;
}

body.home-page.home-hero-v111 .hero-clean__pill{
  padding:8px 13px !important;
  background:rgba(11,15,20,.46) !important;
  border-color:rgba(255,255,255,.16) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

body.home-page.home-hero-v111 .hero h1{
  max-width:690px !important;
  margin:20px 0 16px !important;
  font-size:clamp(44px,5.2vw,74px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance;
}

body.home-page.home-hero-v111 .hero__left > p{
  max-width:590px !important;
  margin:0 0 26px !important;
  color:rgba(239,243,249,.82) !important;
  font-size:clamp(17px,1.45vw,20px) !important;
  line-height:1.52 !important;
}

body.home-page.home-hero-v111 .hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin:0 !important;
}

body.home-page.home-hero-v111 .hero__actions .btn{
  min-height:50px !important;
  padding:14px 21px !important;
  border-radius:14px !important;
  font-size:15px !important;
}

body.home-page .hero-clean__trust{
  display:flex;
  flex-wrap:wrap;
  gap:9px 22px;
  margin-top:24px;
  color:rgba(239,243,249,.66);
  font-size:13px;
  font-weight:650;
}

body.home-page .hero-clean__trust span{
  position:relative;
  padding-left:14px;
  white-space:normal;
}

body.home-page .hero-clean__trust span::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 12px rgba(215,165,68,.55);
  transform:translateY(-50%);
}

body.home-page.home-hero-v111 .visual.hero-clean__panel{
  display:block !important;
  width:100% !important;
  max-width:490px !important;
  min-height:0 !important;
  padding:28px !important;
  justify-self:end !important;
  overflow:hidden !important;
  border:1px solid rgba(215,165,68,.30) !important;
  border-radius:26px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035)),
    radial-gradient(560px 300px at 80% -10%,rgba(215,165,68,.20),transparent 62%),
    rgba(9,13,18,.58) !important;
  box-shadow:0 28px 72px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}

body.home-page .hero-clean__panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 34%);
}

body.home-page .hero-clean__panel > *{
  position:relative;
  z-index:1;
}

body.home-page .hero-clean__eyebrow{
  display:block;
  margin-bottom:12px;
  color:var(--accent2);
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

body.home-page .hero-clean__panel h2{
  max-width:360px;
  margin:0 0 12px;
  color:var(--text);
  font-size:clamp(26px,2.15vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
  text-wrap:balance;
}

body.home-page .hero-clean__panel-head > p{
  max-width:390px !important;
  margin:0 !important;
  color:rgba(233,238,246,.68) !important;
  font-size:14px !important;
  line-height:1.52 !important;
}

body.home-page .hero-clean__steps{
  margin-top:26px;
  border-top:1px solid rgba(255,255,255,.11);
}

body.home-page .hero-clean__step{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:17px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}

body.home-page .hero-clean__num{
  color:var(--accent2);
  font-size:12px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.08em;
}

body.home-page .hero-clean__step strong{
  display:block;
  margin:0 0 5px;
  color:var(--text);
  font-size:17px;
  line-height:1.2;
  letter-spacing:-.015em;
}

body.home-page .hero-clean__step small{
  display:block;
  color:rgba(233,238,246,.64);
  font-size:12.5px;
  line-height:1.42;
}

body.home-page .hero-clean__panel-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
}

body.home-page .hero-clean__panel-foot > span{
  color:rgba(233,238,246,.52);
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.06em;
  white-space:nowrap;
}

body.home-page .hero-clean__panel-foot .btn{
  min-height:46px !important;
  padding:12px 17px !important;
  border-radius:13px !important;
  font-size:13px !important;
  white-space:nowrap;
}

@media (max-width:1180px){
  body.home-page.home-hero-v111 .hero__grid.hero-clean{
    grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr) !important;
    gap:28px !important;
    min-height:500px !important;
  }
  body.home-page.home-hero-v111 .hero h1{
    font-size:clamp(40px,5vw,62px) !important;
  }
  body.home-page.home-hero-v111 .visual.hero-clean__panel{
    max-width:450px !important;
    padding:24px !important;
  }
}

@media (max-width:900px){
  body.home-page.home-hero-v111 .hero{
    padding:34px 0 !important;
  }
  body.home-page.home-hero-v111 .hero__grid.hero-clean{
    grid-template-columns:1fr !important;
    gap:28px !important;
    min-height:auto !important;
  }
  body.home-page.home-hero-v111 .hero__left{
    max-width:700px !important;
  }
  body.home-page.home-hero-v111 .visual.hero-clean__panel{
    display:block !important;
    max-width:700px !important;
    justify-self:start !important;
    margin:0 !important;
  }
}

@media (max-width:640px){
  body.home-page.home-hero-v111 .hero{
    padding:16px 0 24px !important;
  }
  body.home-page.home-hero-v111 .hero__grid.hero-clean{
    gap:16px !important;
  }
  body.home-page.home-hero-v111 .hero h1{
    max-width:100% !important;
    margin:12px 0 10px !important;
    font-size:clamp(28px,8.2vw,36px) !important;
    line-height:1.08 !important;
  }
  body.home-page.home-hero-v111 .hero__left > p{
    margin-bottom:14px !important;
    font-size:14.5px !important;
    line-height:1.45 !important;
  }
  body.home-page.home-hero-v111 .hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:8px !important;
  }
  body.home-page.home-hero-v111 .hero__actions .btn{
    width:100% !important;
    min-height:46px !important;
    font-size:14.5px !important;
  }
  body.home-page .hero-clean__trust{
    gap:6px 10px;
    margin-top:12px;
    font-size:11.5px;
  }
  body.home-page.home-hero-v111 .visual.hero-clean__panel{
    display:block !important;
    padding:16px 14px 20px !important;
    border-radius:16px !important;
  }
  body.home-page .hero-clean__panel h2{
    font-size:22px;
  }
  body.home-page .hero-clean__step{
    grid-template-columns:32px minmax(0,1fr);
    gap:8px;
    padding:10px 0;
  }
  body.home-page .hero-clean__step strong{
    font-size:14px;
  }
  body.home-page .hero-clean__panel-foot{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  body.home-page .hero-clean__panel-foot .btn{
    width:100% !important;
  }
}
/* --- home-services-photo-cards-v1 --- */
/* UmkaPro homepage service cards — photographic backgrounds, 2026-07-29 */
body.home-page #services .sectionhead{
  align-items:center;
}
body.home-page #services .services-section-link{
  flex:0 0 auto;
  min-height:46px;
  padding-inline:18px;
  border-color:rgba(215,165,68,.48);
  background:linear-gradient(180deg,rgba(215,165,68,.12),rgba(255,255,255,.035));
  box-shadow:0 14px 36px rgba(0,0,0,.20);
}
body.home-page #services .services-section-link::after{
  content:"→";
  font-size:18px;
  line-height:1;
}
body.home-page #services .services-premium-grid{
  gap:18px;
}
body.home-page #services .service-card-premium{
  --service-bg:none;
  --service-pos:center;
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:380px!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:24px!important;
  background:#0b1016!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
body.home-page #services .service-card-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:var(--service-bg)!important;
  background-size:cover!important;
  background-position:var(--service-pos)!important;
  background-repeat:no-repeat!important;
  opacity:.92;
  transform:scale(1.015);
  transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .35s ease;
  filter:saturate(.94) contrast(1.04) brightness(.82);
}
body.home-page #services .service-card-premium::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,9,13,.20) 0%,rgba(6,9,13,.34) 34%,rgba(6,9,13,.88) 68%,rgba(6,9,13,.98) 100%),
    linear-gradient(90deg,rgba(5,8,12,.60),rgba(5,8,12,.10) 72%);
}
body.home-page #services .service-card-premium:hover{
  transform:translateY(-4px);
  border-color:rgba(215,165,68,.52)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.38),0 0 0 1px rgba(215,165,68,.08) inset;
}
body.home-page #services .service-card-premium:hover::before{
  transform:scale(1.07);
  filter:saturate(1.02) contrast(1.05) brightness(.86);
}
body.home-page #services .service-card-premium .card__inner{
  position:relative;
  z-index:2;
  width:100%;
  min-height:100%;
  padding:178px 22px 22px!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body.home-page #services .service-card-premium .card__inner::after{
  content:"→";
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(10,14,20,.48);
  color:#f4f6f9;
  font-size:20px;
  line-height:1;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:background .22s ease,border-color .22s ease,transform .22s ease;
}
body.home-page #services .service-card-premium:hover .card__inner::after{
  background:rgba(215,165,68,.90);
  border-color:rgba(215,165,68,.95);
  color:#0b0f14;
  transform:translateX(2px);
}
body.home-page #services .service-card-premium .tagrow{
  position:absolute;
  top:18px;
  left:18px;
  right:72px;
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:0!important;
}
body.home-page #services .service-card-premium .tag{
  min-height:28px;
  padding:5px 10px;
  border-color:rgba(255,255,255,.18);
  background:rgba(8,12,17,.50);
  color:rgba(245,247,250,.86);
  font-size:11px;
  line-height:1;
  letter-spacing:.025em;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.home-page #services .service-card-premium .service-card-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  margin:0 0 12px!important;
  border-color:rgba(215,165,68,.42)!important;
  background:rgba(12,16,22,.58)!important;
  color:#e1ad45!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.home-page #services .service-card-premium h3{
  margin:0 0 9px!important;
  max-width:95%;
  color:#fff;
  font-size:clamp(20px,1.5vw,24px)!important;
  line-height:1.14!important;
  letter-spacing:-.35px;
  text-shadow:0 2px 16px rgba(0,0,0,.72);
}
body.home-page #services .service-card-premium p{
  margin:0;
  color:rgba(240,243,248,.78)!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-shadow:0 2px 14px rgba(0,0,0,.72);
}
body.home-page #services .service-card-premium p[style]{
  margin-top:auto!important;
  padding-top:13px;
}
body.home-page #services .service-card-premium p[style] a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#e4b452!important;
  font-size:12px;
  font-weight:850!important;
}
body.home-page #services .service-card-premium ul{
  display:none!important;
}
body.home-page #services .service-card-premium.is-compact .tagrow .tag:nth-child(n+4){
  display:none;
}

/* Background assignment */
body.home-page #services .service-card-premium[data-href="/avtomatizaciya-osveshcheniya-moskva"]{
  --service-bg:url('/assets/lighting/lighting-concept-interior.webp');
  --service-pos:center 58%;
}
body.home-page #services .service-card-premium[data-href="/elektromontazhnye-raboty-moskva"]{
  --service-bg:url('/assets/photos/elektromontazh-knx-panel-gallery.webp');
  --service-pos:center 45%;
}
body.home-page #services .service-card-premium[data-href="/upravlenie-klimatom-moskva"]{
  --service-bg:url('/assets/climate/climate-hero.webp');
  --service-pos:center 48%;
}
body.home-page #services .service-card-premium[data-href="/domashnij-kinoteatr-moskva"]{
  --service-bg:url('/assets/home-theater/dedicated-cinema-seats.webp');
  --service-pos:center;
}
body.home-page #services .service-card-premium[data-href="/savant-moskva"]{
  --service-bg:url('/assets/home-services/savant-interface-card.webp');
  --service-pos:center 50%;
}
body.home-page #services .service-card-premium[data-href="/shchity-avtomatiki-knx-sks-moskva"]{
  --service-bg:url('/assets/photos/shchity-hero-clean-v2.webp');
  --service-pos:center 48%;
}
body.home-page #services .service-card-premium[data-href="/wifi"]{
  --service-bg:url('/assets/hero_wifi_ai_v43.webp');
  --service-pos:center;
}
body.home-page #services .service-card-premium[data-href="/umnyj-dom-knx-moskva"]{
  --service-bg:url('/assets/home-services/knx-panel-card.webp');
  --service-pos:center;
}
body.home-page #services .service-card-premium[data-href="/umnyj-dom-cena-moskva"]{
  --service-bg:url('/assets/photos/umnyj-dom-cena-hero.webp');
  --service-pos:center;
}
body.home-page #services .service-card-premium[data-href="/umnyj-dom-pod-klyuch-moskva"]{
  --service-bg:url('/assets/home-services/smart-home-turnkey-card.webp');
  --service-pos:center 48%;
}
body.home-page #services .service-card-premium[data-href="/proektirovanie-umnogo-doma-v-chastnom-dome"]{
  --service-bg:url('/assets/proektirovanie/hero-proektirovanie-umnogo-doma.webp');
  --service-pos:center 45%;
}

@media (max-width:1180px){
  body.home-page #services .service-card-premium{
    min-height:360px!important;
  }
  body.home-page #services .service-card-premium .card__inner{
    padding-top:165px!important;
  }
}
@media (max-width:760px){
  body.home-page #services .sectionhead{
    display:grid;
    gap:14px;
  }
  body.home-page #services .services-section-link{
    width:100%;
  }
  body.home-page #services .service-card-premium{
    min-height:390px!important;
  }
  body.home-page #services .service-card-premium .card__inner{
    padding:178px 18px 20px!important;
  }
  body.home-page #services .service-card-premium h3{
    font-size:22px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.home-page #services .service-card-premium,
  body.home-page #services .service-card-premium::before,
  body.home-page #services .service-card-premium .card__inner::after{
    transition:none!important;
  }
}


/* UmkaPro homepage service cards — v3 lighter refinement, 2026-07-29 */
body.home-page #services .service-card-premium{
  background:#16202a!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24);
}
body.home-page #services .service-card-premium::before{
  opacity:.96;
  filter:saturate(.97) contrast(1.01) brightness(.92);
}
body.home-page #services .service-card-premium::after{
  background:
    linear-gradient(180deg,rgba(9,13,18,.10) 0%,rgba(9,13,18,.20) 34%,rgba(9,13,18,.70) 69%,rgba(9,13,18,.90) 100%),
    linear-gradient(90deg,rgba(9,13,18,.30),rgba(9,13,18,.05) 72%);
}
body.home-page #services .service-card-premium:hover::before{
  filter:saturate(1.03) contrast(1.02) brightness(.98);
}
body.home-page #services .service-card-premium .tag,
body.home-page #services .service-card-premium .service-card-icon,
body.home-page #services .service-card-premium .card__inner::after{
  background:rgba(18,24,31,.42)!important;
}
body.home-page #services .service-card-premium p{
  color:rgba(245,247,250,.88)!important;
}
body.home-page #services .service-card-premium[data-href="/umnyj-dom-pod-klyuch-moskva"]{
  --service-bg:url('/assets/home-services/smart-home-turnkey-architect-card.webp');
  --service-pos:center 52%;
}
body.home-page #services .service-card-premium[data-href="/proektirovanie-umnogo-doma-v-chastnom-dome"]{
  --service-bg:url('/assets/home-services/project-finishes-architect-card.webp');
  --service-pos:center 48%;
}
body.home-page #services .service-card-premium[data-href="/umnyj-dom-knx-moskva"]{
  --service-bg:url('/assets/home-services/knx-finishes-architect-card.webp');
  --service-pos:center 50%;
}
/* --- home-services-photo-cards-v2 --- */
/* UmkaPro photo service cards v2 — homepage + /uslugi/, lighter and more laconic */

/* Homepage: retain existing structure, brighten cards and simplify visual weight */
body.home-page #services .service-card-premium{
  background:#141a22!important;
  border-color:rgba(255,255,255,.19)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}
body.home-page #services .service-card-premium::before{
  opacity:1;
  filter:saturate(.98) contrast(1.01) brightness(.98);
}
body.home-page #services .service-card-premium::after{
  background:
    linear-gradient(180deg,rgba(7,10,14,.08) 0%,rgba(7,10,14,.18) 38%,rgba(7,10,14,.72) 70%,rgba(7,10,14,.90) 100%),
    linear-gradient(90deg,rgba(7,10,14,.38),rgba(7,10,14,.04) 76%);
}
body.home-page #services .service-card-premium:hover::before{
  filter:saturate(1.04) contrast(1.02) brightness(1.04);
}
body.home-page #services .service-card-premium .service-card-icon,
body.home-page #services .service-card-premium .tag,
body.home-page #services .service-card-premium .card__inner::after{
  background:rgba(24,30,38,.58)!important;
}
body.home-page #services .service-card-premium p{
  color:rgba(246,248,251,.86)!important;
}

/* Services page: photo backgrounds on every direction card */
.page-service #services .services-v6-grid{gap:16px;}
.page-service #services .service-tile{
  --service-bg:none;
  --service-pos:center;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-height:330px;
  padding:20px;
  border-radius:24px;
  background:#161d26;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 16px 42px rgba(0,0,0,.24);
  overflow:hidden;
}
.page-service #services .service-tile--wide{min-height:350px;}
.page-service #services .service-tile--compact{min-height:300px;padding:20px;}
.page-service #services .service-tile::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--service-bg);
  background-size:cover;
  background-position:var(--service-pos);
  background-repeat:no-repeat;
  filter:saturate(.98) contrast(1.01) brightness(.96);
  transform:scale(1.015);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
.page-service #services .service-tile::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg,rgba(7,10,14,.08) 0%,rgba(7,10,14,.20) 34%,rgba(7,10,14,.68) 68%,rgba(7,10,14,.91) 100%),
    linear-gradient(90deg,rgba(7,10,14,.34),rgba(7,10,14,.03) 75%);
}
.page-service #services .service-tile:hover{
  transform:translateY(-4px);
  border-color:rgba(215,165,68,.48);
  background:#161d26;
  box-shadow:0 22px 56px rgba(0,0,0,.31);
}
.page-service #services .service-tile:hover::before{
  transform:scale(1.06);
  filter:saturate(1.04) contrast(1.02) brightness(1.03);
}
.page-service #services .service-tile__top{margin-bottom:auto;position:relative;z-index:2;}
.page-service #services .service-tile__num{
  color:#e0ad49;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}
.page-service #services .service-tile__arrow{
  width:40px;height:40px;
  border-color:rgba(255,255,255,.24);
  background:rgba(25,31,40,.58);
  color:#fff;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.page-service #services .service-tile:hover .service-tile__arrow{
  background:rgba(215,165,68,.92);
  color:#10141a;
  border-color:rgba(215,165,68,.95);
}
.page-service #services .service-tile__icon{
  width:46px;height:46px;
  display:grid;place-items:center;
  margin:88px 0 12px;
  border:1px solid rgba(215,165,68,.42);
  border-radius:15px;
  background:rgba(25,31,40,.58);
  color:#e1ad45;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.page-service #services .service-tile--compact .service-tile__icon{margin-top:72px;}
.page-service #services .service-tile__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.page-service #services .service-tile h3{
  position:relative;z-index:2;
  margin:0 0 9px;
  color:#fff;
  font-size:clamp(20px,1.65vw,25px);
  line-height:1.13;
  text-shadow:0 2px 15px rgba(0,0,0,.72);
}
.page-service #services .service-tile--compact h3{font-size:20px;}
.page-service #services .service-tile p{
  position:relative;z-index:2;
  color:rgba(246,248,251,.85);
  font-size:13.5px;
  line-height:1.55;
  text-shadow:0 2px 13px rgba(0,0,0,.7);
}
.page-service #services .service-tile__tags{position:relative;z-index:2;margin-top:16px;}
.page-service #services .service-tile__tags span{
  border-color:rgba(255,255,255,.20);
  background:rgba(25,31,40,.54);
  color:rgba(248,249,252,.84);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

.page-service #services .service-tile[href="/umnyj-dom-pod-klyuch-moskva"]{--service-bg:url('/assets/home-services/smart-home-turnkey-card.webp');--service-pos:center 48%;}
.page-service #services .service-tile[href="/proektirovanie-umnogo-doma-v-chastnom-dome"]{--service-bg:url('/assets/proektirovanie/hero-proektirovanie-umnogo-doma.webp');--service-pos:center 45%;}
.page-service #services .service-tile[href="/umnyj-dom-knx-moskva"]{--service-bg:url('/assets/home-services/knx-panel-card.webp');--service-pos:center;}
.page-service #services .service-tile[href="/savant-moskva"]{--service-bg:url('/assets/home-services/savant-interface-card.webp');--service-pos:center 50%;}
.page-service #services .service-tile[href="/upravlenie-klimatom-moskva"]{--service-bg:url('/assets/climate/climate-hero.webp');--service-pos:center 48%;}
.page-service #services .service-tile[href="/domashnij-kinoteatr-moskva"]{--service-bg:url('/assets/home-theater/dedicated-cinema-seats.webp');--service-pos:center;}
.page-service #services .service-tile[href="/avtomatizaciya-osveshcheniya-moskva"]{--service-bg:url('/assets/lighting/lighting-concept-interior.webp');--service-pos:center 58%;}
.page-service #services .service-tile[href="/elektromontazhnye-raboty-moskva"]{--service-bg:url('/assets/photos/elektromontazh-knx-panel-gallery.webp');--service-pos:center 45%;}
.page-service #services .service-tile[href="/wifi"]{--service-bg:url('/assets/hero_wifi_ai_v43.webp');--service-pos:center;}
.page-service #services .service-tile[href="/shchity-avtomatiki-knx-sks-moskva"]{--service-bg:url('/assets/photos/shchity-hero-clean-v2.webp');--service-pos:center 48%;}

@media(max-width:980px){
  .page-service #services .service-tile,
  .page-service #services .service-tile--wide,
  .page-service #services .service-tile--compact{min-height:340px;}
}
@media(max-width:620px){
  .page-service #services .services-v6-grid{gap:13px;}
  .page-service #services .service-tile,
  .page-service #services .service-tile--wide,
  .page-service #services .service-tile--compact{min-height:365px;padding:18px;}
  .page-service #services .service-tile__icon,
  .page-service #services .service-tile--compact .service-tile__icon{margin-top:106px;}
}
@media(prefers-reduced-motion:reduce){
  .page-service #services .service-tile,
  .page-service #services .service-tile::before{transition:none!important;}
}


/* UmkaPro service cards — v3 lighter refinement, 2026-07-29 */
body.home-page #services .service-card-premium{
  background:#17212b!important;
  border-color:rgba(255,255,255,.21)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.20);
}
body.home-page #services .service-card-premium::before{
  filter:saturate(.99) contrast(1.01) brightness(1.02);
}
body.home-page #services .service-card-premium::after{
  background:
    linear-gradient(180deg,rgba(8,12,16,.08) 0%,rgba(8,12,16,.18) 38%,rgba(8,12,16,.64) 70%,rgba(8,12,16,.86) 100%),
    linear-gradient(90deg,rgba(8,12,16,.26),rgba(8,12,16,.03) 76%);
}
body.home-page #services .service-card-premium .service-card-icon,
body.home-page #services .service-card-premium .tag,
body.home-page #services .service-card-premium .card__inner::after{
  background:rgba(24,30,38,.46)!important;
}
body.home-page #services .service-card-premium p{color:rgba(246,248,251,.90)!important;}

.page-service #services .service-tile{
  background:#18222c;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 16px 42px rgba(0,0,0,.22);
}
.page-service #services .service-tile::before{
  filter:saturate(.98) contrast(1.01) brightness(1.00);
}
.page-service #services .service-tile::after{
  background:
    linear-gradient(180deg,rgba(8,12,16,.08) 0%,rgba(8,12,16,.18) 34%,rgba(8,12,16,.62) 68%,rgba(8,12,16,.86) 100%),
    linear-gradient(90deg,rgba(8,12,16,.28),rgba(8,12,16,.04) 75%);
}
.page-service #services .service-tile:hover{box-shadow:0 20px 52px rgba(0,0,0,.28);}
.page-service #services .service-tile:hover::before{filter:saturate(1.03) contrast(1.02) brightness(1.05);}
.page-service #services .service-tile__arrow,
.page-service #services .service-tile__icon,
.page-service #services .service-tile__tags span{
  background:rgba(24,30,38,.48);
}
.page-service #services .service-tile p{color:rgba(246,248,251,.88);}

.page-service #services .service-tile[href="/umnyj-dom-pod-klyuch-moskva"]{--service-bg:url('/assets/home-services/smart-home-turnkey-architect-card.webp');--service-pos:center 52%;}
.page-service #services .service-tile[href="/proektirovanie-umnogo-doma-v-chastnom-dome"]{--service-bg:url('/assets/home-services/project-finishes-architect-card.webp');--service-pos:center 48%;}
.page-service #services .service-tile[href="/umnyj-dom-knx-moskva"]{--service-bg:url('/assets/home-services/knx-finishes-architect-card.webp');--service-pos:center 50%;}


/* UmkaPro service cards — v4 alignment fix, 2026-07-29 */
.page-service #services .services-v6-grid{
  grid-auto-flow:row dense;
  align-items:stretch;
}
.page-service #services .service-tile{
  height:100%;
  min-height:340px;
  display:grid;
  grid-template-rows:auto auto auto 1fr auto;
  align-content:start;
}
.page-service #services .service-tile--wide{min-height:360px;}
.page-service #services .service-tile--compact{min-height:320px;}
.page-service #services .service-tile__top{
  margin-bottom:0;
}
.page-service #services .service-tile__icon{
  margin:82px 0 14px;
}
.page-service #services .service-tile--compact .service-tile__icon{
  margin:82px 0 14px;
}
.page-service #services .service-tile h3{
  min-height:2.35em;
  display:flex;
  align-items:flex-end;
}
.page-service #services .service-tile--compact h3{
  min-height:2.35em;
}
.page-service #services .service-tile p{
  margin-bottom:0;
}
.page-service #services .service-tile__tags{
  margin-top:14px;
  padding-top:8px;
  align-self:start;
}
@media(max-width:980px){
  .page-service #services .service-tile,
  .page-service #services .service-tile--wide,
  .page-service #services .service-tile--compact{min-height:340px;}
}
@media(max-width:620px){
  .page-service #services .service-tile,
  .page-service #services .service-tile--wide,
  .page-service #services .service-tile--compact{min-height:365px;}
  .page-service #services .service-tile__icon,
  .page-service #services .service-tile--compact .service-tile__icon{margin:106px 0 14px;}
  .page-service #services .service-tile h3,
  .page-service #services .service-tile--compact h3{min-height:auto;display:block;}
}


/* UmkaPro service cards — v5 exact grid alignment, 2026-07-29 */
.page-service #services .services-v6-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:row;
  align-items:stretch;
}
.page-service #services .service-tile,
.page-service #services .service-tile--wide,
.page-service #services .service-tile--compact{
  height:100%;
  min-height:370px;
  display:flex;
  flex-direction:column;
  padding:20px;
}
.page-service #services .service-tile__top{
  margin:0;
  flex:0 0 auto;
}
.page-service #services .service-tile__icon,
.page-service #services .service-tile--compact .service-tile__icon{
  flex:0 0 auto;
  margin:auto 0 14px;
}
.page-service #services .service-tile h3,
.page-service #services .service-tile--compact h3{
  min-height:2.35em;
  margin:0 0 9px;
  display:flex;
  align-items:flex-end;
  font-size:clamp(19px,1.42vw,23px);
}
.page-service #services .service-tile p{
  min-height:4.65em;
  margin:0;
}
.page-service #services .service-tile__tags{
  min-height:31px;
  margin-top:14px;
  padding-top:0;
  align-items:center;
}
.page-service #services .service-tile[href="/wifi"]{
  --service-bg:url('/assets/home-services/wifi-card-clean.webp');
  --service-pos:center 42%;
}
.page-service #services .service-tile[href="/elektromontazhnye-raboty-moskva"]::after{
  background:
    linear-gradient(180deg,rgba(8,12,16,.13) 0%,rgba(8,12,16,.28) 34%,rgba(8,12,16,.72) 67%,rgba(8,12,16,.91) 100%),
    linear-gradient(90deg,rgba(8,12,16,.36),rgba(8,12,16,.09) 75%);
}
@media(min-width:1181px){
  .page-service #services .service-tile--wide{grid-column:span 6;}
  .page-service #services .service-tile:not(.service-tile--wide){grid-column:span 3;}
}
@media(min-width:981px) and (max-width:1180px){
  .page-service #services .service-tile,
  .page-service #services .service-tile--wide,
  .page-service #services .service-tile--compact{grid-column:span 6;min-height:360px;}
}
@media(max-width:980px){
  .page-service #services .service-tile,
  .page-service #services .service-tile--wide,
  .page-service #services .service-tile--compact{min-height:350px;}
  .page-service #services .service-tile h3,
  .page-service #services .service-tile--compact h3{min-height:auto;display:block;}
  .page-service #services .service-tile p{min-height:auto;}
}
@media(max-width:620px){
  .page-service #services .service-tile,
  .page-service #services .service-tile--wide,
  .page-service #services .service-tile--compact{min-height:390px;}
  .page-service #services .service-tile__icon,
  .page-service #services .service-tile--compact .service-tile__icon{margin:auto 0 14px;}
}
/* --- home-services-photo-cards-v3 --- */
/* UmkaPro service cards office background fix — v21, 2026-07-29 */
body.home-page #services .service-card-premium[data-href="/avtomatizaciya-knx-v-ofisah-moskva"]{
  --service-bg:url('/assets/photos/knx-office-business-value-v18.webp');
  --service-pos:center 48%;
}
.page-service #services .service-tile[href="/avtomatizaciya-knx-v-ofisah-moskva"]{
  --service-bg:url('/assets/photos/knx-office-business-value-v18.webp');
  --service-pos:center 48%;
}
/* slightly stronger overlay for readability on the office card */
body.home-page #services .service-card-premium[data-href="/avtomatizaciya-knx-v-ofisah-moskva"]::after,
.page-service #services .service-tile[href="/avtomatizaciya-knx-v-ofisah-moskva"]::after{
  background:
    linear-gradient(180deg,rgba(8,12,16,.10) 0%,rgba(8,12,16,.18) 34%,rgba(8,12,16,.64) 68%,rgba(8,12,16,.88) 100%),
    linear-gradient(90deg,rgba(8,12,16,.30),rgba(8,12,16,.08) 74%);
}