/* страницы услуг (24 шт., 10.10.2026): стекло как на главной. Подключается после refresh.css и glass.css */
main{position:relative;isolation:isolate}
main::before,main::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.55;width:50vw;height:50vw;max-width:700px;max-height:700px}
main::before{left:-14vw;top:4%;background:radial-gradient(circle,rgba(110,140,255,.8),rgba(170,120,255,.35) 50%,transparent 72%)}
main::after{right:-14vw;top:42%;background:radial-gradient(circle,rgba(60,200,180,.7),rgba(255,150,200,.3) 52%,transparent 72%)}
:root[data-theme="dark"] main::before,:root[data-theme="dark"] main::after{opacity:.32}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) main::before,:root:not([data-theme="light"]) main::after{opacity:.32}}

/* общий вид стеклянной панели */
.lps-row,.lp-step,.bz-cell,.card.lp-hours,.card.my-leads,.qa,.usl-card{
  background:rgba(255,255,255,.64)!important;border:1px solid rgba(255,255,255,.88)!important;backdrop-filter:blur(12px);
  box-shadow:0 18px 40px -30px rgba(40,50,120,.5)!important}
:root[data-theme="dark"] :is(.lps-row,.lp-step,.bz-cell,.card.lp-hours,.card.my-leads,.qa,.usl-card){background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.lps-row,.lp-step,.bz-cell,.card.lp-hours,.card.my-leads,.qa,.usl-card){background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}}

/* цифры под первым экраном: одна панель, цифры градиентом */
.lps-row{border-radius:24px!important;overflow:hidden}
.lps{background:transparent!important}
.lps b{background:linear-gradient(120deg,#3a67dc,#1f9d5b);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* три шага: цветная полоса сверху и номер в градиентном круге */
.lp-step{position:relative;overflow:hidden;color:var(--text)!important}
.lp-step::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#3a67dc,#7a5ce0)}
.lp-step:nth-child(2)::before{background:linear-gradient(90deg,#7a4fd6,#a07cf0)}
.lp-step:nth-child(3)::before{background:linear-gradient(90deg,#1f9f86,#3cc7a6)}
.lp-step *{color:var(--text)}

/* таблицы спроса и график */
.bz-cell .bar i,.bz-cell .bar>*{background:linear-gradient(90deg,#3a67dc,#1f9d5b)!important}
.card.lp-hours i,.card.lp-hours .bar>*{background:linear-gradient(180deg,rgba(58,103,220,.6),rgba(31,157,91,.5))!important}

/* призыв для мастеров: изумрудное стекло */
.card.master-cta{background:linear-gradient(150deg,#1f9d5b,#2fb38a 60%,#3a8fd0)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 30px 60px -32px rgba(20,100,70,.6)!important;position:relative;overflow:hidden}
.card.master-cta::before{content:"";position:absolute;width:240px;height:240px;right:-50px;top:-60px;border-radius:50%;border:2px solid rgba(255,255,255,.35);
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),rgba(255,255,255,.04) 60%);pointer-events:none}
.card.master-cta *{color:#fff!important}
.card.master-cta .mc-facts>*{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important}
.card.master-cta .bz-btn,.card.master-cta .btn{background:#fff!important;color:#14523a!important}
.card.master-cta .bz-btn *,.card.master-cta .btn *{color:#14523a!important}

/* «Отдельные услуги»: как «Частые услуги» — сетка, на телефоне ленты вбок */
.usl-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:10px!important}
@media (max-width:760px){
  .usl-grid{display:grid!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:max-content!important;
    justify-items:start!important;gap:6px!important;overflow-x:auto!important;margin:0 -22px!important;padding:2px 22px 6px!important;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .usl-grid::-webkit-scrollbar{display:none}
  .usl-grid .usl-card{padding:.45em .85em!important;border-radius:99px!important;min-height:0!important}
  .usl-grid .usl-card span{display:none!important}
  .usl-grid .usl-card b{font-size:.82rem!important;white-space:nowrap;margin:0!important}
  section.blk{padding-top:30px!important;padding-bottom:30px!important}
}

/* приоритет над старыми правилами refresh.css (main:has(.lp-steps) …) */
html body main:has(.lp-steps) .lp-step{background:rgba(255,255,255,.64)!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 18px 40px -30px rgba(40,50,120,.5)!important}
html body main:has(.lp-steps) .lp-step,html body main:has(.lp-steps) .lp-step b{color:var(--text)!important}
html body main:has(.lp-steps) .lp-step span{color:var(--text)!important;opacity:.75}
html body main:has(.lp-steps) .lp-step i{background:linear-gradient(135deg,#3a67dc,#7a5ce0)!important;color:#fff!important}
html body main:has(.lp-steps) .lp-step:nth-child(2) i{background:linear-gradient(135deg,#7a4fd6,#a07cf0)!important}
html body main:has(.lp-steps) .lp-step:nth-child(3) i{background:linear-gradient(135deg,#1f9f86,#3cc7a6)!important}
:root[data-theme="dark"] body main:has(.lp-steps) .lp-step{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body main:has(.lp-steps) .lp-step{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}}
html body main:has(.lp-steps) .master-cta{background:linear-gradient(150deg,#1f9d5b,#2fb38a 60%,#3a8fd0)!important;color:#fff!important}
html body main:has(.lp-steps) .master-cta *{color:#fff!important}
html body main:has(.lp-steps) .master-cta .bz-btn,html body main:has(.lp-steps) .master-cta .bz-btn *{background:#fff!important;color:#14523a!important}
html body main:has(.lp-steps) .master-cta .bz-btn *{background:transparent!important}

/* первый экран страниц услуг: без коробки, стеклянная картинка ниши парит справа */
html body main:has(.lp-steps) .page-hero{padding:clamp(28px,5vw,60px) 0 clamp(8px,2vw,20px)!important}
html body main:has(.lp-steps) .page-hero .hero-pc{background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;padding:0!important;
  min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:28px;overflow:visible!important}
html body main:has(.lp-steps) .page-hero .hero-pc::before{display:none!important}
html body main:has(.lp-steps) .page-hero .hero-pc::after{content:"";display:block;width:100%;aspect-ratio:1;max-height:340px;justify-self:center;
  background:var(--gimg) center/contain no-repeat;filter:drop-shadow(0 28px 36px rgba(40,60,150,.22));animation:lpF 7s ease-in-out infinite}
@keyframes lpF{0%,100%{translate:0 0}50%{translate:0 -10px}}
html body main:has(.lp-steps) .page-hero .pc-t{max-width:none!important}
html body main:has(.lp-steps) .page-hero h1{color:var(--text)!important;font-size:clamp(2.2rem,4.4vw,3.6rem)!important;letter-spacing:-.03em}
html body main:has(.lp-steps) .page-hero .lead,html body main:has(.lp-steps) .page-hero .lead b{color:var(--text)!important}
html body main:has(.lp-steps) .page-hero .lead{opacity:.85;font-size:1.1rem!important}
@media (prefers-reduced-motion:reduce){html body main:has(.lp-steps) .page-hero .hero-pc::after{animation:none}}
@media (max-width:760px){
  html body main:has(.lp-steps) .page-hero .hero-pc{grid-template-columns:1fr;gap:6px}
  html body main:has(.lp-steps) .page-hero .hero-pc::after{order:-1;max-height:190px;height:190px;width:100%!important;position:static!important;inset:auto!important;transform:none!important;opacity:1!important;margin:0 0 6px!important;-webkit-mask-image:none!important;mask-image:none!important}
  html body main:has(.lp-steps) .page-hero h1{font-size:2rem!important}
  html body main:has(.lp-steps) .page-hero .doors{display:grid;gap:10px}
  html body main:has(.lp-steps) .page-hero .doors>*{width:100%;text-align:center}
}
:root[data-theme="dark"] body main:has(.lp-steps) .page-hero .doors>*:first-child{background:#f2f0ec!important;color:#16172b!important}
:root[data-theme="dark"] body main:has(.lp-steps) .page-hero .doors>*:nth-child(2){background:transparent!important;color:#f2f0ec!important;border:1px solid rgba(255,255,255,.3)!important}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) body main:has(.lp-steps) .page-hero .doors>*:first-child{background:#f2f0ec!important;color:#16172b!important}
  :root:not([data-theme="light"]) body main:has(.lp-steps) .page-hero .doors>*:nth-child(2){background:transparent!important;color:#f2f0ec!important;border:1px solid rgba(255,255,255,.3)!important}}