/* 2026-10-21: боковое меню по бургеру. Всё внутри #plm — на вёрстку Аспро не влияет. */
@font-face{font-family:"Manrope";font-weight:400;font-style:normal;font-display:swap;src:url(/local/header/fonts/manrope-400.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:600;font-style:normal;font-display:swap;src:url(/local/header/fonts/manrope-600.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-weight:700;font-style:normal;font-display:swap;src:url(/local/header/fonts/manrope-700.woff2) format("woff2")}

#plm{--g:#08713b;--gd:#055d35;--ink:#1c2923;--mut:#6b766f;--line:#e4e8e3;--side:#f5f7f3;--on:#edf3ee;--promo:#e8f0e9;
  position:fixed;inset:0;z-index:3100;font:15px/1.4 "Manrope","Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
#plm[hidden]{display:none}
#plm *,#plm *::before,#plm *::after{box-sizing:border-box}
#plm a{color:inherit;text-decoration:none}
#plm button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer}
#plm svg{width:24px;height:24px;flex:none;display:block}
#plm :focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:6px}
#plm ul{list-style:none;margin:0;padding:0}
#plm li{margin:0;padding:0}
#plm li::before{display:none}
html.plm-lock,html.plm-lock body{overflow:hidden}

.plm-shade{position:absolute;inset:0;background:rgba(20,28,24,.42);opacity:0;transition:opacity .22s ease}
.plm-panel{position:absolute;top:0;bottom:0;left:0;width:min(880px,calc(100vw - 72px));display:grid;grid-template-columns:330px 1fr;
  background:#fff;box-shadow:12px 0 40px rgba(20,28,24,.18);transform:translateX(-24px);opacity:0;transition:transform .24s cubic-bezier(.2,.7,.2,1),opacity .2s ease}
#plm.is-open .plm-shade{opacity:1}
#plm.is-open .plm-panel{transform:none;opacity:1}
.plm-col{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* левая колонка */
.plm-main{padding:22px 20px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column}
.plm-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 16px}
.plm-title{font-size:23px;font-weight:700;letter-spacing:-.01em}
.plm-x{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:var(--ink)}
.plm-x:hover{background:var(--side)}
.plm-search{position:relative;margin:0 0 14px}
.plm-search .plm-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mut)}
.plm-search .plm-ico svg{width:20px;height:20px}
.plm-search input{width:100%;height:44px;padding:0 14px 0 46px;border:1px solid #d7ddd6;border-radius:10px;background:#fff;font:inherit;font-size:14.5px;color:var(--ink);-webkit-appearance:none;appearance:none}
.plm-search input::placeholder{color:#8b958e}
.plm-search input:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(8,113,59,.12)}

.plm-dir,.plm-item{display:flex;align-items:center;gap:16px;min-height:52px;padding:8px 14px 8px 12px;border-radius:10px;font-weight:500;transition:background .15s,color .15s}
.plm-dirs .plm-dir{min-height:56px;font-size:16px}
.plm-ico{display:flex;color:#27342d}
.plm-dirs .plm-ico svg{width:28px;height:28px}
.plm-t{flex:1;min-width:0}
.plm-chev{color:#97a19a;transition:transform .15s,color .15s}
.plm-chev svg{width:18px;height:18px}
.plm-dir:hover,.plm-item:hover{background:var(--side)}
.plm-dir:hover .plm-chev,.plm-item:hover .plm-chev{color:var(--g);transform:translateX(2px)}
.plm-dir.is-on{background:var(--on);color:var(--g);font-weight:700}
.plm-dir.is-on .plm-ico,.plm-dir.is-on .plm-chev{color:var(--g)}
.plm-item.is-cur{color:var(--g)}
.plm-item.is-cur .plm-ico{color:var(--g)}

.plm-sec{margin:14px 12px 4px;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--mut)}
.plm-foot{margin-top:auto;padding:18px 4px 0;border-top:1px solid var(--line);margin-left:8px;margin-right:8px}
.plm-list+.plm-foot{margin-top:14px}
.plm-phone{display:flex;align-items:center;gap:12px;font-size:16.5px;font-weight:700;letter-spacing:.01em}
.plm-phone svg{width:20px;height:20px}
.plm-phone:hover{color:var(--g)}
.plm-call{display:block;width:100%;margin-top:14px;height:46px;border:1.5px solid var(--g)!important;border-radius:10px;color:var(--g)!important;font-weight:700!important;font-size:15px!important;transition:background .15s,color .15s}
.plm-call:hover{background:var(--g)!important;color:#fff!important}

/* правая колонка — разделы направления */
.plm-side{background:var(--side);padding:34px 40px 32px}
.plm-pane[hidden]{display:none}
.plm-back{display:none}
.plm-crumbs{font-size:13px;color:var(--mut);display:flex;gap:8px;flex-wrap:wrap}
.plm-crumbs a:hover{color:var(--g)}
.plm-ph{margin:14px 0 10px;font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-.02em}
.plm-all{display:inline-flex;align-items:center;gap:8px;color:var(--g)!important;font-weight:700;font-size:15.5px}
.plm-all svg{width:20px;height:20px;transition:transform .15s}
.plm-all:hover svg{transform:translateX(3px)}
.plm-all .plm-n{font-weight:600;color:var(--mut)}
.plm-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:30px}
.plm-group--wide{margin-top:26px;padding-top:26px;border-top:1px solid #dfe4de}
.plm-cols+.plm-group--wide{margin-top:14px}
.plm-pane>.plm-all+.plm-group--wide{border-top:0;padding-top:0;margin-top:30px}
.plm-gh{font-size:16.5px;font-weight:700;margin-bottom:8px}
.plm-group--wide .plm-links{columns:2;column-gap:40px}
.plm-links a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;font-size:15px;break-inside:avoid;transition:color .15s}
.plm-links a:hover{color:var(--g)}
.plm-n{font-size:12.5px;color:#97a19a;font-variant-numeric:tabular-nums}
.plm-links a:hover .plm-n{color:var(--g)}

.plm-promo{display:flex;gap:20px;align-items:center;margin-top:30px;padding:20px 24px;border-radius:14px;background:var(--promo)}
.plm-promo-ico{color:var(--g);flex:none}
#plm .plm-promo-ico svg{width:60px;height:60px}
.plm-promo-h{font-size:17px;font-weight:700}
.plm-promo-p{font-size:14px;color:var(--mut);margin-top:2px}
.plm-promo-a{display:inline-flex!important;align-items:center;gap:8px;margin-top:8px!important;color:var(--g)!important;font-weight:700!important;font-size:15px!important}
.plm-promo-a svg{width:18px!important;height:18px!important;transition:transform .15s}
.plm-promo-a:hover svg{transform:translateX(3px)}

/* «Меню» рядом с бургером закреплённой шапки */
.plm-label{margin-left:10px;font:600 15px/1 "Manrope","Segoe UI",Arial,sans-serif;color:#1c2923;vertical-align:middle}
#headerfixed .burger{display:inline-flex;align-items:center;cursor:pointer}

@media (max-width:1023px){
  .plm-panel{grid-template-columns:290px 1fr}
  .plm-side{padding:28px 28px}
  .plm-cols{grid-template-columns:1fr;gap:18px}
  .plm-group--wide .plm-links{columns:1}
  .plm-ph{font-size:27px}
}
/* телефон: одна колонка, направление открывается вторым экраном */
@media (max-width:767px){
  .plm-panel{width:min(440px,100vw);display:block;overflow:hidden}
  .plm-col{position:absolute;inset:0}
  .plm-main{padding:14px 16px 20px}
  .plm-side{padding:14px 20px 28px;transform:translateX(100%);transition:transform .24s cubic-bezier(.2,.7,.2,1);visibility:hidden}
  .plm-panel.is-sub .plm-side{transform:none;visibility:visible}
  .plm-dir.is-on{background:none;color:inherit;font-weight:500}
  .plm-dir.is-on .plm-ico{color:#27342d}
  .plm-dir.is-on .plm-chev{color:#97a19a}
  .plm-back{display:inline-flex;align-items:center;gap:6px;height:40px;margin:0 0 6px -6px;padding:0 8px;font-weight:600!important;color:var(--g)!important}
  .plm-back svg{width:20px;height:20px}
  .plm-ph{font-size:25px;margin-top:10px}
  .plm-cols{margin-top:22px}
  .plm-links a{padding:9px 0}
  .plm-promo{padding:16px;gap:14px}
  #plm .plm-promo-ico svg{width:48px;height:48px}
  .plm-label{display:none}
}
@media (prefers-reduced-motion:reduce){
  .plm-shade,.plm-panel,.plm-side,.plm-chev,.plm-all svg{transition:none!important}
}