/* ============================================================
   BeeGruz.by — стили. Резиновая вёрстка: rem + clamp() + %, без жёстких px.
   Меняешь цвета здесь, в :root — меняется весь сайт.
   ============================================================ */
:root{
  --bg:#111521;
  --surface:#1a1f2d;
  --surface-2:#252c3e;
  --line:rgba(255,255,255,.13);
  --ink:#f4f7fc;
  --dim:#b3bdce;           /* серый текст — теперь заметно читаемее */
  --accent:#00e6cb;        /* неон-бирюза — фирменный */
  --accent-2:#ff9447;      /* оранжевый — только для кнопок действия */
  --radius:16px;
  --wrap:75rem;            /* макс. ширина контента ~1200px, но в rem */
  --pad:clamp(1rem, 4vw, 3rem);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;font-size:clamp(15px, 1vw + 0.6rem, 18px);} /* базовый шрифт тянется */
body{
  font-family:'Manrope',system-ui,sans-serif;background:var(--bg);color:var(--ink);
  line-height:1.6;overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad);}
.wrap--narrow{max-width:48rem;}

/* ---------- типографика ---------- */
.eyebrow{font-family:'Chakra Petch';text-transform:uppercase;letter-spacing:.22em;
  font-size:.78rem;color:var(--accent);margin-bottom:.6rem;}
.h2{font-family:'Chakra Petch';font-weight:700;font-size:clamp(1.5rem,3.5vw,2.4rem);
  line-height:1.15;margin-bottom:1.4rem;}
.hl{color:var(--accent);}

/* ---------- кнопки ---------- */
.btn{font-family:'Chakra Petch';font-weight:600;border:none;border-radius:999px;cursor:pointer;
  padding:.7em 1.4em;font-size:.95rem;transition:transform .12s, box-shadow .2s, background .2s;
  display:inline-flex;align-items:center;justify-content:center;gap:.4em;}
.btn:active{transform:scale(.96);}
.btn--cta{background:var(--accent-2);color:#1a0e04;box-shadow:0 6px 24px rgba(255,138,61,.3);}
.btn--cta:hover{box-shadow:0 8px 32px rgba(255,138,61,.5);}
.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent);}
.btn--lg{padding:.9em 1.8em;font-size:1.05rem;}
.btn--sm{padding:.5em 1em;font-size:.85rem;background:var(--accent);color:#04201d;}

/* ============================================================ ШАПКА */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(11,13,18,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);
  transition:transform .35s ease;}
.hdr.hide{transform:translateY(-100%);}   /* прячется при скролле вниз */
.hdr__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4.2rem;}
.logo{display:flex;align-items:center;gap:.5rem;font-family:'Chakra Petch';font-weight:700;font-size:1.25rem;letter-spacing:.04em;}
.logo__mark{color:var(--accent);font-size:1.4rem;text-shadow:0 0 14px var(--accent);}
.logo__txt b{color:var(--accent);}
.nav{display:flex;gap:1.6rem;font-weight:600;font-size:.95rem;}
.nav a{color:var(--dim);transition:color .15s;}
.nav a:hover{color:var(--ink);}

/* ---------- ВЫПАДАЮЩЕЕ МЕНЮ (ПК) — открывается по КЛИКУ ---------- */
.nav__dd{position:relative;display:flex;align-items:center;gap:.1rem;}
.nav__ddbtn{color:var(--dim);font-weight:600;font-size:.95rem;}
.nav__ddbtn:hover{color:var(--ink);}
.nav__caret{background:none;border:none;color:var(--dim);cursor:pointer;padding:.2rem .3rem;display:inline-flex;}
.nav__caret:hover{color:var(--accent);}
.caret{font-style:normal;font-size:.8em;transition:transform .25s;display:inline-block;}
.nav__caret.open .caret{transform:rotate(180deg);}
.dropdown{position:absolute;top:210%;left:50%;transform:translateX(-50%);
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.5rem;
  min-width:20rem;max-height:74vh;overflow-y:auto;display:none;z-index:60;
  box-shadow:0 24px 60px rgba(0,0,0,.55);}
.dropdown.open{display:block;}
.dd__cat{display:flex;align-items:center;justify-content:space-between;gap:.3rem;}
.dd__catlink{flex:1;padding:.6rem .9rem;border-radius:9px;color:var(--ink)!important;font-weight:600;font-size:.92rem;}
.dd__catlink:hover{background:var(--surface-2);color:var(--accent)!important;}
.dd__arrow{background:none;border:none;color:var(--accent);cursor:pointer;padding:.5rem .7rem;border-radius:9px;}
.dd__arrow:hover{background:var(--surface-2);}
.dd__arrow.open .caret{transform:rotate(180deg);}
.dd__subs{display:none;flex-direction:column;padding:.1rem 0 .4rem .7rem;margin:.1rem 0 .3rem .8rem;border-left:2px solid var(--line);}
.dd__subs.open{display:flex;}
.dd__subs a{padding:.45rem .9rem;border-radius:8px;color:var(--dim)!important;font-size:.88rem;}
.dd__subs a:hover{background:var(--surface-2);color:var(--ink)!important;}

/* ---------- МОБИЛЬНОЕ МЕНЮ-АККОРДЕОН ---------- */
.drawer__services{display:flex;flex-direction:column;}
.dws__row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);}
.dws__link{flex:1;padding:.7rem 0;font-weight:600;color:var(--dim);}
.dws__link:hover{color:var(--ink);}
.dws__toggle{background:none;border:none;color:var(--accent);cursor:pointer;padding:.5rem .6rem;}
.dws__toggle.open .caret{transform:rotate(180deg);}
.dws__subs{display:none;flex-direction:column;padding-left:1rem;}
.dws__subs.open{display:flex;}
.dws__subs a{padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:500;color:var(--dim);}
.dws__subs a:hover{color:var(--ink);}

/* ---------- ВИДИМЫЙ SEO-ТЕКСТ (внизу страниц категорий/услуг) ---------- */
.seo-text{background:var(--surface);border-top:1px solid var(--line);}
.seo-text .wrap{padding-block:clamp(2rem,5vh,3.5rem);}
.seo-text h2{font-family:'Chakra Petch';font-size:1.4rem;margin-bottom:1rem;}
.seo-text p{color:var(--dim);margin-bottom:.9rem;}
.hdr__actions{display:flex;align-items:center;gap:1rem;}
.phone{font-family:'Chakra Petch';font-weight:600;color:var(--ink);white-space:nowrap;}
.phone:hover{color:var(--accent);}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;}
.burger span{width:26px;height:2.5px;background:var(--ink);border-radius:2px;transition:.25s;}
.burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;}
.burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

.drawer{position:fixed;top:4.2rem;left:0;right:0;z-index:49;background:var(--surface);
  border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:var(--pad);gap:.4rem;
  transform:translateY(-120%);transition:transform .3s ease;}
.drawer.open{transform:translateY(0);}
.drawer a{padding:.7rem 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--dim);}
.drawer a:hover{color:var(--ink);}
.drawer__phone{color:var(--accent)!important;}

/* ============================================================ ГЕРОЙ */
.hero{position:relative;padding-top:clamp(7rem,16vh,11rem);padding-bottom:clamp(3rem,8vh,6rem);
  background:radial-gradient(120% 90% at 80% 0%, rgba(0,224,198,.10), transparent 55%), var(--bg);
  overflow:hidden;}
.hero__scan{position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.012) 3px 4px);}
.hero__h1{font-family:'Chakra Petch';font-weight:700;line-height:1.08;
  font-size:clamp(1.9rem,6vw,3.6rem);margin-bottom:1rem;max-width:18ch;}
.hero__sub{color:var(--dim);font-size:clamp(1rem,2vw,1.2rem);max-width:46ch;margin-bottom:2rem;}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.6rem;}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1rem;
  border-top:1px solid var(--line);padding-top:1.6rem;max-width:42rem;}
.stat b{font-family:'Chakra Petch';display:block;font-size:clamp(1.4rem,3vw,2rem);color:var(--accent);}
.stat span{font-size:.85rem;color:var(--dim);}

/* ============================================================ СЕКЦИИ */
.section{padding-block:clamp(3rem,8vh,6rem);}
.section--alt{background:var(--surface);}

/* карточки услуг */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.2rem;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.4rem;position:relative;overflow:hidden;transition:transform .2s, border-color .2s;
  display:flex;flex-direction:column;}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);
  transform:scaleY(0);transform-origin:top;transition:transform .25s;}
.card:hover{transform:translateY(-4px);border-color:rgba(0,224,198,.4);}
.card:hover::before{transform:scaleY(1);}
.card__img{aspect-ratio:16/9;border-radius:10px;margin-bottom:1rem;
  background:linear-gradient(135deg,var(--surface-2),#0e1117);display:grid;place-items:center;font-size:3rem;overflow:hidden;position:relative;}
.card__img:not(.card__img--photo)::after{content:attr(data-ico);}
.card__img img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .25s ease, filter .25s ease;}
.card:hover .card__img img{transform:scale(1.035);filter:saturate(1.08) contrast(1.04);}
.card__img--photo{background:#0e1117;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);}
.card h3{font-family:'Chakra Petch';font-size:1.3rem;margin-bottom:.4rem;}
.card p{color:var(--dim);font-size:.95rem;flex:1;}
.card__price{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-top:1rem;
  padding:.36rem .78rem;
  border:1px solid rgba(255,148,71,.34);
  border-radius:999px;
  background:rgba(255,148,71,.10);
  color:#ffd6bd;
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-weight:800;
  font-size:.9rem;
  letter-spacing:.02em;
  box-shadow:inset 0 0 22px rgba(255,148,71,.035);
}
.card__price::before{content:"▸";color:var(--accent-2);font-size:.9em;}
.card__more{color:var(--ink);font-weight:600;font-size:.9rem;margin-top:.3rem;}

/* блок доверия */
.trust{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;}
.ticks{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.8rem;}
.ticks li{padding-left:2rem;position:relative;color:var(--dim);}
.ticks li b{color:var(--ink);}
.ticks li::before{content:"✦";position:absolute;left:0;color:var(--accent);}
.trust__media{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--line);
  background:linear-gradient(135deg,var(--surface-2),#0e1117);display:grid;place-items:center;font-size:5rem;}
.trust__media::after{content:attr(data-ico);}

/* FAQ */
.faq{display:flex;flex-direction:column;gap:.7rem;}
.faq__item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.3rem 1.2rem;}
.faq__item summary{cursor:pointer;font-family:'Chakra Petch';font-weight:600;padding:.9rem 0;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.faq__item summary::after{content:"+";color:var(--accent);font-size:1.4rem;transition:transform .2s;}
.faq__item[open] summary::after{transform:rotate(45deg);}
.faq__item p{color:var(--dim);padding-bottom:1rem;}

/* CTA полоса */
.band{background:linear-gradient(120deg,var(--accent),#00b49d);color:#03201c;padding-block:clamp(2rem,5vh,3.5rem);}
.band__row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.band .h2{margin-bottom:.2rem;color:#03201c;}
.band__sub{opacity:.8;}
.band .btn--cta{background:#06231f;color:var(--accent);box-shadow:none;}

/* ============================================================ ПОДВАЛ */
.footer{background:#080a0e;border-top:1px solid var(--line);padding-top:clamp(2.5rem,6vh,4rem);}
.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;padding-bottom:2.5rem;}
.footer h4{font-family:'Chakra Petch';margin-bottom:.8rem;}
.footer__about,.footer p{color:var(--dim);font-size:.92rem;margin-top:.8rem;}
.footer__phone{font-family:'Chakra Petch';font-size:1.2rem;color:var(--accent);}
.msg{display:inline-block;margin:.3rem .5rem .3rem 0;padding:.55rem 1.1rem;border-radius:999px;font-weight:600;font-size:.9rem;}
.msg--tg{background:rgba(0,136,204,.15);color:#3db4f2;border:1px solid rgba(0,136,204,.4);}
.msg--vb{background:rgba(127,75,221,.15);color:#a98bff;border:1px solid rgba(127,75,221,.4);}
.footer__copy{border-top:1px solid var(--line);padding-block:1.2rem;color:var(--dim);font-size:.85rem;}

/* ============================================================ ПЛАВАЮЩИЕ КНОПКИ */
.floats{position:fixed;right:clamp(.8rem,2vw,1.5rem);bottom:clamp(.8rem,2vw,1.5rem);z-index:40;
  display:flex;flex-direction:column;gap:.6rem;}
.float{width:3.1rem;height:3.1rem;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;
  position:relative;overflow:visible;text-decoration:none;font-size:1.3rem;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .15s;}
.float:hover{transform:scale(1.08);}
.float__icon{display:grid;place-items:center;width:100%;height:100%;font-weight:800;line-height:1;}
.float--tg .float__icon,.float--viber .float__icon{font-size:.78rem;font-family:'IBM Plex Sans',Arial,sans-serif;}
.float__hint{position:absolute;right:calc(100% + .7rem);top:50%;transform:translate(8px,-50%);opacity:0;pointer-events:none;
  white-space:nowrap;background:#172329;color:#e6e5de;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.45rem .68rem;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 22px rgba(0,0,0,.24);transition:opacity .18s ease,transform .18s ease;}
.float:hover .float__hint,.float:focus-visible .float__hint{opacity:1;transform:translate(0,-50%);}
.float--tg{background:#0088cc;}
.float--viber,.float--vb{background:#7f4bdd;}
.float--up{background:var(--surface-2);color:var(--accent);border:1px solid var(--line);
  opacity:0;pointer-events:none;transition:opacity .25s, transform .15s;}
.float--up.show{opacity:1;pointer-events:auto;}

/* ============================================================ МОДАЛКА */
.modal{position:fixed;inset:0;z-index:60;background:rgba(4,6,10,.8);backdrop-filter:blur(4px);
  display:none;place-items:center;padding:1rem;}
.modal.open{display:grid;}
.modal__box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(1.5rem,4vw,2.5rem);width:100%;max-width:26rem;position:relative;animation:pop .25s ease;}
@keyframes pop{from{transform:translateY(20px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--dim);font-size:1.3rem;cursor:pointer;}
.modal__box h3{font-family:'Chakra Petch';font-size:1.5rem;margin-bottom:.3rem;}
.modal__sub{color:var(--dim);margin-bottom:1.4rem;font-size:.95rem;}
.form{display:flex;flex-direction:column;gap:.8rem;}
.form input,.form textarea{background:var(--bg);border:1px solid var(--line);border-radius:10px;
  padding:.9rem 1rem;color:var(--ink);font-family:inherit;font-size:1rem;resize:vertical;}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent);}
.form__note{font-size:.75rem;color:var(--dim);text-align:center;}
.form__ok{text-align:center;color:var(--accent);font-family:'Chakra Petch';font-size:1.1rem;padding:1rem 0;}

/* ============================================================ COOKIE */
.cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:45;background:var(--surface-2);
  border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  max-width:40rem;margin:0 auto;box-shadow:0 10px 40px rgba(0,0,0,.5);}
.cookie.hide{display:none;}
.cookie span{font-size:.9rem;color:var(--dim);}

/* ---------- КАТАЛОГ УСЛУГ (страница uslugi.html) ---------- */
.catblock{padding-block:1.6rem;border-bottom:1px solid var(--line);scroll-margin-top:6rem;}
.catblock:last-child{border-bottom:none;}
.catblock h2{margin-bottom:1rem;font-size:clamp(1.3rem,3vw,1.8rem);}
.catblock h2 a:hover{color:var(--accent);}
.catblock__subs{display:flex;flex-wrap:wrap;gap:.6rem;}
.catchip{padding:.6rem 1.1rem;border:1px solid var(--line);border-radius:999px;
  background:var(--surface);color:var(--dim);font-weight:600;font-size:.92rem;transition:.15s;}
.catchip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);}



/* ============================================================
   СТРАНИЦА /USLUGI/ — каталог-хаб услуг v28
   ============================================================ */
.services-hero{
  padding-bottom:clamp(2.4rem,7vh,5rem);
}
.services-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(18rem,.82fr);
  gap:clamp(1.4rem,4vw,3rem);
  align-items:center;
}
.services-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  max-width:46rem;
}
.services-pills span{
  display:inline-flex;
  align-items:center;
  min-height:2.05rem;
  padding:.36rem .8rem;
  border:1px solid rgba(0,230,203,.20);
  border-radius:999px;
  background:rgba(0,230,203,.055);
  color:var(--dim);
  font-weight:700;
  font-size:.84rem;
}
.services-hero__panel{
  position:relative;
  padding:clamp(1.15rem,3vw,1.7rem);
  border:1px solid rgba(0,230,203,.22);
  border-radius:var(--radius);
  background:radial-gradient(circle at 20% 0%, rgba(0,230,203,.16), transparent 42%), var(--surface);
  box-shadow:0 24px 75px rgba(0,0,0,.32), inset 0 0 42px rgba(0,230,203,.035);
  overflow:hidden;
}
.services-hero__panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.08), transparent 28%, rgba(0,230,203,.06));
  opacity:.5;
}
.services-hero__panel > *{position:relative;z-index:1;}
.services-hero__badge{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,148,71,.45);
  border-radius:999px;
  color:#ffd4b8;
  background:rgba(255,148,71,.11);
  padding:.32rem .72rem;
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-weight:700;
  font-size:.8rem;
  margin-bottom:.9rem;
}
.services-hero__panel h2{
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:clamp(1.25rem,2.5vw,1.65rem);
  line-height:1.12;
  margin-bottom:.75rem;
}
.services-hero__panel p,
.services-text,
.services-lead{
  color:var(--dim);
}
.services-hero__panel p{margin-bottom:.9rem;}
.services-mini-list{
  list-style:none;
  display:grid;
  gap:.42rem;
  margin:1rem 0 1.2rem;
  color:var(--dim);
  font-size:.92rem;
}
.services-mini-list li{position:relative;padding-left:1.35rem;}
.services-mini-list li::before{
  content:"✦";
  position:absolute;
  left:0;
  color:var(--accent);
}
.services-popular__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.popular-card{
  min-height:100%;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "ico tag"
    "ico title"
    "text text"
    "more more";
  gap:.25rem .85rem;
  padding:1.15rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)), var(--surface);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.popular-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,230,203,.42);
  box-shadow:0 18px 55px rgba(0,0,0,.26);
}
.popular-card__ico{
  grid-area:ico;
  width:3.15rem;
  height:3.15rem;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,230,203,.20);
  border-radius:14px;
  background:rgba(0,230,203,.06);
  font-size:1.7rem;
}
.popular-card__tag{
  grid-area:tag;
  color:var(--accent);
  font-family:'Chakra Petch',system-ui,sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  font-weight:700;
  align-self:end;
}
.popular-card h3{
  grid-area:title;
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:1.12rem;
  line-height:1.16;
}
.popular-card p{
  grid-area:text;
  color:var(--dim);
  font-size:.9rem;
  margin-top:.65rem;
}
.popular-card b{
  grid-area:more;
  color:var(--ink);
  font-size:.9rem;
  margin-top:.45rem;
}
.services-lead{
  max-width:54rem;
  margin:-.65rem 0 1.5rem;
}
.services-catalog{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.service-cat-card{
  display:flex;
  flex-direction:column;
  gap:.85rem;
  padding:1.2rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:radial-gradient(circle at 0 0, rgba(0,230,203,.10), transparent 32%), rgba(17,21,33,.54);
}
.service-cat-card__head{
  display:flex;
  align-items:center;
  gap:.8rem;
}
.service-cat-card__ico{
  width:3.35rem;
  height:3.35rem;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:16px;
  border:1px solid rgba(0,230,203,.24);
  background:rgba(0,230,203,.075);
  font-size:1.75rem;
}
.service-cat-card__head strong{
  display:block;
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:1.35rem;
  line-height:1.1;
}
.service-cat-card__label{
  display:block;
  color:var(--accent);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:.2rem;
}
.service-cat-card p{
  color:var(--dim);
  font-size:.94rem;
}
.service-cat-card__links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:auto;
}
.service-cat-card__links a{
  padding:.5rem .78rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:var(--dim);
  background:rgba(255,255,255,.025);
  font-weight:700;
  font-size:.84rem;
  transition:.15s;
}
.service-cat-card__links a:hover{
  color:var(--accent);
  border-color:rgba(0,230,203,.42);
  transform:translateY(-2px);
}
.services-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.82fr);
  gap:clamp(1.4rem,4vw,3rem);
  align-items:start;
}
.services-split .btn{margin-top:1.1rem;}
.services-checklist{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:1.25rem;
}
.services-checklist h3{
  font-family:'Chakra Petch',system-ui,sans-serif;
  margin-bottom:.85rem;
  color:var(--accent);
}
.services-checklist .ticks{margin-bottom:0;}
.steps-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.step-card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:1.15rem;
}
.step-card b{
  display:block;
  font-family:'Chakra Petch',system-ui,sans-serif;
  color:var(--accent);
  font-size:1.35rem;
  margin-bottom:.6rem;
}
.step-card h3{
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:1.12rem;
  margin-bottom:.35rem;
}
.step-card p{color:var(--dim);font-size:.92rem;}
.price-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);
  gap:clamp(1.2rem,4vw,2.4rem);
  align-items:center;
  padding-block:clamp(1rem,2vw,1.4rem);
}
.price-factors{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  padding:1.15rem;
  border:1px solid rgba(255,148,71,.26);
  border-radius:var(--radius);
  background:radial-gradient(circle at 100% 0, rgba(255,148,71,.15), transparent 36%), var(--surface);
}
.price-factors span{
  border:1px solid rgba(255,148,71,.28);
  border-radius:999px;
  background:rgba(255,148,71,.07);
  color:#ffd8bf;
  padding:.45rem .72rem;
  font-weight:800;
  font-size:.84rem;
}
@media (max-width:980px){
  .services-hero__grid,
  .services-split,
  .price-panel{grid-template-columns:1fr;}
  .services-popular__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .services-catalog{grid-template-columns:1fr;}
  .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .services-hero__panel{max-width:42rem;}
}
@media (max-width:620px){
  .services-popular__grid,
  .steps-grid{grid-template-columns:1fr;}
  .popular-card{padding:1rem;}
  .service-cat-card{padding:1rem;}
  .service-cat-card__head strong{font-size:1.18rem;}
  .service-cat-card__links a{font-size:.8rem;padding:.46rem .66rem;}
  .services-pills span{font-size:.78rem;}
}

/* ============================================================ СТРАНИЦА УСЛУГИ */
.hero--svc{padding-top:clamp(6.5rem,14vh,9rem);}
.crumbs{font-size:.85rem;color:var(--dim);margin-bottom:1.4rem;}
.crumbs a:hover{color:var(--accent);}
.svc{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;}
.svc__gallery{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
.svc__img{aspect-ratio:3/4;border-radius:var(--radius);border:1px solid var(--line);
  background:linear-gradient(135deg,var(--surface-2),#0e1117);display:grid;place-items:center;font-size:3.5rem;}
.svc__img::after{content:attr(data-ico);}
.price{display:inline-flex;align-items:baseline;gap:.6rem;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;padding:.8rem 1.4rem;margin-bottom:1.6rem;}
.price span{color:var(--dim);font-size:.9rem;}
.price b{font-family:'Chakra Petch';color:var(--accent);font-size:1.6rem;}
.svc__body p{color:var(--dim);margin-bottom:1rem;}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;}
.review{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.4rem;border-left:3px solid var(--accent);}
.review p{margin-bottom:.7rem;}
.review span{color:var(--dim);font-size:.9rem;font-weight:600;}
.stars{letter-spacing:2px;font-size:1.05rem;margin-bottom:.6rem;}
.stars .st-on,.st-on{color:#ffc24a;}
.stars .st-off,.st-off{color:#444c5e;}

/* сводка по отзывам: средняя оценка + количество */
.reviews-summary{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem;flex-wrap:wrap;}
.rs__avg{font-family:'Chakra Petch';font-size:2.2rem;font-weight:700;color:#ffc24a;line-height:1;}
.rs__stars{font-size:1.2rem;letter-spacing:2px;}
.rs__count{color:var(--dim);font-weight:600;}

/* выбор звёзд в форме — крупный и заметный */
.form__label{font-weight:600;text-align:center;color:var(--ink);margin-bottom:-.2rem;}
.req{color:var(--accent-2);margin-left:.15rem;}
.star-input{display:flex;gap:.35rem;justify-content:center;font-size:2.8rem;line-height:1;margin:.2rem 0 .2rem;}
.star-input button{background:none;border:none;cursor:pointer;color:#3a4254;transition:color .12s, transform .1s;padding:0 .15rem;}
.star-input button:hover{transform:scale(1.12);}
.star-input button.on{color:#ffc24a;text-shadow:0 0 14px rgba(255,194,74,.5);}
.form__err{color:var(--accent-2);text-align:center;font-size:.85rem;font-weight:600;}
@media (max-width:860px){.svc{grid-template-columns:1fr;}}

/* ============================================================ АДАПТИВ */
@media (max-width:860px){
  .nav,.phone{display:none;}
  .burger{display:flex;}
  .trust{grid-template-columns:1fr;}
  .trust__media{order:-1;}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto;}}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}


/* ============================================================ ДОБАВЛЕНО: общие служебные блоки, админка */
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.form__status{font-size:.9rem;color:var(--dim);text-align:center;min-height:1.2rem;}
.form__status.ok{color:var(--accent);}
.form__status.err{color:var(--accent-2);}
.review__meta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.4rem;color:var(--dim);font-size:.86rem;}
.review__date{color:var(--dim);}
.admin-shell{padding-top:5.5rem;min-height:70vh;}
.admin-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;margin-bottom:1.2rem;}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;}
.admin-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;transition:.16s;}
.admin-card:hover{border-color:var(--accent);transform:translateY(-2px);}
.admin-card b{font-family:'Chakra Petch';font-size:1.7rem;color:var(--accent);display:block;}
.admin-card span{color:var(--dim);}
.admin-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:block;overflow-x:auto;}
.admin-table table{width:100%;border-collapse:collapse;min-width:720px;}
.admin-table th,.admin-table td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.admin-table th{font-family:'Chakra Petch';color:var(--accent);font-size:.9rem;}
.admin-table td{color:var(--dim);font-size:.92rem;}
.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.2rem .65rem;font-size:.78rem;font-weight:700;}
.badge--pending{color:var(--accent-2);border-color:rgba(255,148,71,.45);}
.badge--approved{color:var(--accent);border-color:rgba(0,230,203,.45);}
.badge--muted{color:var(--dim);}
.login-box{max-width:28rem;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;}
/* ============================================================ RESPONSIVE PATCH v7: tablet/mobile menu */
body.drawer-lock{
  overflow:hidden;
}
body.drawer-lock .hdr{
  transform:none!important;
}
.drawer{
  max-height:calc(100dvh - 4.2rem);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}
.drawer.open{
  box-shadow:0 24px 80px rgba(0,0,0,.58);
}
.dws__toggle{
  min-width:3rem;
  min-height:2.7rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.dws__subs.open{
  padding-block:.25rem .45rem;
}
.dws__subs a{
  padding:.68rem 0 .68rem .2rem;
}
@media (min-width:1181px){
  .drawer{display:none;}
}
@media (max-width:1180px){
  .nav,.phone{display:none;}
  .burger{display:flex;}
  .hdr__actions{gap:.65rem;}
  .hdr__actions .btn--cta{padding:.66em 1.05em;font-size:.86rem;white-space:nowrap;}
  .drawer{
    top:4.2rem;
    left:0;
    right:0;
    padding:clamp(.85rem, 2.5vw, 1.35rem) var(--pad) 1.15rem;
    gap:.22rem;
    border-bottom:1px solid rgba(0,230,203,.22);
    background:linear-gradient(180deg, rgba(26,31,45,.98), rgba(13,17,28,.98));
  }
  .drawer a,.dws__link{
    min-height:2.85rem;
    display:flex;
    align-items:center;
  }
}
@media (max-width:520px){
  .drawer{padding-inline:1rem;}
  .logo{font-size:1.02rem;}
  .logo__mark{font-size:1.12rem;}
  .hdr__actions{gap:.42rem;}
  .hdr__actions .btn--cta{
    display:inline-flex;
    padding:.52em .72em;
    font-size:.74rem;
    line-height:1.05;
    min-height:2.35rem;
    max-width:8.4rem;
    text-align:center;
    white-space:normal;
  }
  .burger{padding:.34rem;}
  .burger span{width:24px;}
}
@media (max-width:370px){
  .logo{font-size:.92rem;letter-spacing:.02em;}
  .logo__mark{font-size:1rem;}
  .hdr__actions .btn--cta{
    padding:.48em .58em;
    font-size:.68rem;
    max-width:7.2rem;
    min-height:2.25rem;
  }
  .hdr__actions{gap:.32rem;}
}
@media (max-height:650px){
  .drawer a,.dws__link{min-height:2.35rem;padding-block:.45rem;}
  .dws__subs a{padding-block:.45rem;font-size:.85rem;}
}

/* ============================================================
   RESPONSIVE PATCH v9: меню-панель для телефона/планшета
   Телефон: около 75% ширины. Планшет: около 50% ширины и не на всю высоту.
   ============================================================ */
@media (max-width:1180px){
  .drawer{
    left:auto;
    right:var(--pad);
    width:min(50vw, 32rem);
    max-width:calc(100vw - (var(--pad) * 2));
    max-height:min(calc(100dvh - 5.6rem), 33rem);
    border-left:1px solid rgba(0,230,203,.22);
    border-right:1px solid rgba(0,230,203,.10);
    border-bottom-left-radius:22px;
    border-bottom-right-radius:22px;
    transform:translateX(calc(100% + var(--pad) + 1rem));
    box-shadow:0 28px 90px rgba(0,0,0,.62), 0 0 35px rgba(0,230,203,.08);
  }
  .drawer.open{
    transform:translateX(0);
  }
}

@media (min-width:741px) and (max-width:1180px){
  .drawer{
    top:4.55rem;
    padding:1rem 1.15rem 1.05rem;
    width:min(52vw, 34rem);
    min-width:24rem;
    max-height:min(76dvh, 34rem);
  }
  .drawer a,.dws__link{
    min-height:2.65rem;
    padding-block:.55rem;
  }
  .dws__subs a{
    padding-block:.52rem;
  }
}

@media (max-width:740px){
  .drawer{
    right:5vw;
    width:75vw;
    max-width:75vw;
    max-height:calc(100dvh - 5rem);
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    transform:translateX(110%);
  }
  .drawer.open{
    transform:translateX(0);
  }
}

@media (max-width:420px){
  .drawer{
    right:4vw;
    width:75vw;
    max-width:75vw;
    padding-inline:.95rem;
  }
}

@media (max-height:560px) and (max-width:1180px){
  .drawer{
    top:4.25rem;
    max-height:calc(100dvh - 4.65rem);
  }
}

/* ============================================================
   RESPONSIVE PATCH v10: жёсткий фикс планшетного меню + скролл шторки
   - до 1360px включительно включается бургер, чтобы Nexus/планшеты не получали тесное ПК-меню;
   - шторка имеет разную ширину: планшет ~50%, телефон ~75%;
   - сама шторка скроллится внутри, сайт под ней не двигается.
   ============================================================ */
@media (min-width:1361px){
  body .drawer{display:none!important;}
  body .burger{display:none!important;}
  body .nav{display:flex!important;}
  body .phone{display:inline-flex!important;}
}

@media (max-width:1360px){
  body .nav,
  body .phone{display:none!important;}
  body .burger{display:flex!important;}
  body.drawer-lock{overflow:hidden!important;}
  body.drawer-lock .hdr{transform:none!important;}

  body .drawer{
    display:flex!important;
    position:fixed!important;
    top:4.35rem!important;
    left:auto!important;
    right:clamp(.8rem, 3vw, 1.6rem)!important;
    bottom:auto!important;
    width:min(52vw, 34rem)!important;
    min-width:min(24rem, calc(100vw - 1.6rem))!important;
    max-width:calc(100vw - clamp(1.6rem, 6vw, 3.2rem))!important;
    height:auto!important;
    max-height:min(76dvh, 34rem)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    padding:1rem 1.15rem 1.1rem!important;
    gap:.18rem!important;
    border:1px solid rgba(0,230,203,.20)!important;
    border-radius:0 0 22px 22px!important;
    background:linear-gradient(180deg, rgba(26,31,45,.985), rgba(10,14,23,.985))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.64), 0 0 36px rgba(0,230,203,.09)!important;
    transform:translate3d(calc(100% + 2rem),0,0)!important;
    transition:transform .28s ease!important;
    pointer-events:auto!important;
  }

  body .drawer.open{
    transform:translate3d(0,0,0)!important;
  }

  body .drawer a,
  body .drawer .dws__link{
    min-height:2.55rem!important;
    padding-top:.52rem!important;
    padding-bottom:.52rem!important;
    display:flex!important;
    align-items:center!important;
  }

  body .drawer .dws__row{
    min-height:2.55rem!important;
  }

  body .drawer .dws__toggle{
    flex:0 0 3rem!important;
    min-width:3rem!important;
    min-height:2.55rem!important;
  }

  body .drawer .dws__subs{
    padding-left:.85rem!important;
    max-height:none!important;
  }

  body .drawer .dws__subs a{
    min-height:2.35rem!important;
    padding-top:.46rem!important;
    padding-bottom:.46rem!important;
    font-size:.86rem!important;
  }
}

@media (min-width:741px) and (max-width:1360px){
  body .hdr__row{gap:.7rem!important;}
  body .hdr__actions{gap:.65rem!important;}
  body .hdr__actions .btn--cta{
    display:inline-flex!important;
    padding:.62em 1em!important;
    font-size:.84rem!important;
    white-space:nowrap!important;
  }
}

@media (min-width:741px) and (max-width:980px){
  body .drawer{
    width:58vw!important;
    min-width:min(22rem, calc(100vw - 1.6rem))!important;
    max-height:min(72dvh, 31rem)!important;
  }
}

@media (max-width:740px){
  body .drawer{
    top:4.2rem!important;
    right:5vw!important;
    width:75vw!important;
    min-width:0!important;
    max-width:75vw!important;
    height:min(70dvh, 30rem)!important;
    max-height:min(70dvh, 30rem)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:.95rem 1rem 1rem!important;
    border-radius:0 0 20px 20px!important;
    transform:translate3d(110%,0,0)!important;
  }
  body .drawer.open{
    transform:translate3d(0,0,0)!important;
  }
}

@media (max-width:420px){
  body .drawer{
    right:4vw!important;
    width:75vw!important;
    max-width:75vw!important;
  }
}

@media (max-height:620px) and (max-width:1360px){
  body .drawer{
    top:4.15rem!important;
    max-height:calc(100dvh - 4.6rem)!important;
    padding-top:.75rem!important;
    padding-bottom:.75rem!important;
  }
  @media (max-width:740px){
    body .drawer{
      height:calc(100dvh - 4.6rem)!important;
      max-height:calc(100dvh - 4.6rem)!important;
    }
  }
  body .drawer a,
  body .drawer .dws__link{
    min-height:2.25rem!important;
    padding-top:.38rem!important;
    padding-bottom:.38rem!important;
  }
  body .drawer .dws__subs a{
    min-height:2.1rem!important;
    padding-top:.34rem!important;
    padding-bottom:.34rem!important;
  }
}

@media (min-width:1361px) and (max-width:1540px){
  body .nav{gap:1rem!important;font-size:.86rem!important;}
  body .nav__ddbtn{font-size:.86rem!important;}
  body .hdr__actions{gap:.65rem!important;}
  body .phone{font-size:.9rem!important;}
  body .hdr__actions .btn--cta{font-size:.82rem!important;padding:.62em 1em!important;}
}


/* ============================================================
   SEO-СТРАНИЦЫ УСЛУГ v29 — общий шаблон для такелажа
   ============================================================ */
.svc-page .hero__h1{max-width:21ch;}
.svc-seo-hero{padding-bottom:clamp(3rem,7vh,5.5rem);}
.svc-seo-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(18rem,.72fr);
  gap:clamp(1.4rem,4vw,3rem);
  align-items:stretch;
}
.svc-seo-hero__main{position:relative;z-index:1;}
.crumbs{color:var(--dim);font-size:.88rem;margin-bottom:.8rem;}
.crumbs a{color:var(--accent);}
.crumbs a:hover{color:var(--ink);}
.svc-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.25rem;
}
.svc-badges span{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.38rem .72rem;
  border:1px solid rgba(0,230,203,.28);
  border-radius:999px;
  background:rgba(0,230,203,.075);
  color:var(--ink);
  font-size:.82rem;
  font-weight:700;
}
.svc-hero-card{
  position:relative;
  z-index:1;
  align-self:stretch;
  background:linear-gradient(180deg,rgba(26,31,45,.92),rgba(13,17,27,.96));
  border:1px solid rgba(0,230,203,.20);
  border-radius:var(--radius);
  padding:clamp(1.1rem,3vw,1.65rem);
  box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 0 42px rgba(0,230,203,.035);
  overflow:hidden;
}
.svc-hero-card::before{
  content:"";
  position:absolute;
  inset:-35% -20% auto auto;
  width:14rem;
  height:14rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,230,203,.22),transparent 68%);
  pointer-events:none;
}
.svc-hero-card__icons{
  display:flex;
  gap:.7rem;
  margin-bottom:1rem;
}
.svc-hero-card__icons span{
  width:3.25rem;
  height:3.25rem;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  font-size:1.75rem;
  box-shadow:inset 0 0 24px rgba(0,230,203,.06);
}
.svc-hero-card h2,
.svc-info-card h3,
.svc-steps h3{
  font-family:'Chakra Petch',system-ui,sans-serif;
}
.svc-hero-card h2{font-size:1.35rem;margin-bottom:.65rem;}
.svc-hero-card p{color:var(--dim);margin-bottom:1rem;}
.svc-hero-card ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.55rem;
  margin:1rem 0 1.2rem;
}
.svc-hero-card li{
  position:relative;
  padding-left:1.45rem;
  color:var(--dim);
  font-size:.94rem;
}
.svc-hero-card li::before{
  content:"✦";
  position:absolute;
  left:0;
  color:var(--accent);
}
.svc-lead{color:var(--dim);max-width:58rem;margin:-.6rem 0 1.5rem;}
.svc-info-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:1rem;
}
.svc-info-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.2rem;
  position:relative;
  overflow:hidden;
}
.svc-info-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--accent),transparent);
  opacity:.85;
}
.svc-info-card h3{font-size:1.1rem;margin-bottom:.45rem;}
.svc-info-card p{color:var(--dim);font-size:.94rem;}
.svc-two-col{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.74fr);
  gap:clamp(1.4rem,4vw,2.5rem);
  align-items:start;
}
.svc-ticks{margin-bottom:0;}
.svc-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.svc-steps article{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:1.15rem;
  min-height:12rem;
}
.svc-steps b{
  display:inline-flex;
  color:var(--accent);
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:1.7rem;
  margin-bottom:.65rem;
  text-shadow:0 0 18px rgba(0,230,203,.25);
}
.svc-steps h3{font-size:1.05rem;margin-bottom:.4rem;}
.svc-steps p{color:var(--dim);font-size:.93rem;}
.svc-service-cards .card p{
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

@media (max-width:980px){
  .svc-seo-hero__grid,
  .svc-two-col{grid-template-columns:1fr;}
  .svc-hero-card{max-width:42rem;}
  .svc-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .svc-badges span{font-size:.76rem;min-height:1.8rem;padding:.3rem .55rem;}
  .svc-hero-card__icons span{width:2.75rem;height:2.75rem;font-size:1.45rem;}
  .svc-steps{grid-template-columns:1fr;}
  .svc-steps article{min-height:auto;}
  .svc-info-card,.svc-hero-card{padding:1rem;}
}

/* ============================================================
   SEO-СТРАНИЦЫ УСЛУГ — карточка расчёта без дубля цены
   ============================================================ */
.svc-hero-card--service{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.svc-note-box{
  background:linear-gradient(180deg,rgba(37,44,62,.96),rgba(17,21,33,.96));
  border:1px solid rgba(0,230,203,.24);
  border-radius:var(--radius);
  padding:clamp(1.1rem,3vw,1.6rem);
  box-shadow:inset 0 0 40px rgba(0,230,203,.045);
}
.svc-note-box__tag{
  display:inline-flex;
  color:#041712;
  background:var(--accent);
  border-radius:999px;
  padding:.28rem .7rem;
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-weight:800;
  font-size:.78rem;
  margin-bottom:.75rem;
}
.svc-note-box h3{
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:1.25rem;
  margin-bottom:.55rem;
}
.svc-note-box p{color:var(--dim);}

.svc-note-box--calc{
  border-color:rgba(255,148,71,.22);
  box-shadow:inset 0 0 40px rgba(255,148,71,.035);
}
.svc-note-box--calc .svc-note-box__tag{
  background:var(--accent-2);
  color:#1a0e04;
}
.svc-note-box ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.55rem;
  margin:1rem 0 1.2rem;
}
.svc-note-box li{
  position:relative;
  padding-left:1.45rem;
  color:var(--dim);
  font-size:.94rem;
}
.svc-note-box li::before{
  content:"✦";
  position:absolute;
  left:0;
  color:var(--accent);
}
@media (max-width:560px){
  .svc-note-box{padding:1rem;}
}

/* ============================================================
   SEO-СТРАНИЦЫ УСЛУГ — цена в первом экране + фото услуги
   ============================================================ */
.svc-hero-side{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(11rem,1fr) auto;
  gap:1rem;
  align-self:stretch;
  width:100%;
  min-width:0;
}
.svc-top-price{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,148,71,.34);
  border-radius:var(--radius);
  padding:clamp(1rem,2.4vw,1.35rem);
  background:
    radial-gradient(circle at 88% 18%,rgba(255,148,71,.18),transparent 42%),
    linear-gradient(180deg,rgba(37,44,62,.96),rgba(17,21,33,.98));
  box-shadow:0 18px 54px rgba(0,0,0,.30), inset 0 0 42px rgba(255,148,71,.05);
}
.svc-top-price::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,148,71,.16),transparent);
  transform:translateX(-120%);
  animation:svcPriceScan 5.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes svcPriceScan{
  0%,62%{transform:translateX(-120%);opacity:0;}
  72%{opacity:.8;}
  100%{transform:translateX(120%);opacity:0;}
}
.svc-top-price__tag{
  display:inline-flex;
  color:#1a0e04;
  background:var(--accent-2);
  border-radius:999px;
  padding:.26rem .72rem;
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:.72rem;
}
.svc-top-price strong{
  display:block;
  color:var(--accent-2);
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:clamp(1.9rem,4vw,2.75rem);
  font-weight:900;
  line-height:.98;
  text-shadow:0 0 24px rgba(255,148,71,.24);
}
.svc-top-price small{
  display:block;
  margin-top:.62rem;
  color:var(--dim);
  font-size:.9rem;
  line-height:1.45;
}
.svc-service-photo{
  position:relative;
  overflow:hidden;
  width:100%;
  min-height:clamp(12rem,24vw,18rem);
  aspect-ratio:16 / 10;
  border:1px solid rgba(0,230,203,.22);
  border-radius:var(--radius);
  background:
    linear-gradient(135deg,rgba(0,230,203,.14),transparent 34%),
    radial-gradient(circle at 70% 26%,rgba(255,148,71,.16),transparent 44%),
    linear-gradient(180deg,rgba(26,31,45,.94),rgba(10,13,22,.98));
  box-shadow:0 20px 62px rgba(0,0,0,.32), inset 0 0 54px rgba(0,230,203,.035);
}
.svc-service-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:cover;
  object-position:center;
}
.svc-service-photo__mock{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.svc-service-photo__mock::before{
  content:"";
  position:absolute;
  inset:.9rem;
  border:1px solid rgba(255,255,255,.10);
  border-radius:calc(var(--radius) - .35rem);
  background:
    linear-gradient(rgba(0,230,203,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,230,203,.06) 1px,transparent 1px);
  background-size:1.3rem 1.3rem;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.35));
  z-index:-1;
}
.svc-service-photo__mock::after{
  content:attr(data-ico);
  width:clamp(5rem,12vw,7.25rem);
  height:clamp(5rem,12vw,7.25rem);
  display:grid;
  place-items:center;
  border:1px solid rgba(0,230,203,.35);
  border-radius:28px;
  background:rgba(255,255,255,.06);
  font-size:clamp(2.7rem,7vw,4.25rem);
  box-shadow:0 0 42px rgba(0,230,203,.16), inset 0 0 30px rgba(0,230,203,.08);
}
@media (min-width:981px) and (max-width:1360px){
  .svc-seo-hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(22rem,.88fr);
    gap:clamp(1rem,2.2vw,1.8rem);
  }
  .svc-service-photo{min-height:clamp(13rem,23vw,19rem);}
}
@media (max-width:980px){
  .svc-hero-side{
    grid-template-rows:auto auto auto;
    max-width:none;
    width:100%;
  }
  .svc-hero-card{max-width:none;}
  .svc-service-photo{
    min-height:clamp(14rem,45vw,24rem);
    aspect-ratio:16 / 9;
  }
}
@media (max-width:560px){
  .svc-hero-side{gap:.8rem;}
  .svc-top-price{padding:1rem;}
  .svc-service-photo{
    min-height:12rem;
    aspect-ratio:4 / 3;
  }
  .svc-top-price strong{font-size:2rem;}
}

/* ============================================================
   SEO-категории услуг — единый вид разделов
   ============================================================ */
.svc-category-page .svc-seo-hero__grid{
  align-items:center;
}
.svc-category-hero .hero__h1{
  max-width:23ch;
}
.svc-category-hero-card{
  min-height:100%;
}
.svc-category-showcase{
  position:relative;
  overflow:hidden;
}
.svc-category-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(52rem 24rem at 8% 0%,rgba(0,230,203,.08),transparent 62%),
    radial-gradient(42rem 20rem at 92% 28%,rgba(255,148,71,.08),transparent 64%);
}
.svc-category-showcase__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:clamp(1.2rem,4vw,2.5rem);
  align-items:start;
}
.svc-category-showcase__intro{
  position:sticky;
  top:6.5rem;
}
.svc-category-cases{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.svc-category-case{
  position:relative;
  overflow:hidden;
  min-height:14rem;
  padding:1.25rem;
  border:1px solid rgba(0,230,203,.18);
  border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(26,31,45,.94),rgba(12,16,26,.98));
  box-shadow:inset 0 0 42px rgba(0,230,203,.035);
}
.svc-category-case::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent);
}
.svc-category-case::after{
  content:"";
  position:absolute;
  right:-3.5rem;
  bottom:-3.5rem;
  width:8rem;
  height:8rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,230,203,.12),transparent 68%);
}
.svc-category-case h3{
  position:relative;
  font-family:'Chakra Petch',system-ui,sans-serif;
  font-size:1.12rem;
  margin-bottom:.55rem;
}
.svc-category-case p{
  position:relative;
  color:var(--dim);
  font-size:.94rem;
}
.svc-category-select{
  border-color:rgba(255,148,71,.22);
}
.svc-category-select .svc-note-box__tag{
  background:var(--accent-2);
  color:#1a0e04;
}
.svc-category-page .svc-service-cards .card{
  min-height:100%;
}
.svc-category-page .svc-service-cards .card__img{
  background:
    radial-gradient(circle at 70% 18%,rgba(255,148,71,.13),transparent 40%),
    linear-gradient(135deg,var(--surface-2),#0e1117);
}
.svc-category-page .svc-service-cards .card__price{
  margin-top:1.05rem;
}
@media (max-width:1180px){
  .svc-category-cases{
    grid-template-columns:1fr;
  }
  .svc-category-case{
    min-height:auto;
  }
}
@media (max-width:980px){
  .svc-category-showcase__grid{
    grid-template-columns:1fr;
  }
  .svc-category-showcase__intro{
    position:relative;
    top:auto;
  }
}
@media (max-width:560px){
  .svc-category-case{
    padding:1rem;
  }
}


/* About page image blocks */
.trust__media--photo{display:block;overflow:hidden;padding:0;font-size:0;background:#0e1117;}
.trust__media--photo::after{content:none!important;}
.trust__media--photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.03);}


/* Contacts page images */
.contact-page .cards .card__img{
  min-height:clamp(9.5rem, 16vw, 13rem);
}
.contact-page .contact-map-media{
  aspect-ratio:16/9;
  min-height:clamp(14rem, 26vw, 22rem);
}
@media (max-width:760px){
  .contact-page .contact-map-media{
    min-height:0;
  }
}

/* ============================================================
   BeeGruz.by — BUSINESS THEME + БОКОВАЯ НАВИГАЦИЯ
   ============================================================ */
:root{
  --bg:#252c31;
  --surface:#2e373d;
  --surface-2:#38434a;
  --surface-3:#20262b;
  --line:rgba(238,241,236,.13);
  --line-strong:rgba(239,184,74,.36);
  --ink:#f4f3ed;
  --dim:#bdc4c5;
  --accent:#efb84a;
  --accent-2:#d99a28;
  --accent-soft:rgba(239,184,74,.12);
  --success:#9eb99f;
  --danger:#e69b86;
  --radius:14px;
  --sidebar:19.25rem;
  --header-h:4.7rem;
  --wrap:76rem;
  --pad:clamp(1rem,3.2vw,2.7rem);
}
html{font-size:16px;background:var(--bg);}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.65;
}
body.drawer-lock{overflow:hidden!important;}
.site-content{min-height:100vh;margin-left:var(--sidebar);transition:margin .2s ease;}
.wrap{max-width:var(--wrap);}
.h2,.hero__h1,.card h3,.faq__item summary,.footer h4,.modal__box h3,.seo-text h2,
.svc-note-box h3,.svc-steps b,.svc-steps h3,.admin-card b,.admin-table th{
  font-family:'Montserrat','Manrope',sans-serif;
}
.eyebrow{
  font-family:'Manrope',sans-serif;
  color:var(--accent);
  font-weight:800;
  letter-spacing:.17em;
}
.h2{letter-spacing:-.025em;}
.hl{color:var(--accent);}
:focus-visible{outline:3px solid rgba(239,184,74,.65);outline-offset:3px;}

/* Кнопки */
.btn{
  border-radius:10px;
  font-family:'Manrope',sans-serif;
  font-weight:800;
  letter-spacing:.005em;
  box-shadow:none;
}
.btn--cta{
  color:#251b08;
  background:linear-gradient(180deg,#f5c35d,#e3a733);
  border:1px solid rgba(255,225,160,.28);
  box-shadow:0 9px 24px rgba(13,16,18,.2);
}
.btn--cta:hover{box-shadow:0 12px 30px rgba(13,16,18,.28);transform:translateY(-1px);}
.btn--ghost{background:rgba(255,255,255,.025);border:1px solid var(--line);}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);}
.btn--sm{background:var(--accent);color:#251b08;border-radius:8px;}

/* Логотип */
.logo{gap:.68rem;font-family:'Montserrat','Manrope',sans-serif;font-size:1.18rem;letter-spacing:-.025em;}
.logo__mark{
  position:relative;
  width:2.35rem;
  height:2.35rem;
  flex:0 0 2.35rem;
  display:grid;
  place-items:center;
  color:#201807;
  background:linear-gradient(145deg,#f7cc72,#d89a28);
  clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);
  text-shadow:none;
  font-size:1rem;
  box-shadow:none;
}
.logo__mark::before,.logo__mark::after{
  content:"";
  position:absolute;
  width:.38rem;
  height:.72rem;
  top:-.2rem;
  border:2px solid var(--accent);
  border-bottom:0;
  border-radius:50% 50% 0 0;
}
.logo__mark::before{left:.43rem;transform:rotate(-20deg);}
.logo__mark::after{right:.43rem;transform:rotate(20deg);}
.logo__mark span{font-weight:900;}
.logo__txt{color:var(--ink);font-style:normal;white-space:nowrap;}
.logo__txt strong{color:var(--accent);}
.logo__txt em{color:var(--dim);font-style:normal;font-size:.72em;margin-left:.06em;}

/* Боковое меню на компьютере */
.side-nav{
  position:fixed;
  inset:0 auto 0 0;
  z-index:80;
  width:var(--sidebar);
  height:100dvh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:linear-gradient(180deg,#1f262b 0%,#20272c 64%,#1b2125 100%);
  border-right:1px solid var(--line);
  box-shadow:12px 0 38px rgba(10,13,15,.18);
}
.side-nav__top{padding:1.35rem 1.3rem 1.05rem;border-bottom:1px solid var(--line);}
.side-nav__top p{margin:.9rem 0 0 3.05rem;color:var(--dim);font-size:.77rem;line-height:1.45;letter-spacing:.035em;}
.side-nav__nav{flex:1;min-height:0;overflow-y:auto;padding:.85rem .78rem 1.1rem;scrollbar-width:thin;scrollbar-color:rgba(239,184,74,.28) transparent;}
.side-nav__label,.drawer__label{
  margin:.95rem .65rem .42rem;
  color:#858f92;
  font-size:.67rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.side-nav__label--pages{margin-top:1.25rem;}
.side-nav__main-link{
  display:flex;
  align-items:center;
  gap:.72rem;
  min-height:2.55rem;
  padding:.58rem .7rem;
  border-radius:9px;
  color:#d1d6d5;
  font-size:.88rem;
  font-weight:700;
  transition:.16s ease;
}
.side-nav__main-link>span{width:1.25rem;color:var(--accent);text-align:center;font-weight:900;}
.side-nav__main-link:hover,.side-nav__main-link.active{color:var(--ink);background:rgba(255,255,255,.055);}
.side-nav__main-link.active{box-shadow:inset 3px 0 0 var(--accent);}
.side-nav__contact{padding:1rem 1.2rem 1.2rem;border-top:1px solid var(--line);background:rgba(0,0,0,.12);}
.side-nav__contact span{display:block;color:#8f999b;font-size:.7rem;margin-bottom:.28rem;}
.side-nav__contact>a{display:block;color:var(--ink);font-family:'Montserrat',sans-serif;font-weight:700;font-size:.94rem;margin-bottom:.72rem;}
.side-nav__contact .btn{width:100%;font-size:.82rem;}

.menu-acc{display:flex;flex-direction:column;gap:.18rem;}
.menu-acc__item{border-radius:10px;overflow:hidden;}
.menu-acc__item.is-active{background:rgba(255,255,255,.026);}
.menu-acc__row{display:flex;align-items:center;gap:.2rem;}
.menu-acc__link{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:.72rem;
  min-height:2.6rem;
  padding:.58rem .56rem;
  border-radius:9px;
  color:#c3c9c9;
  font-size:.84rem;
  font-weight:700;
  line-height:1.25;
}
.menu-acc__link:hover,.menu-acc__link.active{color:var(--ink);background:rgba(255,255,255,.055);}
.menu-acc__icon{width:1.35rem;flex:0 0 1.35rem;text-align:center;font-size:.93rem;filter:grayscale(.2);}
.menu-acc__toggle{
  flex:0 0 2rem;
  width:2rem;
  height:2.35rem;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  color:#aab2b3;
  background:transparent;
  cursor:pointer;
}
.menu-acc__toggle:hover{color:var(--accent);background:rgba(255,255,255,.05);}
.menu-acc__toggle span{display:block;transition:transform .2s ease;font-size:1rem;}
.menu-acc__toggle.open span{transform:rotate(180deg);}
.menu-acc__subs{display:none;margin:.12rem .45rem .45rem 2.45rem;padding:.15rem 0 .2rem .72rem;border-left:1px solid rgba(239,184,74,.28);}
.menu-acc__subs.open{display:flex;flex-direction:column;}
.menu-acc__subs a{padding:.38rem .38rem;color:#9fa8aa;font-size:.76rem;line-height:1.35;border:0;border-radius:6px;font-weight:600;}
.menu-acc__subs a:hover,.menu-acc__subs a.active{color:var(--accent);background:rgba(239,184,74,.07);}

/* Верхняя служебная шапка */
.hdr{
  left:var(--sidebar)!important;
  right:0;
  height:var(--header-h);
  transform:none!important;
  background:rgba(37,44,49,.91);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  transition:background .2s,border-color .2s;
  z-index:70;
}
.hdr.scrolled{background:rgba(31,38,43,.97);border-bottom-color:rgba(239,184,74,.18);}
.hdr__row{height:var(--header-h);max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad);}
.logo--mobile{display:none;}
.hdr__context{display:flex;flex-direction:column;line-height:1.2;}
.hdr__context span{color:#8f989a;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;}
.hdr__context strong{margin-top:.24rem;color:#e7e7e2;font-size:.86rem;font-weight:700;}
.hdr__actions{margin-left:auto;}
.phone{font-family:'Montserrat','Manrope',sans-serif;font-size:.94rem;}
.phone:hover{color:var(--accent);}
.hdr__call{font-size:.82rem;}
.burger{display:none!important;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);}
.burger span{width:1.35rem;height:2px;background:var(--ink);}

/* Мобильная панель */
.drawer,.drawer-overlay{display:none;}
.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--line);}
.drawer__close{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--ink);font-size:1.55rem;line-height:1;cursor:pointer;}
.drawer__nav{flex:1;min-height:0;overflow-y:auto;padding:.75rem 0;overscroll-behavior:contain;}
.drawer__main-link{display:flex;min-height:2.65rem;align-items:center;padding:.58rem .6rem!important;border:0!important;border-radius:8px;color:#d6d9d7!important;font-weight:750!important;}
.drawer__main-link:hover,.drawer__main-link.active{background:rgba(255,255,255,.055);color:var(--accent)!important;}
.drawer__foot{display:grid;gap:.65rem;padding-top:.8rem;border-top:1px solid var(--line);}
.drawer__phone{padding:0!important;border:0!important;font-family:'Montserrat',sans-serif;color:var(--ink)!important;font-size:.94rem;}
.drawer__foot .btn{width:100%;}
.drawer .menu-acc__link{font-size:.84rem;}
.drawer .menu-acc__subs a{font-size:.76rem!important;min-height:auto!important;padding:.42rem .35rem!important;}

/* Основной визуальный стиль */
.hero{
  padding-top:clamp(7.3rem,13vh,9.5rem);
  background:
    linear-gradient(100deg,rgba(27,33,37,.20),rgba(27,33,37,.56)),
    radial-gradient(58rem 30rem at 84% 2%,rgba(239,184,74,.14),transparent 62%),
    linear-gradient(180deg,#293238 0%,var(--bg) 100%);
  border-bottom:1px solid var(--line);
}
.hero__scan{background:linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.018) 62% 63%,transparent 63%);}
.hero__h1{font-size:clamp(2rem,5.1vw,4rem);letter-spacing:-.045em;max-width:19ch;}
.hero__sub{color:#c7cccc;max-width:52ch;}
.stats{border-top-color:var(--line);max-width:47rem;}
.stat{padding-right:.7rem;border-right:1px solid var(--line);}
.stat:last-child{border-right:0;}
.stat b{font-family:'Montserrat',sans-serif;color:var(--accent);text-shadow:none;}
.section--alt{background:#2a3237;}
.cards{gap:1rem;}
.card{
  background:linear-gradient(180deg,#323c42,#2c353a);
  border-color:var(--line);
  box-shadow:0 14px 34px rgba(13,16,18,.10);
}
.card::before{width:4px;background:var(--accent);}
.card:hover{border-color:rgba(239,184,74,.38);box-shadow:0 18px 42px rgba(13,16,18,.18);}
.card__img{
  background:
    linear-gradient(145deg,rgba(239,184,74,.13),transparent 55%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px),
    #252d32;
  color:var(--accent);
  border:1px solid rgba(255,255,255,.06);
  font-size:3.15rem;
}
.card__img:not(.card__img--photo)::after{filter:grayscale(.15);}
.card h3{letter-spacing:-.02em;}
.card__price{
  border-radius:8px;
  border-color:rgba(239,184,74,.32);
  background:rgba(239,184,74,.09);
  color:#f2d39b;
  font-family:'Manrope',sans-serif;
  box-shadow:none;
}
.card__price::before{color:var(--accent);}
.card__more{color:var(--accent);margin-top:.85rem;}
.ticks li::before{content:"✓";font-weight:900;}
.trust__media{
  background:radial-gradient(circle at 70% 22%,rgba(239,184,74,.16),transparent 42%),linear-gradient(145deg,#38434a,#232a2f);
  border-color:var(--line);
}
.faq__item{background:#30393f;}
.faq__item summary::after{color:var(--accent);}
.seo-text{background:#252c31;}
.band{background:linear-gradient(110deg,#e5aa38,#f2c66d);color:#28200f;}
.band .h2{color:#28200f;}
.band .btn--cta{background:#252c31;color:#f5ca72;border-color:#252c31;}

/* Страницы услуг */
.svc-hero-card,.svc-info-card,.svc-note-box,.svc-category-case{
  background:linear-gradient(180deg,#333d43,#2b3439);
  border-color:var(--line);
  box-shadow:0 16px 40px rgba(12,15,17,.11);
}
.svc-top-price{
  border-color:rgba(239,184,74,.4);
  background:radial-gradient(circle at 88% 18%,rgba(239,184,74,.14),transparent 42%),linear-gradient(180deg,#343e44,#293237);
  box-shadow:0 18px 42px rgba(13,16,18,.15);
}
.svc-top-price::before{display:none;}
.svc-top-price__tag,.svc-note-box__tag{background:var(--accent);color:#261d0a;border-radius:7px;}
.svc-top-price strong{color:var(--accent);font-family:'Montserrat',sans-serif;text-shadow:none;}
.svc-service-photo{
  border-color:var(--line);
  background:radial-gradient(circle at 70% 26%,rgba(239,184,74,.16),transparent 44%),linear-gradient(145deg,#39444a,#232a2f);
  box-shadow:0 18px 42px rgba(13,16,18,.15);
}
.svc-service-photo__mock::before{background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 1px,transparent 1px 13px);mask-image:none;}
.svc-service-photo__mock::after{border-color:rgba(239,184,74,.35);background:rgba(255,255,255,.045);box-shadow:none;}
.svc-note-box li::before{content:"✓";color:var(--accent);font-weight:900;}
.svc-steps article{background:#30393f;border-color:var(--line);}
.svc-steps b{color:var(--accent);text-shadow:none;}
.svc-badges span{background:rgba(255,255,255,.035);border-color:var(--line);color:#d6d9d7;}
.crumbs a{color:var(--accent);}
.svc-category-showcase::before{background:radial-gradient(52rem 24rem at 8% 0%,rgba(239,184,74,.07),transparent 62%);}
.svc-category-case::before{background:linear-gradient(90deg,var(--accent),transparent);}
.svc-category-case::after{background:radial-gradient(circle,rgba(239,184,74,.10),transparent 68%);}

/* Отзывы и формы */
.review,.reviews-summary,.modal__box,.login-box,.admin-panel{background:#30393f;border-color:var(--line);}
.st-on,.stars{color:var(--accent);}
.modal{background:rgba(15,19,21,.78);}
.form input,.form textarea{background:#252c31;border-color:var(--line);}
.form input:focus,.form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(239,184,74,.09);}
.form__ok,.form__status.ok{color:var(--success);}
.form__status.err,.form__err{color:var(--danger);}
.star-input button.on{color:var(--accent);}
.cookie{background:#333d43;border-color:var(--line);}

/* Подвал и плавающие кнопки */
.footer{background:#1c2226;border-top-color:var(--line);}
.footer__grid{grid-template-columns:minmax(15rem,1.35fr) repeat(3,minmax(10rem,.8fr));}
.footer h4{color:#f1efe8;}
.footer__phone{color:var(--accent);font-family:'Montserrat',sans-serif;}
.footer .msg{border-radius:8px;border:1px solid var(--line);color:var(--dim);background:rgba(255,255,255,.025);}
.footer__copy{background:rgba(0,0,0,.12);}
.float{border-radius:12px;box-shadow:0 9px 26px rgba(10,12,14,.26);}
.float--call{background:linear-gradient(180deg,#f2c15c,#d99a28);color:#241b08;}
.float--tg{background:#456f84;}
.float--up{background:#354047;color:var(--accent);}

/* Админка и редактор цен */
.admin-shell{padding-top:calc(var(--header-h) + 2.5rem);padding-bottom:4rem;}
.admin-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;}
.admin-heading-row .h2{margin-bottom:.45rem;}
.admin-lead{color:var(--dim);max-width:52rem;}
.admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));}
.admin-card{
  background:linear-gradient(180deg,#333d43,#2b3439);
  border-color:var(--line);
  box-shadow:0 12px 30px rgba(12,15,17,.1);
}
.admin-card:hover{border-color:rgba(239,184,74,.42);}
.admin-card b{color:var(--accent);text-shadow:none;}
.admin-card small{display:block;margin-top:.55rem;color:#8e9899;font-size:.76rem;}
.admin-card--primary{border-color:rgba(239,184,74,.32);background:linear-gradient(180deg,rgba(239,184,74,.10),#2c353a);}
.admin-table{background:#30393f;border-color:var(--line);}
.admin-table th{color:var(--accent);}
.admin-table td{color:#c5cbca;}
.badge{border-radius:7px;}
.badge--pending{color:var(--danger);border-color:rgba(230,155,134,.4);}
.badge--approved{color:var(--success);border-color:rgba(158,185,159,.4);}
.admin-notice{padding:.9rem 1rem;margin-bottom:1.2rem;border:1px solid var(--line);border-radius:10px;background:#30393f;color:var(--dim);}
.admin-notice--success{border-color:rgba(158,185,159,.38);color:#c7ddc7;}
.admin-notice--error{border-color:rgba(230,155,134,.38);color:#efb7a8;}
.price-admin-form{display:flex;flex-direction:column;gap:1rem;}
.price-admin-toolbar,.price-admin-savebar{
  position:sticky;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(42,50,55,.94);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(10,13,15,.12);
}
.price-admin-toolbar{top:calc(var(--header-h) + .75rem);}
.price-admin-toolbar>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:var(--dim);font-size:.8rem;}
.price-admin-toolbar span{padding:.22rem .48rem;border-radius:6px;background:rgba(239,184,74,.08);color:#ebce96;}
.price-admin-group{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#2d363b;}
.price-admin-group__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:rgba(255,255,255,.025);border-bottom:1px solid var(--line);}
.price-admin-group__head h2{font-family:'Montserrat',sans-serif;font-size:1rem;}
.price-admin-group__head span{color:var(--dim);font-size:.76rem;}
.price-admin-list{display:flex;flex-direction:column;}
.price-admin-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);gap:1rem;align-items:center;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.075);}
.price-admin-row:last-child{border-bottom:0;}
.price-admin-row:hover{background:rgba(255,255,255,.018);}
.price-admin-row__service{min-width:0;}
.price-admin-row__service strong{display:block;font-size:.88rem;line-height:1.4;}
.price-admin-row small{display:block;margin-top:.22rem;color:#8c9698;font-size:.68rem;overflow-wrap:anywhere;}
.price-admin-row__field input{width:100%;padding:.72rem .8rem;border:1px solid var(--line);border-radius:8px;background:#242b30;color:var(--ink);font:700 .86rem 'Manrope',sans-serif;}
.price-admin-row__field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(239,184,74,.08);}
.price-admin-savebar{bottom:1rem;}
.price-admin-savebar span{color:var(--dim);font-size:.78rem;}

/* Мобильная версия: меню ровно 70% ширины и 70% высоты */
@media (max-width:1100px){
  :root{--header-h:4.5rem;}
  .side-nav{display:none;}
  .site-content{margin-left:0;}
  .hdr{left:0!important;}
  .hdr__row{padding-inline:clamp(.8rem,3vw,1.25rem);}
  .logo--mobile{display:flex;}
  .logo--mobile .logo__mark{width:2rem;height:2rem;flex-basis:2rem;}
  .logo--mobile .logo__mark::before,.logo--mobile .logo__mark::after{display:none;}
  .hdr__context{display:none;}
  body .burger{display:flex!important;}
  body .nav{display:none!important;}
  .hdr__actions{gap:.5rem;}
  .hdr__actions .phone{display:inline-flex!important;font-size:.82rem;}
  .hdr__actions .btn--cta{font-size:.75rem;padding:.66em .9em;white-space:nowrap;}
  body.has-sidebar .drawer{
    display:flex!important;
    position:fixed!important;
    z-index:92!important;
    top:calc(var(--header-h) + 1rem)!important;
    right:3vw!important;
    left:auto!important;
    bottom:auto!important;
    width:70vw!important;
    min-width:0!important;
    max-width:70vw!important;
    height:70vh!important;
    min-height:0!important;
    max-height:70vh!important;
    padding:.9rem!important;
    gap:0!important;
    overflow:hidden!important;
    flex-direction:column!important;
    border:1px solid rgba(239,184,74,.26)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#283137,#20272b)!important;
    box-shadow:0 28px 90px rgba(8,11,13,.52)!important;
    transform:translateX(calc(100% + 8vw))!important;
    opacity:0;
    visibility:hidden;
    transition:transform .22s ease,opacity .18s ease,visibility .18s ease!important;
  }
  body.has-sidebar .drawer.open{
    transform:translateX(0)!important;
    opacity:1;
    visibility:visible;
  }
  .drawer-overlay{
    display:block;
    position:fixed;
    inset:var(--header-h) 0 0;
    z-index:89;
    background:rgba(12,15,17,.57);
    backdrop-filter:blur(3px);
    opacity:0;
    transition:opacity .18s ease;
  }
  .drawer-overlay.open{opacity:1;}
  .drawer-overlay[hidden]{display:none!important;}
  .drawer .logo{font-size:1rem;}
  .drawer .logo__mark{width:1.9rem;height:1.9rem;flex-basis:1.9rem;}
  .drawer .logo__mark::before,.drawer .logo__mark::after{display:none;}
  .hero{padding-top:clamp(6.5rem,13vh,8rem);}
  .admin-shell{padding-top:calc(var(--header-h) + 1.8rem);}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:720px){
  .hdr__actions .phone{display:none!important;}
  .hero__h1{font-size:clamp(1.9rem,9.5vw,3.1rem);}
  .stat{border-right:0;}
  .price-admin-row{grid-template-columns:1fr;gap:.55rem;}
  .price-admin-toolbar,.price-admin-savebar{align-items:stretch;flex-direction:column;}
  .price-admin-toolbar .btn,.price-admin-savebar .btn{width:100%;}
  .price-admin-toolbar{position:relative;top:auto;}
  .price-admin-savebar{position:sticky;bottom:.5rem;}
  .admin-heading-row{flex-direction:column;}
  .footer__grid{grid-template-columns:1fr;}
}

@media (max-width:480px){
  .logo--mobile{font-size:.96rem;gap:.46rem;}
  .logo--mobile .logo__txt em{display:none;}
  .hdr__actions .btn--cta{font-size:.69rem;padding:.62em .7em;max-width:7.8rem;white-space:normal;line-height:1.12;}
  .burger{width:2.5rem;height:2.5rem;padding:.32rem!important;}
  body.has-sidebar .drawer{right:4vw!important;width:70vw!important;max-width:70vw!important;height:70vh!important;max-height:70vh!important;padding:.7rem!important;}
  .drawer__head .logo__txt em{display:none;}
  .drawer__label{margin-left:.35rem;}
  .drawer__main-link{font-size:.82rem;}
  .drawer .menu-acc__link{font-size:.78rem;padding-left:.35rem;}
  .drawer .menu-acc__icon{display:none;}
  .drawer .menu-acc__subs{margin-left:.8rem;}
  .floats{right:.7rem;bottom:.7rem;}
  .float{width:2.85rem;height:2.85rem;}
}


/* Desktop safeguard: legacy responsive rules must not show the mobile drawer. */
@media (min-width:1101px){
  body.has-sidebar .drawer{display:none!important;}
  body.has-sidebar .drawer-overlay{display:none!important;}
  body.has-sidebar .burger{display:none!important;}
  body.has-sidebar .hdr .phone{display:inline-flex!important;}
}