/* ===== Переверстка СинСтрой (дизайн от 6 октября). Префикс syn-. Подключается последним. ===== */
:root{
  --syn-primary:#0a7bc4;--syn-primary-h:#065a92;--syn-primary-a:#08416b;
  --syn-form:#0a6fb0;--syn-head:#08416b;--syn-text:#17283a;--syn-text2:#3b4d5f;--syn-muted:#5d6e7f;--syn-meta:#7d8da0;
  --syn-tint:#e3f1fb;--syn-tint-b:#c9dfee;--syn-bg:#eef0f2;--syn-field:#f6f8fa;--syn-row:#f4f7fa;
  --syn-b1:#dde3e9;--syn-b2:#cfd8e0;--syn-b3:#e3e9ef;--syn-b4:#eef1f4;--syn-err:#c0392b;
  --syn-r:4px;--syn-r6:6px;--syn-h-font:'Oswald','Arial Narrow',sans-serif;--syn-b-font:'Roboto',Arial,sans-serif;
}
.syn-hdr,.syn-hdr *,.syn-ftr,.syn-ftr *,.syn-qm,.syn-qm *,.syn-drawer,.syn-drawer *,.syn-page .syn-main,.syn-page .syn-main *,.syn-kp,.syn-kp *{box-sizing:border-box}
.syn-wrap{max-width:1240px;margin:0 auto;padding:0 24px;width:100%}
.syn-i{flex:none;display:block}
.syn-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;color:var(--syn-primary);padding:10px 16px;border-radius:0 0 4px 0}
.syn-skip:focus{left:0}
button.syn-btn,a.syn-btn,.syn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 24px;border:1.5px solid var(--syn-primary);border-radius:var(--syn-r);background:var(--syn-primary);color:#fff;font:700 14px/1 var(--syn-b-font);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.syn-btn:hover{background:var(--syn-primary-h);border-color:var(--syn-primary-h);color:#fff;text-decoration:none}
.syn-btn:active{background:var(--syn-primary-a);border-color:var(--syn-primary-a)}
.syn-btn--sm{height:38px;padding:0 20px;font-weight:500}
.syn-btn--lg{height:52px;font-size:16px;font-weight:500}
.syn-btn--block{width:100%}
button.syn-btn--ghost,a.syn-btn--ghost,.syn-btn.syn-btn--ghost{background:#fff;color:var(--syn-primary);border-color:var(--syn-primary)}
button.syn-btn--ghost:hover,a.syn-btn--ghost:hover,.syn-btn.syn-btn--ghost:hover{background:var(--syn-tint);color:var(--syn-primary);border-color:var(--syn-primary)}
.syn-btn:disabled{opacity:.55;cursor:default}
:where(.syn-hdr,.syn-ftr,.syn-qm,.syn-drawer,.syn-page) :focus-visible{outline:2px solid var(--syn-primary);outline-offset:2px}
body.syn-modal-open,body.syn-drawer-open{overflow:hidden}

/* ---------- шапка ---------- */
.syn-ov{position:fixed;inset:0;z-index:20;background:rgba(10,30,50,.38)}
.syn-ov[hidden]{display:none}
.syn-hdr{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--syn-b1);font-family:var(--syn-b-font);color:var(--syn-text)}
.syn-hdr a{text-decoration:none}
.syn-hdr__top{display:flex;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px}
.syn-logo{display:flex;align-items:center;gap:12px;flex:none;color:var(--syn-text)}
.syn-logo img{display:block;height:42px;width:auto}
.syn-logo span{font-size:11px;line-height:1.3;color:var(--syn-muted);max-width:110px}
.syn-search{flex:1;min-width:140px;display:flex;align-items:center;height:42px;margin:0;border:1px solid var(--syn-b2);border-radius:21px;background:var(--syn-field);padding:0 5px 0 18px;gap:10px}
.syn-search input[type=search]{flex:1;min-width:0;width:100%;height:100%;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0;font:400 14px/1 var(--syn-b-font);color:var(--syn-text);-webkit-appearance:none}
.syn-search:focus-within{border-color:var(--syn-primary);box-shadow:0 0 0 3px var(--syn-tint)}
.syn-search button{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--syn-primary);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer}
.syn-search button:hover{background:var(--syn-primary-h)}
.syn-contact{line-height:1.35;flex:none}
.syn-contact__phone{display:block;font-weight:700;font-size:16px;color:var(--syn-text)}
.syn-contact__mail{display:block;font-size:13px;color:var(--syn-primary)}
.syn-msgr{display:flex;gap:8px;flex:none}
.syn-msgr a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.syn-msgr__tg{background:var(--syn-primary);color:#fff}
.syn-msgr svg{display:block}
.syn-cartbtn{position:relative;display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;border:1.5px solid var(--syn-primary);border-radius:var(--syn-r);font-weight:500;font-size:14px;color:var(--syn-text);white-space:nowrap;flex:none}
.syn-cartbtn:hover{background:var(--syn-tint);color:var(--syn-text)}
.syn-cartbtn .syn-i{display:none;color:var(--syn-primary)}
.syn-badge{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--syn-primary);color:#fff;font-size:12px;line-height:22px;text-align:center;display:inline-block}
.syn-badge .cart-count{color:#fff;font:inherit;background:none;padding:0;position:static;display:inline}
.syn-burger,.syn-catbtn--tab,.syn-phone-t,.syn-call{display:none}
.syn-hdr__nav{border-top:1px solid var(--syn-b4)}
.syn-nav{display:flex;gap:6px 30px;justify-content:center;flex-wrap:wrap}
.syn-nav__a{padding:11px 0;font-size:14px;font-weight:500;color:var(--syn-text);border-bottom:2px solid transparent}
.syn-nav__a:hover{color:var(--syn-primary)}
.syn-nav__a.is-on{border-bottom-color:var(--syn-primary)}
button.syn-catbtn{display:flex;align-items:center;gap:8px;margin:0;background:none;border:0;cursor:pointer;font:500 14px/1 var(--syn-b-font);color:var(--syn-primary)}
button.syn-catbtn--tab{display:none}
.syn-catbtn--desk{padding:11px 0;border-bottom:2px solid transparent}
.syn-catbtn--desk[aria-expanded=true]{border-bottom-color:var(--syn-primary)}
.syn-catbtn--desk .syn-i--chev-d{transition:transform .2s}
.syn-catbtn--desk[aria-expanded=true] .syn-i--chev-d{transform:rotate(180deg)}

/* панель меню «Каталог» */
.syn-mm{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--syn-b1);box-shadow:0 18px 40px rgba(8,65,107,.18);max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}
.syn-mm[hidden]{display:none}
.syn-mm__grid{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:440px}
.syn-mm__secs{list-style:none;margin:0;padding:18px 16px 18px 0;border-right:1px solid var(--syn-b3);display:flex;flex-direction:column;gap:2px}
.syn-mm__sec{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--syn-r);cursor:pointer;color:var(--syn-text);margin:0}
.syn-mm__sec img,.syn-mm__noimg{flex:none;width:40px;height:40px;object-fit:cover;border-radius:var(--syn-r);border:1px solid var(--syn-b1);background:#fff}
.syn-mm__sec a{flex:1;font-size:14.5px;font-weight:500;line-height:1.25;color:inherit}
.syn-mm__sec em{font-style:normal;font-size:12px;color:var(--syn-meta)}
.syn-mm__sec .syn-i{opacity:0}
.syn-mm__sec.is-on{background:var(--syn-tint);color:var(--syn-primary)}
.syn-mm__sec.is-on .syn-i{opacity:1}
.syn-mm__main{padding:24px 0 24px 32px;min-width:0}
.syn-mm__cols{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px}
.syn-mm__pane[hidden]{display:none}
.syn-mm__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid var(--syn-b3)}
.syn-mm__head h3{margin:0;font:600 24px/1.15 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.syn-mm__head a{font-weight:500;font-size:14px;color:var(--syn-primary)}
.syn-mm__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 28px}
.syn-mm__g{display:flex;flex-direction:column;gap:6px}
.syn-mm__gh{font-weight:700;font-size:14.5px;color:var(--syn-text);margin-bottom:2px}
.syn-mm__gh:hover,.syn-mm__gl:hover{color:var(--syn-primary)}
.syn-mm__gl{font-size:14px;color:var(--syn-text2);line-height:1.3}
.syn-mm__more{font-size:13px;font-weight:500;color:var(--syn-primary)}
.syn-mm__aside{display:flex;flex-direction:column;gap:14px}
.syn-mm__card{display:block;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);overflow:hidden;color:var(--syn-text)}
.syn-mm__card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--syn-field)}
.syn-mm__card span{display:block;padding:12px 14px;font-size:13px;line-height:1.4;color:var(--syn-text2)}
.syn-mm__hot-h{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--syn-meta)}
.syn-mm__hot{display:flex;flex-wrap:wrap;gap:6px}
.syn-mm__hot a{padding:5px 12px;border:1px solid var(--syn-b2);border-radius:16px;font-size:13px;color:var(--syn-text);background:var(--syn-field)}
.syn-mm__hot a:hover{border-color:var(--syn-primary);color:var(--syn-primary);background:var(--syn-tint)}
.syn-mm__bar{background:var(--syn-tint);border-top:1px solid var(--syn-tint-b)}
.syn-mm__barin{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;font-size:14px;color:var(--syn-head)}
.syn-mm__barin span{flex:1 1 320px}

/* мобильный drawer */
.syn-drawer{position:fixed;inset:0;z-index:60;background:#fff;display:flex;flex-direction:column;font-family:var(--syn-b-font);color:var(--syn-text)}
.syn-drawer[hidden]{display:none}
.syn-drawer a{text-decoration:none}
.syn-drawer__top{flex:none;display:flex;align-items:center;gap:8px;height:56px;padding:0 8px 0 6px;border-bottom:1px solid var(--syn-b1)}
.syn-drawer__title{flex:1;padding-left:10px;font:600 20px/1 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.syn-drawer__back,.syn-drawer__x{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:0;background:none;cursor:pointer;padding:0 10px 0 6px;color:var(--syn-primary);font:500 15px/1 var(--syn-b-font);gap:4px}
.syn-drawer__back[hidden]{display:none}
.syn-drawer__x{color:var(--syn-text);padding:0}
.syn-drawer__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.syn-dr-sec{width:100%;display:flex;align-items:center;gap:14px;padding:10px 16px;margin:0;border:0;border-bottom:1px solid var(--syn-b4);background:#fff;cursor:pointer;text-align:left;font-family:var(--syn-b-font);color:var(--syn-text)}
.syn-dr-sec img,.syn-dr-sec .syn-mm__noimg{flex:none;width:52px;height:52px;object-fit:cover;border-radius:var(--syn-r);border:1px solid var(--syn-b1);background:#fff}
.syn-dr-sec__t{flex:1;min-width:0}
.syn-dr-sec__t b{display:block;font-size:15.5px;font-weight:500;line-height:1.25}
.syn-dr-sec__t small{display:block;font-size:12.5px;color:var(--syn-meta);margin-top:2px}
.syn-dr-sec .syn-i{color:var(--syn-meta)}
.syn-drawer__links{padding:18px 16px 24px;display:flex;flex-direction:column;gap:2px}
.syn-drawer__links a{padding:11px 0;font-size:15px;font-weight:500;color:var(--syn-text)}
.syn-drawer__links .syn-drawer__ph{margin-top:10px;font-weight:700;font-size:17px}
.syn-drawer__links .syn-drawer__em{font-size:14px;color:var(--syn-primary);font-weight:400}
.syn-dr-view{padding:18px 16px 24px}
.syn-dr-view__h{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.syn-dr-view__h img{flex:none;width:64px;height:64px;object-fit:cover;border-radius:var(--syn-r);border:1px solid var(--syn-b1)}
.syn-dr-view__h h3{margin:0 0 4px;font:600 22px/1.15 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.syn-dr-view__h div div{font-size:13px;color:var(--syn-muted)}
.syn-dr-all{display:flex;align-items:center;justify-content:center;height:46px;border:1.5px solid var(--syn-primary);border-radius:var(--syn-r);font-weight:500;font-size:15px;color:var(--syn-primary);margin-bottom:6px}
.syn-dr-g{border-bottom:1px solid var(--syn-b3)}
.syn-dr-g>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0;margin:0;border:0;background:none;cursor:pointer;text-align:left;font:700 15px/1.25 var(--syn-b-font);color:var(--syn-text)}
.syn-dr-g>button .syn-i{color:var(--syn-primary);transition:transform .2s}
.syn-dr-g.is-open>button .syn-i{transform:rotate(180deg)}
.syn-dr-g__l{display:none;flex-direction:column;padding:0 0 12px}
.syn-dr-g.is-open .syn-dr-g__l{display:flex}
.syn-dr-g__l a{display:flex;align-items:center;min-height:44px;padding-left:12px;font-size:15px;color:var(--syn-text2)}
.syn-dr-g__l a.is-more{font-size:14px;font-weight:500;color:var(--syn-primary)}
.syn-dr-hot-h{margin:22px 0 10px;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--syn-meta)}
.syn-dr-hot{display:flex;flex-wrap:wrap;gap:8px}
.syn-dr-hot a{display:flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--syn-b2);border-radius:18px;font-size:14px;color:var(--syn-text);background:var(--syn-field)}
.syn-drawer__foot{flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--syn-tint-b);background:var(--syn-tint)}
.syn-drawer__foot .syn-btn{height:48px;font-size:15px;font-weight:500}

/* ---------- подвал ---------- */
.syn-ftr{background:var(--syn-head);color:#fff;font-family:var(--syn-b-font)}
.syn-ftr a{text-decoration:none}
.syn-ftr .syn-wrap{padding-top:40px;padding-bottom:28px}
.syn-ftr__top{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch}
.syn-ftr__contacts{flex:1 1 300px;display:flex;flex-direction:column;gap:18px;font-size:14px;line-height:1.7}
.syn-ftr a.syn-ftr__phone{display:block;font:600 30px/1.2 var(--syn-h-font)!important;color:#fff}
.syn-ftr__addr a{color:#fff;text-decoration:underline}
.syn-ftr__btn{height:44px;padding:0 24px;border:1.5px solid #fff;border-radius:var(--syn-r);background:transparent;color:#fff;font:500 12.5px/1 var(--syn-b-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.syn-ftr__btn:hover{background:rgba(255,255,255,.14)}
.syn-ftr__map{flex:1.4 1 360px;min-width:0;height:220px;border-radius:var(--syn-r6);overflow:hidden;background:#dde7ef}
.syn-ftr__map #map{width:100%!important;height:100%!important}
.syn-ftr__bot{margin-top:44px;padding-top:36px;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(200px,1fr));gap:48px}
.syn-ftr__brand img{display:block;height:48px;width:auto}
.syn-ftr__sub{font-size:12.5px;opacity:.8;margin:10px 0 14px}
.syn-ftr__u{font-size:13px;color:#fff;text-decoration:underline}
.syn-ftr__h{font-weight:700;margin-bottom:12px}
.syn-ftr__ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.syn-ftr__ul a{color:#d6e6f3;font-size:13.5px}
.syn-ftr__ul a:hover{color:#fff}

/* ---------- адаптив: общие компоненты ---------- */
@media (max-width:1023px){
  .syn-wrap{padding:0 20px}
  .syn-hdr__nav,.syn-contact,.syn-msgr,.syn-catbtn--desk{display:none}
  .syn-hdr__top{padding-top:10px;padding-bottom:10px;gap:14px}
  .syn-logo img{height:36px}.syn-logo span{display:none}
  button.syn-catbtn--tab{display:flex;height:42px;padding:0 16px;border:1.5px solid var(--syn-primary);border-radius:var(--syn-r);background:#fff}
  button.syn-catbtn--tab[aria-expanded=true]{background:var(--syn-primary);color:#fff}
  .syn-phone-t{display:block;font-weight:700;font-size:15px;color:var(--syn-text);white-space:nowrap}
  .syn-cartbtn{padding:0 12px;gap:8px}.syn-cartbtn .syn-i{display:block}.syn-cartbtn__t{display:none}
  .syn-mm__grid{grid-template-columns:250px minmax(0,1fr)}
  .syn-mm__main{padding:22px 0 22px 22px}
  .syn-mm__cols{grid-template-columns:minmax(0,1fr)}
  .syn-mm__aside{display:none}
  .syn-ftr__bot{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .syn-ftr__brand{grid-column:1/-1}
}
@media (max-width:699px){
  .syn-wrap{padding:0 14px}
  .syn-hdr{top:-52px}
  .syn-hdr__top{flex-wrap:wrap;height:auto;padding:10px 14px 0;gap:10px;position:relative}
  .syn-burger{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1.5px solid var(--syn-primary);border-radius:var(--syn-r);background:#fff;color:var(--syn-primary);padding:0;cursor:pointer;order:1}
  .syn-logo{order:2;flex:1;justify-content:center}.syn-logo img{height:32px}
  .syn-call{display:grid;place-items:center;order:3;flex:none;width:44px;height:44px;border-radius:50%;background:var(--syn-primary);color:#fff}
  .syn-cartbtn{order:4;width:44px;height:44px;padding:0;justify-content:center}
  .syn-cartbtn .syn-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;line-height:20px;font-size:11px;padding:0 5px;border-radius:10px}
  .syn-phone-t,button.syn-catbtn--tab{display:none}
  .syn-search{order:5;flex:1 0 100%;margin:0 0 10px;padding-left:16px}
  .syn-search input[type=search]{font-size:16px}
  .syn-mm,.syn-ov{display:none!important}
  .syn-ftr .syn-wrap{padding-top:32px}
  .syn-ftr__bot{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}
  .syn-ftr a.syn-ftr__phone{font-size:26px!important}
}
@media (hover:none){.syn-btn:hover{background:var(--syn-primary);border-color:var(--syn-primary)}.syn-btn--ghost:hover{background:#fff}}
.syn-mm__sec--direct{margin-top:6px;border-top:1px solid var(--syn-b3);border-radius:0 0 var(--syn-r) var(--syn-r);padding-top:12px}
.syn-mm__sec--direct:hover{background:var(--syn-tint);color:var(--syn-primary)}
a.syn-dr-sec{text-decoration:none}

/* ---------- страницы нового дизайна: общее ---------- */
body.syn-page{background:var(--syn-bg);font-family:var(--syn-b-font);color:var(--syn-text)}
.syn-page .syn-main{padding-top:28px;padding-bottom:0}
.syn-page .syn-main a{text-decoration:none}
.syn-page h1,.syn-page h2,.syn-page h3{font-family:var(--syn-h-font)}
.syn-h1{margin:0 0 14px;font:600 clamp(34px,5vw,56px)/1.05 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head);letter-spacing:0;word-break:break-word}
.syn-h1--cat{font-size:clamp(28px,3.6vw,42px);line-height:1.1;margin-bottom:16px}
.syn-h1--prod{font-size:clamp(26px,3.4vw,40px);line-height:1.12;margin:0 0 22px}
.syn-h2{margin:36px 0 16px;font:600 28px/1.15 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.syn-h2--flat{margin:0}
.syn-h2s{font:600 24px/1.2 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.syn-muted{color:var(--syn-muted);font-size:14px}
.syn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.syn-card{background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6)}
.syn-crumbs{font-size:13px;color:var(--syn-muted);margin:0 0 22px}
.syn-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0}
.syn-crumbs li{margin:0;padding:0;display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.syn-crumbs li:last-child{max-width:min(480px,100%)}
.syn-crumbs li>a,.syn-crumbs li>span{overflow:hidden;text-overflow:ellipsis}
.syn-crumbs .syn-crumbs__dots{max-width:none;display:none}
.syn-crumbs.is-collapsed .syn-crumbs__dots{display:block}
.syn-crumbs.is-collapsed .is-mid{display:none}
.syn-crumbs__dots button{border:0;background:none;padding:0 2px;color:var(--syn-primary);font:inherit;cursor:pointer}
.syn-crumbs li+li::before{content:"/";margin:0 8px;color:var(--syn-meta)}
.syn-crumbs a{color:var(--syn-primary)}
.syn-crumbs a:hover{color:var(--syn-primary-h)}
.syn-main>.syn-crumbs{margin-top:0}
.syn-prod .syn-crumbs{margin-bottom:14px}

/* ---------- первый экран ---------- */
.syn-hero{position:relative;background:linear-gradient(100deg,#fff 0%,#f1f6fa 55%,#e3eef7 100%);border-bottom:1px solid var(--syn-b1);overflow:hidden}
.syn-hero__grid{position:absolute;inset:0;background-image:linear-gradient(#0a7bc4 1px,transparent 1px),linear-gradient(90deg,#0a7bc4 1px,transparent 1px);background-size:40px 40px;opacity:.06;-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000);mask-image:linear-gradient(90deg,transparent 10%,#000)}
.syn-hero__circ{position:absolute;right:-30px;top:50%;width:640px;transform:translateY(-50%);opacity:.12;pointer-events:none}
.syn-hero__in{position:relative;padding-top:18px;padding-bottom:40px}
.syn-hero__cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center}
.syn-hero__cols--cat{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.syn-hero__cols.is-solo{grid-template-columns:minmax(0,1fr)}
.syn-hero__lead{margin:0 0 24px;font-size:19px;line-height:1.45;max-width:520px;color:var(--syn-text)}
.syn-hero__cols--cat .syn-hero__lead{margin:0}
.syn-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.syn-hero__btns .syn-btn{height:auto;padding:13px 26px}
.syn-hero__spec{justify-self:end;width:100%;max-width:340px;background:rgba(255,255,255,.94);border:1px solid var(--syn-b1);border-radius:var(--syn-r6);padding:20px;display:flex;gap:16px;align-items:flex-start}
.syn-hero__specico{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--syn-primary);display:grid;place-items:center;color:var(--syn-primary)}
.syn-hero__spec b{display:block;font-size:17px;margin-bottom:4px}
.syn-hero__spec p{margin:0 0 14px;font-size:13.5px;line-height:1.45;color:var(--syn-muted)}
.syn-hero__spec .syn-btn{height:auto;padding:11px 20px}
.syn-hero__ben{justify-self:end;width:100%;max-width:340px;background:rgba(255,255,255,.94);border:1px solid var(--syn-b1);border-radius:var(--syn-r6);padding:8px 20px}
.syn-hero__ben div{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--syn-b3)}
.syn-hero__ben div:last-child{border-bottom:0}
.syn-hero__ben span{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--syn-primary);display:grid;place-items:center;color:var(--syn-primary)}
.syn-hero__ben b{font-weight:500;font-size:14.5px;line-height:1.3}

/* ---------- каталог: разделы, поиск, «часто ищут» ---------- */
.syn-find{padding:28px 32px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.syn-find__ico{flex:none;width:48px;height:48px;border-radius:50%;background:var(--syn-tint);display:grid;place-items:center;color:var(--syn-primary)}
.syn-find__b{flex:1 1 300px;min-width:0}
.syn-find__d{font-size:14px;color:var(--syn-muted);margin:4px 0 14px}
.syn-find__f{display:flex;gap:8px;margin:0}
.syn-find__f input[type=search]{flex:1;min-width:0;height:44px;padding:0 16px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 14px var(--syn-b-font);color:var(--syn-text);background:#fff;box-shadow:none;margin:0}
.syn-find__f input:focus,.syn-panel__row input:focus{outline:0;border-color:var(--syn-primary);box-shadow:0 0 0 3px var(--syn-tint)}
.syn-find__f .syn-btn{padding:0 32px}
.syn-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:16px}
.syn-sec{display:flex;gap:18px;padding:18px 20px;background:#fff;border:1px solid var(--syn-b1);border-bottom:3px solid var(--syn-primary);border-radius:var(--syn-r6);transition:box-shadow .15s}
.syn-sec__img{flex:none;width:120px;height:68px;border-radius:var(--syn-r);background:#fff;overflow:hidden;align-self:flex-start}
.syn-sec__img img{display:block;width:100%;height:100%;object-fit:contain}
.syn-sec__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.syn-sec__t{font-weight:700;font-size:16px;color:var(--syn-text)}
.syn-sec__t:hover{color:var(--syn-primary)}
.syn-sec__d{font-size:13px;line-height:1.4;color:var(--syn-muted)}
.syn-sec__l{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;font-weight:500;color:var(--syn-primary)}
.syn-sec__l a{text-decoration:underline;color:var(--syn-primary)}
.syn-sec__l .syn-sec__more{text-decoration:none;color:var(--syn-muted)}
.syn-sec__l i{font-style:normal}
.syn-hot{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;font-size:13.5px}
.syn-hot b{margin-right:6px}
.syn-hot a{padding:6px 16px;border:1px solid var(--syn-b2);border-radius:18px;background:#fff;color:var(--syn-text);font-size:13.5px}
.syn-hot a:hover{border-color:var(--syn-primary);color:var(--syn-primary)}
@media (hover:hover){.syn-sec:hover{box-shadow:0 6px 18px rgba(10,111,176,.14)}}

/* категории: подкатегории */
.syn-subs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.syn-sub{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid var(--syn-b1);border-bottom:3px solid var(--syn-primary);border-radius:var(--syn-r6);color:var(--syn-text)}
.syn-sub__img{flex:none;width:96px;height:96px;border-radius:var(--syn-r);background:#fff;display:grid;place-items:center;overflow:hidden}
.syn-sub__img img{display:block;width:100%;height:100%;object-fit:cover}
.syn-sub__b{display:flex;flex-direction:column;gap:6px;min-width:0}
.syn-sub__b b{font-weight:700;font-size:16px}
.syn-sub__d{font-size:13px;line-height:1.4;color:var(--syn-muted);flex:1}
.syn-sub__go{font-size:13px;font-weight:500;color:var(--syn-primary);margin-top:auto}
@media (hover:hover){.syn-sub:hover{box-shadow:0 6px 18px rgba(10,111,176,.14)}}
.syn-ph{display:grid;place-items:center;width:100%;height:100%;background:#f4f7fa;color:#9fb3c4}

/* панель поиска, фильтры, список */
.syn-panel{margin-top:28px;padding:18px 20px;display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.syn-subs+#synCat .syn-panel{margin-top:28px}
.syn-panel__s{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:16px;margin:0}
.syn-panel__ico{flex:none;width:44px;height:44px;border-radius:50%;background:var(--syn-tint);display:grid;place-items:center;color:var(--syn-primary)}
.syn-panel__sb{flex:1;min-width:0}
.syn-panel__t{display:block;font-weight:700;margin:0 0 8px;font-size:15px}
.syn-panel__row{display:flex;gap:8px}
.syn-panel__row input{flex:1;min-width:0;height:40px;padding:0 14px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 14px var(--syn-b-font);color:var(--syn-text);margin:0;box-shadow:none;background:#fff}
.syn-panel__row .syn-btn{height:40px;padding:0 24px}
.syn-panel__o{display:flex;align-items:flex-end;gap:12px;padding-left:24px;border-left:1px solid var(--syn-b1)}
.syn-panel__sort span{display:block;font-size:12px;color:var(--syn-muted);margin-bottom:4px}
.syn-panel select,.syn-sel select{height:40px;padding:0 12px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);background:#fff;font:400 14px var(--syn-b-font);color:var(--syn-text);min-width:180px;margin:0}
.syn-view{width:42px;height:42px;border-radius:var(--syn-r);display:grid;place-items:center;cursor:pointer;border:0;background:transparent;color:var(--syn-muted);padding:0}
.syn-view.is-on{background:var(--syn-primary);color:#fff}
.syn-filters{margin-top:20px;display:flex;gap:16px 40px;flex-wrap:wrap}
.syn-filters:empty{display:none}
.syn-filters__g{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.syn-filters__g b{font-size:14px;margin-right:6px}
.syn-chip{padding:7px 16px;font:400 13.5px/1.2 var(--syn-b-font);border-radius:var(--syn-r);cursor:pointer;background:#fff;color:var(--syn-text);border:1px solid var(--syn-b2)}
.syn-chip:hover{border-color:var(--syn-primary);color:var(--syn-primary)}
.syn-chip.is-on{background:var(--syn-primary);color:#fff;border-color:var(--syn-primary)}
.syn-filters__sel{flex-basis:100%;display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--syn-text2)}
.syn-filters__sel[hidden]{display:none}
.syn-filters__sel b{color:var(--syn-head)}
.syn-reset{border:0;background:none;color:var(--syn-primary);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.syn-listhead{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
#synCat>.syn-listhead:first-child{margin-top:36px}
.syn-listhead__c{display:flex;gap:10px;flex-wrap:wrap}
.syn-listhead__i{font-size:13px;color:var(--syn-muted)}
.syn-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}
.syn-grid.is-list{grid-template-columns:minmax(0,1fr)}
.syn-grid.is-loading{opacity:.5;pointer-events:none;transition:opacity .15s}
.syn-empty{grid-column:1/-1;padding:40px;text-align:center;background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);color:var(--syn-muted)}
.syn-pager-slot{margin-top:20px}
.syn-pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.syn-pager__b{min-width:36px;height:36px;display:grid;place-items:center;font:500 14px var(--syn-b-font);border-radius:var(--syn-r);cursor:pointer;background:#fff;color:var(--syn-text);border:1px solid var(--syn-b1);padding:0 8px}
.syn-pager__b:hover{border-color:var(--syn-primary);color:var(--syn-primary)}
.syn-pager__b.is-on{background:var(--syn-primary);color:#fff;border-color:var(--syn-primary)}
.syn-pager__gap{align-self:center;color:var(--syn-meta)}

/* карточка товара в списке */
.syn-pcard{display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:1fr auto;gap:16px;padding:16px;background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);transition:border-color .15s,box-shadow .15s}
@media (hover:hover){.syn-pcard:hover{border-color:var(--syn-primary);box-shadow:0 8px 22px rgba(10,111,176,.13)}}
.syn-pcard__img{grid-row:1/span 2;width:130px;height:130px;align-self:start;border:1px solid var(--syn-b3);border-radius:var(--syn-r);overflow:hidden;background:#fff}
.syn-pcard__img img{display:block;width:100%;height:100%;object-fit:cover}
.syn-pcard__body{min-width:0;display:flex;flex-direction:column;gap:6px}
.syn-pcard__name{font-weight:700;font-size:15px;line-height:1.3;color:var(--syn-text);overflow-wrap:anywhere}
.syn-pcard__name:hover{color:var(--syn-primary)}
.syn-pcard__price{font:500 23px/1.2 var(--syn-h-font);color:var(--syn-head)}
.syn-pcard__price span{font:400 15px var(--syn-b-font);color:var(--syn-muted)}
.syn-pcard__price.is-ask{font-size:20px}
.syn-pcard__desc{font-size:12.5px;line-height:1.45;color:var(--syn-muted);flex:1}
.syn-pcard__ctl{display:flex;gap:8px;grid-column:2;align-items:center}
.syn-qty{display:inline-flex;border:1px solid var(--syn-b2);border-radius:var(--syn-r);overflow:hidden;height:38px;align-items:center;background:#fff;flex:none}
.syn-qty__b{width:28px;height:100%;border:0;background:none;cursor:pointer;font-size:16px;color:var(--syn-text);padding:0}
.syn-qty__b:hover{background:var(--syn-tint);color:var(--syn-primary)}
.syn-qty__i{width:38px;height:100%;border:0!important;border-left:0;text-align:center;font:500 13px var(--syn-b-font);color:var(--syn-text);background:#fff;padding:0!important;margin:0;box-shadow:none!important;border-radius:0;min-width:0}
.syn-add{flex:1;height:38px;border:1.5px solid var(--syn-primary);border-radius:var(--syn-r);background:#fff;color:var(--syn-primary);font:500 13px/1.1 var(--syn-b-font);cursor:pointer;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s}
.syn-add:hover{background:var(--syn-primary);color:#fff}
.syn-add .syn-add__d{display:none}
.syn-add.is-in{background:var(--syn-tint);border-color:var(--syn-tint-b);color:var(--syn-head)}
.syn-add.is-in .syn-add__t{display:none}
.syn-add.is-in .syn-add__d{display:inline-flex;align-items:center;gap:8px}
.syn-add .syn-add__t{display:inline-flex;align-items:center;gap:8px}
.syn-add:disabled{opacity:.6}
.syn-grid.is-list .syn-pcard{grid-template-columns:130px minmax(0,1fr) auto;grid-template-rows:auto}
.syn-grid.is-list .syn-pcard__img{grid-row:1}
.syn-grid.is-list .syn-pcard__ctl{grid-column:3;align-self:center;min-width:300px}

/* баннер, SEO, FAQ, блоки */
.syn-banner{margin-top:28px;background:var(--syn-tint);border:1px solid var(--syn-tint-b);border-radius:var(--syn-r6);padding:16px 24px 16px 16px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.syn-banner__m{flex:none;width:106px;text-align:center;font-size:12.5px;font-weight:500}
.syn-banner__m img{display:block;width:106px;height:106px;border-radius:50%;object-fit:cover;margin-bottom:6px}
.syn-banner__t{flex:1 1 280px;min-width:0}
.syn-banner__t h3{margin:0 0 6px;font:700 20px/1.25 var(--syn-b-font);color:var(--syn-text)}
.syn-banner__t p{margin:0;font-size:14.5px;line-height:1.5;color:var(--syn-text2)}
.syn-btn--xl{height:auto;padding:20px 32px;font-size:15px}
.syn-block,.syn-faq,.syn-seo{margin-top:32px;padding:28px 32px}
.syn-block__b{margin-top:16px;columns:2 340px;column-gap:48px;font-size:15px;line-height:1.65;color:var(--syn-text2)}
.syn-block__i{break-inside:avoid;margin-bottom:14px}
.syn-seo__clip{max-height:420px;overflow:hidden;position:relative}
.syn-seo.is-open .syn-seo__clip{max-height:none}
.syn-seo__body{font-size:15px;line-height:1.65;color:var(--syn-text2);columns:2 340px;column-gap:48px}
.syn-seo:not(.is-open) .syn-seo__clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#fff)}
.syn-seo__body h1,.syn-seo__body h2,.syn-seo__body h3,.syn-seo__body h4{font-family:var(--syn-h-font);text-transform:uppercase;color:var(--syn-head);margin:0 0 12px;column-span:none;break-after:avoid}
.syn-seo__body h2{font-size:28px;line-height:1.15;font-weight:600}
.syn-seo__body h3{font-size:21px;line-height:1.2;font-weight:600;margin-top:18px}
.syn-seo__body h4{font-size:17px;font-weight:600}
.syn-seo__body p{margin:0 0 14px}
.syn-seo__body ul,.syn-seo__body ol{margin:0 0 14px;padding-left:22px}
.syn-seo__body li{margin-bottom:6px}
.syn-seo__body a{color:var(--syn-primary);text-decoration:underline}
.syn-seo__body table{column-span:all;width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
.syn-seo__body th,.syn-seo__body td{border:1px solid var(--syn-b1);padding:8px 10px;text-align:left}
.syn-seo__body img{max-width:100%;height:auto}
.syn-seo__more{margin-top:14px;border:0;background:none;color:var(--syn-primary);font:500 14.5px var(--syn-b-font);text-decoration:underline;cursor:pointer;padding:0}
.syn-seo__more[hidden]{display:none}
.syn-faq__it{border-top:1px solid var(--syn-b3)}
.syn-faq .syn-h2+.syn-faq__it{margin-top:16px}
.syn-faq__q{width:100%;text-align:left;padding:16px 36px 16px 0;margin:0;border:0;background:none;font:700 15.5px/1.35 var(--syn-b-font);color:var(--syn-text);cursor:pointer;position:relative}
.syn-faq__q::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font:400 22px var(--syn-b-font);color:var(--syn-primary)}
.syn-faq__it.is-open .syn-faq__q::after{content:"−"}
.syn-faq__a{display:none;padding:0 0 16px;font-size:15px;line-height:1.6;color:var(--syn-text2)}
.syn-faq__it.is-open .syn-faq__a{display:block}

/* ---------- КП-блок («синяя полоса») ---------- */
.syn-kp{margin:44px 0 16px;background:var(--syn-form);color:#fff;border-radius:var(--syn-r6);padding:22px 24px 22px 22px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.syn-kp a{color:#fff}
.syn-kp__mgr{flex:none;width:106px;text-align:center;font-size:12.5px;font-weight:500}
.syn-kp__mgr img{display:block;width:106px;height:106px;border-radius:50%;object-fit:cover;margin-bottom:6px}
.syn-kp__txt{flex:1 1 240px}
.syn-kp__txt h3{margin:0 0 8px;font:600 23px/1.15 var(--syn-h-font);text-transform:uppercase;color:#fff}
.syn-kp__txt p{margin:0;font-size:13px;line-height:1.5;opacity:.92}
.syn-kp__form{flex:3 1 520px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:0}
.syn-kp__fields{flex:2 1 320px;display:flex;flex-direction:column;gap:8px}
.syn-kp__row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:8px}
.syn-kp__row2 input{height:38px;padding:0 14px;border:2px solid transparent;border-radius:var(--syn-r);font:400 14px var(--syn-b-font);outline:none;color:var(--syn-text);background:#fff;margin:0;box-shadow:none;width:100%}
.syn-kp__file{display:flex;gap:12px;align-items:center;font-size:12px}
.syn-kp__fbtn{padding:8px 14px;border:1px solid rgba(255,255,255,.7);border-radius:var(--syn-r);font-size:13px;white-space:nowrap;cursor:pointer;margin:0;font-weight:400;color:#fff}
.syn-kp__fbtn:hover{background:rgba(255,255,255,.14)}
.syn-kp__file span{opacity:.9}
.syn-kp__legal{font-size:12px}
.syn-kp__legal a{text-decoration:underline}
.syn-kp__act{flex:none;text-align:center;margin:0 auto}
.syn-kp__btn{width:auto;height:52px;padding:0 30px;border:0;border-radius:var(--syn-r);background:#fff;color:var(--syn-head);font:700 15px var(--syn-b-font);cursor:pointer}
.syn-kp__btn:hover{background:var(--syn-tint)}
.syn-kp__btn:disabled{opacity:.6}
.syn-kp__call{font-size:12px;margin-top:12px;opacity:.95}
.syn-kp__call a{display:block;font-weight:700;font-size:16px;opacity:1}
.syn-form__ok{flex:1 1 100%;font-size:16px;font-weight:500}
.syn-form__ok[hidden],.syn-kp__fields[hidden],.syn-kp__act[hidden]{display:none}
.syn-check{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35;margin:0;font-weight:400;cursor:pointer}
.syn-check input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--syn-head)}
.syn-check.is-bad{color:#ffd5d0}
.syn-check.is-bad span{text-decoration:underline wavy #ffb3ab}
.syn-form__err{font-size:12.5px;color:#ffd5d0;margin:6px 0}
.syn-form__err[hidden]{display:none}
.syn-kp__row2 input.is-bad{border-color:#ff9b91}
.syn-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.syn-files:empty{display:none}
.syn-files li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;padding:4px 10px;border-radius:var(--syn-r);background:rgba(255,255,255,.14)}
.syn-files small{opacity:.8;margin-left:6px}
.syn-files button{border:0;background:none;color:inherit;font-size:18px;cursor:pointer;line-height:1;padding:0 4px}
.syn-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;margin:32px 0 44px}
.syn-main>.syn-kp+.syn-links{margin-top:16px}
.syn-linkcard{display:flex;align-items:center;gap:16px;padding:18px 24px;background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);color:var(--syn-text)}
.syn-linkcard .syn-i{color:var(--syn-primary)}
.syn-linkcard span{flex:1}
.syn-linkcard b{display:block;font-size:16px}
.syn-linkcard small{font-size:13px;color:var(--syn-muted)}
.syn-linkcard i{color:var(--syn-primary);font-size:20px;font-style:normal}
@media (hover:hover){.syn-linkcard:hover{border-color:var(--syn-primary)}}
.syn-news{margin:36px 0 56px}
.syn-news .syn-h2{margin-top:0;margin-bottom:14px}
.syn-news__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:16px}
.syn-newscard{display:block;padding:18px 22px;background:#fff;border:1px solid var(--syn-b1);border-left:3px solid var(--syn-primary);border-radius:var(--syn-r6);color:var(--syn-text)}
.syn-newscard b{display:block;font-size:16px;margin-bottom:4px}
.syn-newscard span{display:block;font-size:12.5px;color:var(--syn-muted);margin-bottom:6px}
.syn-newscard em{font-style:normal;font-size:14px;line-height:1.5;color:var(--syn-text2)}
@media (hover:hover){.syn-newscard:hover{box-shadow:0 6px 18px rgba(10,111,176,.14)}}

/* ---------- модальная форма КП ---------- */
.syn-qm{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;font-family:var(--syn-b-font);color:var(--syn-text)}
.syn-qm[hidden]{display:none}
.syn-qm__ov{position:absolute;inset:0;background:rgba(10,30,50,.55)}
.syn-qm__dlg{position:relative;width:calc(100% - 32px);max-width:900px;max-height:calc(100vh - 48px);background:#fff;border-radius:8px;box-shadow:0 24px 60px rgba(8,30,50,.35);display:flex;overflow:hidden;outline:0}
.syn-qm__side{flex:none;width:290px;background:var(--syn-form);color:#fff;padding:32px 28px;display:flex;flex-direction:column;gap:16px}
.syn-qm__kick{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.syn-qm__side h2{margin:0;font:600 28px/1.1 var(--syn-h-font);text-transform:uppercase;color:#fff}
.syn-qm__side p{margin:0;font-size:14px;line-height:1.5;opacity:.95}
.syn-qm__mgr{margin-top:auto;display:flex;gap:12px;align-items:center;font-size:13px}
.syn-qm__mgr img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:none}
.syn-qm__mgr b{display:block;font-size:14px}
.syn-qm__mgr span{display:block;opacity:.85;font-size:12px}
.syn-qm__mgr a{color:#fff;font-weight:700;text-decoration:none}
.syn-qm__main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;max-height:calc(100vh - 48px)}
.syn-qm__x{position:absolute;top:0;right:0;z-index:2;width:44px;height:44px;border:0;background:none;cursor:pointer;display:grid;place-items:center;color:var(--syn-muted);padding:0}
.syn-qm__x:hover{color:var(--syn-primary)}
.syn-qm__mhead{display:none}
.syn-form--modal{display:flex;flex-direction:column;min-height:0;flex:1;margin:0}
.syn-qm__scroll{flex:1;min-height:0;overflow-y:auto;padding:24px 32px 6px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}
.syn-qm__item{display:flex;gap:12px;align-items:center;padding:8px 12px;background:var(--syn-row);border:1px solid var(--syn-b3);border-radius:var(--syn-r6);margin-right:28px}
.syn-qm__item[hidden]{display:none}
.syn-qm__itemico{flex:none;width:38px;height:38px;border-radius:var(--syn-r);background:var(--syn-tint);display:grid;place-items:center;color:var(--syn-primary)}
.syn-qm__item small{display:block;font-size:11.5px;color:var(--syn-meta)}
.syn-qm__item b{font-size:14px;line-height:1.3}
.syn-form__row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.syn-field{display:block;margin:0;font-weight:400}
.syn-field span{display:block;font-size:12.5px;color:var(--syn-text2);margin-bottom:5px;font-weight:500}
.syn-field i{color:var(--syn-err);font-style:normal;margin-left:2px}
.syn-field input,.syn-field textarea{width:100%;height:44px;padding:0 14px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 16px var(--syn-b-font);color:var(--syn-text);background:#fff;box-shadow:none;margin:0;outline:0}
.syn-field textarea{height:64px;padding:10px 14px;resize:none}
.syn-field input:focus,.syn-field textarea:focus{border-color:var(--syn-primary);box-shadow:0 0 0 3px var(--syn-tint)}
.syn-field input.is-bad{border-color:var(--syn-err)}
.syn-form__addc{display:none;align-self:flex-start;border:0;background:none;color:var(--syn-primary);font:500 14px var(--syn-b-font);padding:6px 0;cursor:pointer;min-height:44px}
.syn-drop{display:flex;gap:14px;align-items:center;padding:12px 16px;border:1.5px dashed #9fc3de;border-radius:var(--syn-r6);background:#f6fafd;cursor:pointer;margin:0;font-weight:400}
.syn-drop:hover{background:var(--syn-tint)}
.syn-drop__ico{color:var(--syn-primary)}
.syn-drop__t b{display:block;font-size:14px}
.syn-drop__t small{font-size:12px;color:var(--syn-muted)}
.has-fbad .syn-drop{border-color:var(--syn-err)}
.syn-form--modal .syn-files li{background:var(--syn-row);color:var(--syn-text)}
.syn-form--modal .syn-form__err{color:var(--syn-err)}
.syn-form--modal .syn-check{font-size:12.5px;color:var(--syn-text2);align-items:flex-start}
.syn-form--modal .syn-check input{width:20px;height:20px;accent-color:var(--syn-primary)}
.syn-form--modal .syn-check.is-bad{color:var(--syn-err)}
.syn-form__legal{font-size:12.5px}
.syn-form__legal a{color:var(--syn-primary);text-decoration:underline}
.syn-qm__foot{flex:none;padding:14px 32px 16px;border-top:1px solid #e3e8ed}
.syn-qm__foot .syn-btn{height:52px}
.syn-qm__alt,.syn-qm__cap{text-align:center;font-size:11.5px;color:var(--syn-meta);margin-top:8px}
.syn-qm__alt{font-size:13px;color:var(--syn-text2)}
.syn-qm__alt a{font-weight:700;color:var(--syn-text)}
.syn-qm__cap a{color:var(--syn-meta);text-decoration:underline}
.syn-qm__ok{padding:56px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;justify-content:center}
.syn-qm__ok[hidden]{display:none}
.syn-qm__okico{width:64px;height:64px;border-radius:50%;background:var(--syn-tint);display:grid;place-items:center;color:var(--syn-primary)}
.syn-qm__ok h2{margin:0;font:600 26px var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.syn-qm__ok p{margin:0;max-width:380px;color:var(--syn-text2)}
.syn-qm__ok .syn-btn{min-width:180px;height:48px}

.syn-kp input[type=file],.syn-qm input[type=file]{display:none!important}

.syn-tints{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:16px}
.syn-tint{display:flex;gap:16px;padding:22px 24px;background:var(--syn-tint);border:1px solid var(--syn-tint-b);border-radius:var(--syn-r6)}
.syn-tint__ico{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--syn-tint-b);display:grid;place-items:center;color:var(--syn-primary)}
.syn-tint h3{margin:0 0 10px;font:600 20px/1.2 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.syn-tint ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.55;color:var(--syn-text2)}
.syn-tint li{margin-bottom:6px}

.syn-hero--s .syn-find__f{max-width:640px;margin-top:8px}
.syn-pager--s a,.syn-pager--s span{min-width:36px;height:36px;display:grid;place-items:center;font:500 14px var(--syn-b-font);border-radius:var(--syn-r);background:#fff;color:var(--syn-text);border:1px solid var(--syn-b1);padding:0 8px;text-decoration:none}
.syn-pager--s span.current{background:var(--syn-primary);color:#fff;border-color:var(--syn-primary)}
.syn-pager--s span.dots{border:0;background:none}

/* выбор категории (главная каталога) */
.syn-pick{position:relative}
.syn-pick__b{height:40px;width:260px;max-width:100%;padding:0 12px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);background:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;font:400 14px var(--syn-b-font);color:var(--syn-text);text-align:left;margin:0}
.syn-pick__b:hover,.syn-pick__b[aria-expanded=true]{border-color:var(--syn-primary)}
.syn-pick__l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.syn-pick__x{color:var(--syn-muted);padding:0 2px}
.syn-pick__x:hover{color:var(--syn-primary)}
.syn-pick__x[hidden]{display:none}
.syn-pick__c{color:var(--syn-muted);font-size:11px}
.syn-pick__p{position:absolute;right:0;top:44px;z-index:31;width:360px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--syn-b2);border-radius:var(--syn-r6);box-shadow:0 12px 30px rgba(8,65,107,.18);overflow:hidden}
.syn-pick__p[hidden]{display:none}
.syn-pick__s{padding:10px;border-bottom:1px solid #e3e8ed}
.syn-pick__s input{width:100%;height:36px;padding:0 12px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 14px var(--syn-b-font);outline:0;color:var(--syn-text);background:#fff;margin:0;box-shadow:none}
.syn-pick__s input:focus{border-color:var(--syn-primary)}
.syn-pick__r{max-height:320px;overflow:auto;padding:6px 0}
.syn-pick__row{display:flex;align-items:center;gap:6px;padding:8px 14px;cursor:pointer}
.syn-pick__row:hover{background:#eef5fb}
.syn-pick__row.is-on{background:var(--syn-tint)}
.syn-pick__ch{flex:none;width:22px;text-align:center;color:var(--syn-muted);font-size:14px}
.syn-pick__t{flex:1;min-width:0;font-size:14px}
.syn-pick__t span{display:block}
.syn-pick__t small{display:block;font-size:11.5px;color:var(--syn-muted)}
.syn-pick__n{flex:none;font-size:12px;color:var(--syn-muted)}
.syn-pick__empty{padding:14px;font-size:13.5px;color:var(--syn-muted)}
@media (max-width:699px){.syn-pick{width:100%}.syn-pick__b{width:100%}.syn-pick__p{left:0;right:auto}.syn-listhead__c{width:100%}.syn-listhead__c .syn-sel{flex:1}.syn-listhead__c .syn-sel select{width:100%;min-width:0}}

/* сворачиваемые списки рубрик («+ ещё N») */
.syn-fold{display:inline}
.syn-fold a{margin-right:16px}
.syn-fold .is-extra{display:none}
.syn-fold.is-open .is-extra{display:inline}
.syn-more{border:0;background:none;padding:0;margin:0 12px 0 0;font:500 13px var(--syn-b-font);color:var(--syn-muted);cursor:pointer}
.syn-more:hover{color:var(--syn-primary)}
.syn-sec__l{align-items:center}
.syn-sec__l .syn-fold{display:contents}
.syn-sec__l .syn-sec__go{text-decoration:none;font-size:15px;margin-left:auto;padding-left:8px}
.syn-sec__l a{margin-right:0}
.syn-subc{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid var(--syn-b1);border-bottom:3px solid var(--syn-primary);border-radius:var(--syn-r6);color:var(--syn-text)}
.syn-subc .syn-sub__img{flex:none;width:96px;height:96px;border-radius:var(--syn-r);background:#fff;display:grid;place-items:center;overflow:hidden}
.syn-subc .syn-sub__img img{display:block;width:100%;height:100%;object-fit:cover}
.syn-subc .syn-sub__b{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.syn-sub__t{font-weight:700;font-size:16px;color:var(--syn-text)}
.syn-sub__t:hover{color:var(--syn-primary)}
.syn-fold--v{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;font-size:13px}
.syn-fold--v a{margin:0;color:var(--syn-text2);line-height:1.35}
.syn-fold--v a:hover{color:var(--syn-primary)}
.syn-fold--v .is-extra,.syn-fold--v.is-open .is-extra{display:none}
.syn-fold--v.is-open .is-extra{display:block}
.syn-fold--v .syn-more{margin:0;font-size:13px}
@media (hover:hover){.syn-subc:hover{box-shadow:0 6px 18px rgba(10,111,176,.14)}}
@media (max-width:699px){.syn-subc{padding:12px;gap:12px}.syn-subc .syn-sub__img{width:72px;height:72px}}

.syn-sections+#synCat .syn-panel{margin-top:28px}
.syn-page .syn-main .syn-sec__l a:not(.syn-sec__go){text-decoration:underline}

/* ---------- карточка товара ---------- */
.syn-ptop{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}
.syn-ptop>*{min-width:0}
.syn-gal__main picture{display:block;max-width:100%}
.syn-gal__main{background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);padding:16px;display:grid;place-items:center;aspect-ratio:16/10;width:100%}
.syn-gal__main img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.syn-gal__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.syn-gal__t{width:64px;height:52px;border:1px solid var(--syn-b1);border-radius:var(--syn-r);background:#fff;padding:3px;cursor:pointer;overflow:hidden}
.syn-gal__t img{display:block;width:100%;height:100%;object-fit:contain}
.syn-gal__t.is-on{border:2px solid var(--syn-primary);padding:2px}
.syn-pside{display:flex;flex-direction:column;gap:14px}
.syn-buy{padding:20px 20px 22px;display:flex;flex-direction:column;gap:12px}
.syn-buy__price{font:600 42px/1.1 var(--syn-h-font);color:var(--syn-head)}
.syn-buy__price span{font:400 16px var(--syn-b-font);color:var(--syn-muted);margin-left:6px}
.syn-buy__price.is-ask{font-size:30px}
.syn-buy__note{margin:0;font-size:13px;color:var(--syn-muted);line-height:1.4}
.syn-buy__qty{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:14px;margin:6px 0 2px}
.syn-qty--l{height:44px}.syn-qty--l .syn-qty__b{width:40px;font-size:18px}.syn-qty--l .syn-qty__i{width:54px;font-size:15px}
.syn-add--lg{height:48px;font-size:14px;font-weight:700;flex:none;width:100%}
.syn-btn--wide{width:100%;height:46px;font-weight:700;font-size:14px}
.syn-tintbox{display:flex;gap:16px;padding:18px 20px;background:var(--syn-tint);border:1px solid var(--syn-tint-b);border-radius:var(--syn-r6)}
.syn-tintbox__ico{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--syn-tint-b);display:grid;place-items:center;color:var(--syn-primary)}
.syn-tintbox b{display:block;font-size:15.5px;margin-bottom:4px}
.syn-tintbox p{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--syn-text2)}
.syn-tintbox .syn-btn{height:auto;padding:11px 20px}
.syn-pinfo{margin-top:36px;padding-top:30px;border-top:1px solid var(--syn-b1);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px}
.syn-pinfo>section>.syn-h2{margin-bottom:18px}
.syn-specs{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);overflow:hidden;font-size:14px}
.syn-specs th,.syn-specs td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--syn-b3);vertical-align:top}
.syn-specs tr:last-child th,.syn-specs tr:last-child td{border-bottom:0}
.syn-specs th{width:50%;font-weight:400;color:var(--syn-text2);border-right:1px solid var(--syn-b3);background:#fff}
.syn-specs td{font-weight:700}
.syn-desc{font-size:15px;line-height:1.6;color:var(--syn-text2)}
.syn-desc p{margin:0 0 12px}.syn-desc ul,.syn-desc ol{padding-left:22px;margin:0 0 12px}.syn-desc img{max-width:100%;height:auto}
.syn-desc a{color:var(--syn-primary);text-decoration:underline}
.syn-series{margin-top:36px;padding-top:30px;border-top:1px solid var(--syn-b1)}
.syn-series .syn-muted{margin:6px 0 14px}
.syn-stab{background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);overflow:hidden}
.syn-str{display:grid;grid-template-columns:minmax(0,2.4fr) 1fr 1.1fr 1.3fr 90px;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid var(--syn-b3);font-size:14px}
.syn-stab.is-series .syn-str{grid-template-columns:minmax(0,2.4fr) .9fr .6fr 1.1fr 1.3fr 90px}
.syn-str:last-child{border-bottom:0}
.syn-str--h{background:var(--syn-row);font-weight:700;font-size:12.5px;padding-top:10px;padding-bottom:10px}
.syn-str.is-cur{background:var(--syn-row)}
.syn-c{text-align:center}
.syn-c--here{grid-column:span 2;color:var(--syn-muted)}
.syn-prod-c{display:flex;align-items:center;gap:12px;min-width:0}
.syn-prod-c img{flex:none;width:40px;height:30px;object-fit:cover;border:1px solid var(--syn-b3);border-radius:3px;background:#fff}
.syn-prod-c a,.syn-prod-c span{color:var(--syn-text);text-decoration:underline;font-size:14px;overflow-wrap:anywhere}
.syn-prod-c span{text-decoration:none}
.syn-qty--s{height:32px}.syn-qty--s .syn-qty__b{width:24px}.syn-qty--s .syn-qty__i{width:30px}
.syn-add--sq{flex:none;width:34px;height:34px;padding:0;font-size:18px;border-radius:var(--syn-r)}
.syn-all{display:inline-block;margin-top:12px;font-weight:500;font-size:14.5px;text-decoration:underline!important;color:var(--syn-primary)}
.syn-deliv{margin-top:36px;padding:20px 28px;display:flex;gap:22px;align-items:center;font-size:14px;line-height:1.5;color:var(--syn-text2)}
.syn-deliv__ico{flex:none;color:var(--syn-primary)}
.syn-deliv b{display:block;font:600 22px/1.2 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head);margin-bottom:4px}
.syn-deliv a{color:var(--syn-primary);text-decoration:underline}
.syn-prod .syn-links{margin-top:32px;margin-bottom:0}
.syn-prod .syn-kp{margin-bottom:44px}

/* ---------- планшет ---------- */
@media (max-width:1023px){
  .syn-hero__cols,.syn-hero__cols--cat{grid-template-columns:minmax(0,1fr);gap:24px}
  .syn-hero__spec,.syn-hero__ben{justify-self:stretch;max-width:none}
  .syn-hero__circ{width:340px}
  .syn-find,.syn-block,.syn-faq,.syn-seo{padding:24px}
  .syn-panel__o{padding-left:0;border-left:0;width:100%}
  .syn-panel__sort{flex:1}
  .syn-panel select{width:100%;min-width:0}
  .syn-grid.is-list .syn-pcard{grid-template-columns:130px minmax(0,1fr)}
  .syn-grid.is-list .syn-pcard__ctl{grid-column:2;min-width:0}
  .syn-ptop{grid-template-columns:minmax(0,1fr)}
  .syn-pinfo{grid-template-columns:minmax(0,1fr);gap:32px}
  .syn-kp__form{flex-basis:100%}
}
/* ---------- мобильный ---------- */
@media (max-width:699px){
  .syn-page .syn-main{padding-top:20px}
  .syn-h2{font-size:24px;margin-top:28px}
  .syn-hero__in{padding-top:14px;padding-bottom:28px}
  .syn-crumbs{margin-bottom:16px}
  .syn-hero__lead{font-size:17px}
  .syn-hero__btns .syn-btn{flex:1 1 100%;text-align:center}
  .syn-hero__circ{width:340px;right:-120px}
  .syn-find{padding:20px 16px}.syn-find__ico{display:none}
  .syn-find__f{flex-direction:column}.syn-find__f .syn-btn{width:100%}
  .syn-sec{padding:14px;gap:12px}.syn-sec__img{width:88px;height:56px}
  .syn-sub{padding:12px;gap:12px}.syn-sub__img{width:72px;height:72px}
  .syn-panel{padding:16px}
  .syn-panel__ico{display:none}
  .syn-panel__row{flex-direction:column}.syn-panel__row .syn-btn{width:100%}
  .syn-grid{grid-template-columns:minmax(0,1fr)}
  .syn-pcard{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}
  .syn-pcard__img{width:72px;height:72px;grid-row:1}
  .syn-pcard__ctl{grid-column:1/-1}
  .syn-pcard__price{font-size:21px}
  .syn-grid.is-list .syn-pcard{grid-template-columns:72px minmax(0,1fr)}
  .syn-grid.is-list .syn-pcard__ctl{grid-column:1/-1}
  .syn-banner{padding:16px}.syn-banner .syn-btn{width:100%}
  .syn-btn--xl{padding:16px 24px}
  .syn-block,.syn-faq,.syn-seo,.syn-find{padding:20px 16px}
  .syn-seo__body,.syn-block__b{columns:1}
  .syn-kp{padding:18px 16px;gap:18px;margin-top:32px}
  .syn-kp__act{width:100%}.syn-kp__btn{width:100%}
  .syn-kp__txt h3{font-size:21px}
  .syn-kp__file{flex-wrap:wrap}
  .syn-buy__price{font-size:36px}
  .syn-str,.syn-stab.is-series .syn-str{grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;padding:14px 16px;align-items:center}
  .syn-c--q{grid-column:2}.syn-c--a{grid-column:3}
  .syn-str--h{display:none}
  .syn-prod-c{grid-column:1/-1}
  .syn-c{text-align:left}
  .syn-c[data-l]::before{content:attr(data-l)": ";color:var(--syn-muted);font-size:12.5px}
  .syn-c--here{grid-column:1/-1}
  .syn-deliv{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 16px}
  .syn-specs th,.syn-specs td{padding:10px 12px}
  .syn-specs th{width:46%}
  /* форма — bottom-sheet */
  .syn-qm{align-items:flex-end}
  .syn-qm__dlg{width:100%;max-width:none;max-height:94vh;border-radius:14px 14px 0 0;flex-direction:column}
  .syn-qm__side{display:none}
  .syn-qm__main{max-height:94vh}
  .syn-qm__x{top:1px;right:0;color:#fff;z-index:3}
  .syn-qm__x:hover{color:#fff}
  .syn-qm__mhead{display:flex;align-items:center;gap:12px;background:var(--syn-form);color:#fff;padding:10px 52px 10px 14px;min-height:62px}
  .syn-qm__mhead img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
  .syn-qm__mhead>div{min-width:0}
  .syn-qm__mt{font:600 19px/1.1 var(--syn-h-font);text-transform:uppercase}
  .syn-qm__ms{font-size:12.5px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .syn-qm__scroll{padding:16px 14px 4px;gap:10px}
  .syn-qm__item{display:none}
  .syn-form__row2{grid-template-columns:1fr}
  .syn-field input{height:46px}
  .syn-form__addc{display:block}
  .syn-qm:not(.is-c) .syn-field--c{display:none}
  .syn-qm__foot{padding:10px 14px calc(12px + env(safe-area-inset-bottom))}
  .syn-qm__alt{display:none}
  .syn-drop{padding:10px 12px}
}
@media (max-width:359px){.syn-pcard__ctl{flex-wrap:wrap}.syn-add{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* старые страницы под новой шапкой: отступ под прежнюю фиксированную шапку больше не нужен */
body:not(.syn-page) .desktop-container1{padding-top:0!important}
.syn-seo__body picture,.syn-desc picture,.syn-block picture{display:block;max-width:100%}
.syn-seo__body img,.syn-desc img,.syn-block img{max-width:100%!important;height:auto!important}
.syn-seo__body iframe,.syn-seo__body video{max-width:100%}
.syn-seo,.syn-block,.syn-faq{overflow-wrap:anywhere}
.syn-badge .cart-count{margin:0!important;transform:none!important;width:auto!important;height:auto!important;line-height:inherit!important;opacity:1!important}
.syn-badge{flex:none}

/* старые страницы: отступ под прежнюю фиксированную шапку убран */
body:not(.syn-page) .page-content{margin-top:0!important}
/* «Читать далее» на старых страницах (Bootstrap collapse внутри .trust) */
.trust .panel-collapse.collapse.in,.panel-collapse.collapse.in{display:block!important}
/* число товаров на странице */
.syn-panel__sort+.syn-panel__sort{margin-left:0}
.syn-panel__o{flex-wrap:wrap}
.syn-sel--per{display:flex;align-items:center;gap:8px}
.syn-selcap{font-size:13px;color:var(--syn-muted);white-space:nowrap}
.syn-sel--per select{min-width:72px}
.syn-panel__sort select#synPer{min-width:76px}
/* таблицы в SEO-тексте */
.syn-tw{column-span:all;overflow-x:auto;margin:0 0 18px}
.syn-tw table{width:100%;min-width:480px;border-collapse:collapse;font-size:14px}
.syn-tw th,.syn-tw td{border:1px solid var(--syn-b1);padding:8px 10px;text-align:left;vertical-align:top}
.syn-tw th{background:var(--syn-row)}
.syn-seo__body>*:first-child{margin-top:0}
.syn-seo__body h2,.syn-seo__body h3,.syn-seo__body h4{break-after:avoid;break-inside:avoid}
.syn-seo__body p,.syn-seo__body li{break-inside:avoid-column;overflow-wrap:anywhere}
.syn-seo__body a{word-break:break-word}
.page-content{margin-top:0!important}

/* панель поиска в категории: поле, выбор числа, сортировка и кнопки вида — на одной линии */
.syn-panel{align-items:flex-end}
.syn-panel__s{align-items:flex-end}
.syn-panel__ico{margin-bottom:0}
.syn-panel__o{align-items:flex-end;align-self:stretch}
.syn-panel__o .syn-view{width:40px;height:40px;margin:0}
.syn-panel__sort{margin:0}
.syn-panel__sort select{display:block}
@media (max-width:699px){
  .syn-panel__row input{flex:none;width:100%;height:44px;font-size:16px}
  .syn-panel__row .syn-btn{height:44px}
  .syn-panel__o{gap:8px}
  .syn-panel__sort{flex:1 1 0;min-width:0}
  .syn-panel__sort:first-child{flex:0 0 84px}
  .syn-panel select,.syn-panel__sort select#synPer{width:100%;min-width:0;height:44px;font-size:16px}
  .syn-panel__o .syn-view{width:44px;height:44px}
}

/* подсказки поиска */
.syn-search{position:relative}
.syn-sug{position:absolute;left:0;top:calc(100% + 6px);z-index:60;width:max(100%,560px);max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--syn-b2);border-radius:var(--syn-r6);box-shadow:0 14px 34px rgba(8,65,107,.2);overflow:hidden;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain}
.syn-sug[hidden]{display:none}
.syn-sug a{display:flex;align-items:center;gap:12px;padding:8px 14px;color:var(--syn-text);text-decoration:none}
.syn-sug a:hover,.syn-sug a.is-cur{background:var(--syn-tint)}
.syn-sug__h{padding:10px 14px 4px;font-size:11.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--syn-meta)}
.syn-sug__it img,.syn-sug__noimg{flex:none;width:40px;height:40px;object-fit:cover;border:1px solid var(--syn-b3);border-radius:var(--syn-r);background:#fff}
.syn-sug__t{flex:1;min-width:0;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.syn-sug__p{flex:none;font:500 14px var(--syn-h-font);color:var(--syn-head);white-space:nowrap}
.syn-sug mark{background:#fff3b0;color:inherit;padding:0 1px;border-radius:2px}
.syn-sug__cat{font-size:14px;font-weight:500;color:var(--syn-primary)!important}
.syn-sug a.syn-sug__all{justify-content:center;border-top:1px solid var(--syn-b3);color:var(--syn-primary);font-weight:500;font-size:14px;padding:12px}
.syn-sug__empty{padding:16px 14px;font-size:14px;color:var(--syn-muted)}
@media (max-width:699px){.syn-sug{width:calc(100vw - 28px);left:0}.syn-sug__p{font-size:13px}}

.syn-fold a.is-sub{color:var(--syn-text2);font-weight:400;text-decoration:none!important}
.syn-fold--v .is-sub{padding-left:10px}
a.syn-pager__b{text-decoration:none}
a.syn-pager__b.is-on{color:#fff}

/* ===== Заявка на расчёт поставки (/cart/) ===== */
.req-lead{margin:0 0 28px;font-size:19px;line-height:1.5;color:var(--syn-text2);max-width:760px}
.req-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.req-grid[hidden],.req-steps[hidden],.req-lead[hidden]{display:none}
.req-main{display:flex;flex-direction:column;gap:20px;min-width:0}
.req-box{padding:28px 32px}
.req-box h2,.req-aside h2,.req-steps h2{margin:0;font:600 28px/1.15 var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.req-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.req-count{font-size:14.5px;color:var(--syn-text2);white-space:nowrap}
.req-sub{margin:6px 0 16px;font-size:14.5px;color:var(--syn-muted)}
.req-hint{font-size:13px;color:var(--syn-muted);margin-top:8px}
.req-hint--r{text-align:right}
.req-err{font-size:12.5px;color:var(--syn-err);margin-top:6px}
.req-err[hidden]{display:none}
.req-err--form{font-size:13.5px;text-align:left}
/* таблица */
.req-table{border:1px solid var(--syn-b1);border-radius:var(--syn-r6);overflow:hidden}
.req-thead,.req-row{display:grid;grid-template-columns:minmax(0,1fr) 104px 140px 48px 116px 52px;align-items:stretch}
.req-thead{background:var(--syn-row);font-size:13px;font-weight:700}
.req-thead span{padding:12px 6px;text-align:center;border-left:1px solid #e3e8ed}
.req-thead span:first-child{padding:12px 14px;text-align:left;border-left:0}
.req-row{border-top:1px solid #e3e8ed}
.req-row .req-c{padding:10px 6px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:14.5px;border-left:1px solid #e3e8ed;min-width:0}
.req-c--name{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px;text-align:left!important;padding:12px 14px!important;border-left:0!important}
.req-th{flex:none;width:72px;height:62px;border:1px solid #e3e8ed;border-radius:var(--syn-r);background:#fff;overflow:hidden;display:block}
.req-th img{display:block;width:100%;height:100%;object-fit:cover}
.req-th__ph{display:block;width:100%;height:100%;background:#f4f7fa}
.req-nm{min-width:0;flex:1}
.req-nm a,.req-nm__t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:14.5px;font-weight:500;line-height:1.3;color:var(--syn-text)}
.req-nm a{text-decoration:underline}
.req-nm a:hover{color:var(--syn-primary)}
.req-gone{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:10px;background:#fdecec;color:var(--syn-err);font-size:12px}
.req-cm{display:flex;align-items:center;gap:4px;max-width:100%;margin:6px 0 0;padding:0;border:0;background:none;cursor:pointer;text-align:left;font:400 12.5px/1.3 var(--syn-b-font);color:var(--syn-muted)}
.req-cm:hover{color:var(--syn-primary)}
.req-cm svg{transition:transform .2s}
.req-cm[aria-expanded=true] svg{transform:rotate(180deg)}
.req-cmrow{grid-column:1/-1;padding:0 14px 12px}
.req-cmrow[hidden]{display:none}
.req-cmrow input{width:100%;height:38px;padding:0 12px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 14px var(--syn-b-font);background:#fff;margin:0;box-shadow:none}
.req-c--qty{flex-direction:row!important;gap:8px}
.req-unit-in{display:none;font-size:14px;color:var(--syn-muted)}
.req-c--unit{color:var(--syn-muted);font-size:14px!important}
.req-unitsel{max-width:46px;height:32px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 12px var(--syn-b-font);background:#fff;padding:0 2px}
.req-c--sum{font-weight:500}
.req-c--price i,.req-c--sum i{display:none}
.req-del{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--syn-r);background:none;cursor:pointer;color:var(--syn-muted);padding:0}
.req-del:hover{background:#fdecec;color:var(--syn-err)}
.req-row.is-missing .req-th,.req-row.is-missing .req-nm{opacity:.7}
.req-empty{padding:28px 16px;text-align:center;font-size:14.5px;color:var(--syn-muted);border-top:1px solid #e3e8ed}
.req-empty[hidden]{display:none}
.req-table.is-empty .req-thead{display:none}
.req-note{margin:10px 0 18px;font-size:13px;color:var(--syn-muted)}
.req-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}
.req-btn{height:46px;font-weight:500;font-size:14.5px}
.req-manual{margin-top:18px;padding:16px;border:1.5px dashed #b7c6d4;border-radius:var(--syn-r6);background:#f9fbfc}
.req-manual__t{font-weight:700;font-size:14.5px;margin-bottom:12px}
.req-manual__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.req-manual__row>input{flex:1 1 220px;min-width:0;height:42px;padding:0 14px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 14px var(--syn-b-font);background:#fff;margin:0;box-shadow:none}
.req-manual__row select{height:42px;padding:0 10px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);background:#fff;font:400 14px var(--syn-b-font);margin:0}
.req-manual__row .syn-btn{height:42px;padding:0 24px}
/* степпер */
.req-step{display:inline-flex;align-items:stretch;border:1px solid var(--syn-b2);border-radius:var(--syn-r);height:36px;background:#fff;overflow:hidden}
.req-step button{width:34px;border:0;background:none;cursor:pointer;font-size:17px;color:var(--syn-text);padding:0}
.req-step button:hover{background:#eef5fb}
.req-step input{width:54px;min-width:0;border:0!important;border-left:1px solid #e3e8ed!important;border-right:1px solid #e3e8ed!important;text-align:center;font:500 14.5px var(--syn-b-font);color:var(--syn-text);background:#fff;padding:0!important;margin:0;box-shadow:none!important;border-radius:0}
.req-manual .req-step{height:42px}
input.is-bad,select.is-bad,.req-manual__row>input.is-bad{border-color:var(--syn-err)!important}
/* файлы */
.req-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border:1.5px dashed #b7c6d4;border-radius:var(--syn-r6);background:#f9fbfc;cursor:pointer;text-align:center;margin:0;font-weight:400}
.req-drop:hover,.req-drop.is-over{border-color:var(--syn-primary);background:#f0f7fc}
.req-drop__t{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;color:var(--syn-head)}
.req-drop__s{font-size:13.5px;color:var(--syn-muted)}
.req-files{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.req-files:empty{display:none}
.req-file{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--syn-row);border:1px solid #e3e8ed;border-radius:var(--syn-r);font-size:13.5px}
.req-file.is-err{border-color:var(--syn-err)}
.req-file__n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.req-file__n small{color:var(--syn-muted);margin-left:6px}
.req-file__p{width:90px;height:6px;border-radius:3px;background:#dde3e9;overflow:hidden;flex:none}
.req-file__p i{display:block;height:100%;background:var(--syn-primary)}
.req-file__e{color:var(--syn-err);font-size:12.5px}
.req-file__ok{color:#2e8b57;font-weight:700}
.req-file button{width:28px;height:28px;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--syn-muted);padding:0}
.req-file button:hover{color:var(--syn-err)}
.req-mode{border:0;padding:0;margin:18px 0 0}
.req-mode[hidden]{display:none}
.req-mode legend{font-weight:700;font-size:14.5px;margin-bottom:10px;padding:0}
.req-radio,.req-chk{display:flex;align-items:center;gap:12px;min-height:36px;cursor:pointer;font-size:14.5px;margin:0;font-weight:400;position:relative}
.req-radio input,.req-chk input{position:absolute;opacity:0;width:20px;height:20px;margin:0}
.req-radio__i{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--syn-primary);background:#fff;display:grid;place-items:center}
.req-radio__i::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--syn-primary);opacity:0}
.req-radio input:checked+.req-radio__i::after{opacity:1}
.req-chk__i{flex:none;width:20px;height:20px;border-radius:3px;border:1.5px solid var(--syn-primary);background:#fff;display:grid;place-items:center;margin-top:0}
.req-chk__i::after{content:"";width:10px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.req-chk input:checked+.req-chk__i{background:var(--syn-primary)}
.req-chk input:checked+.req-chk__i::after{opacity:1}
.req-chk input:focus-visible+.req-chk__i,.req-radio input:focus-visible+.req-radio__i{outline:2px solid var(--syn-primary);outline-offset:2px}
.req-chk--c{align-items:flex-start;font-size:13.5px;line-height:1.45}
.req-chk--c a{text-decoration:underline;font-size:12.5px;color:var(--syn-primary)}
.req-chk.is-bad .req-chk__i{border-color:var(--syn-err)}
.req-chk.is-bad{color:var(--syn-err)}
#reqComment{display:block;width:100%;padding:12px 14px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 14.5px/1.45 var(--syn-b-font);resize:vertical;background:#fff;margin:0;box-shadow:none;color:var(--syn-text)}
#reqComment:focus,.req-f input:focus,.req-manual__row>input:focus,.req-cmrow input:focus{outline:0;border-color:var(--syn-primary);box-shadow:0 0 0 3px var(--syn-tint)}
/* правая колонка */
.req-aside{padding:28px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.req-aside h2{font-size:26px}
.req-aside form{display:flex;flex-direction:column;gap:16px;margin:0}
.req-sum{background:var(--syn-tint);border:1px solid var(--syn-tint-b);border-radius:var(--syn-r6);padding:18px 20px}
.req-sum__k{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--syn-primary-h);margin-bottom:6px}
.req-sum__d{font-size:14px;color:var(--syn-text2)}
.req-sum__v{font:500 36px/1.15 var(--syn-h-font);color:var(--syn-head);margin:2px 0 8px}
.req-sum__l{font-size:14px;line-height:1.5;color:var(--syn-text);padding-bottom:10px;border-bottom:1px solid var(--syn-tint-b);display:flex;flex-direction:column;gap:2px}
.req-sum__l span[hidden]{display:none}
.req-sum__n{font-size:12.5px;line-height:1.5;color:var(--syn-muted);margin-top:10px}
.req-f{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;margin:0}
.req-f>span:first-child{font-weight:500}
.req-f input{height:44px;padding:0 14px;border:1px solid var(--syn-b2);border-radius:var(--syn-r);font:400 14.5px var(--syn-b-font);background:#fff;margin:0;box-shadow:none;width:100%;color:var(--syn-text)}
.req-f .req-err{font-weight:400}
.req-sec{border-top:1px solid var(--syn-b3);padding-top:16px;display:flex;flex-direction:column;gap:12px}
.req-sec__h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.req-sec__h b{font:600 18px var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.req-sec__h span{font-size:13px;color:var(--syn-muted)}
.req-submit{height:54px;font-size:15.5px;width:100%;white-space:normal;line-height:1.2}
.req-aft{font-size:13.5px;line-height:1.5;color:var(--syn-muted);text-align:center}
.req-call{border-top:1px solid var(--syn-b3);padding-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14.5px}
.req-call .syn-i{color:var(--syn-primary)}
.req-call a{color:var(--syn-text);text-decoration:none}
/* шаги и итоги */
.req-steps{margin:28px 0 44px;padding:28px 32px}
.req-steps h2{text-align:center;margin-bottom:20px}
.req-steps__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.req-step3{display:flex;gap:18px;align-items:flex-start;padding:0 24px}
.req-step3+.req-step3{border-left:1px solid var(--syn-b3)}
.req-step3 .syn-i{color:var(--syn-primary)}
.req-step3 b{display:block;font-size:16px;margin-bottom:4px}
.req-step3 span{font-size:14px;line-height:1.5;color:var(--syn-text2)}
.req-done{margin:20px 0 48px;padding:48px 24px;background:#fff;border:1px solid var(--syn-b1);border-radius:var(--syn-r6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.req-done[hidden]{display:none}
.req-done__ico{width:64px;height:64px;border-radius:50%;background:var(--syn-tint);display:grid;place-items:center;color:var(--syn-primary)}
.req-done h2{margin:0;font:600 30px var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.req-done p{margin:0;color:var(--syn-text2)}
.req-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;background:#17283a;color:#fff;padding:12px 18px;border-radius:var(--syn-r6);font-size:14px;box-shadow:0 10px 30px rgba(8,30,50,.35);display:flex;gap:14px;align-items:center}
.req-toast[hidden]{display:none}
.req-toast button{border:0;background:none;color:#9fd1f5;font:500 14px var(--syn-b-font);cursor:pointer;text-decoration:underline;padding:0}
.req :focus-visible{outline:2px solid var(--syn-primary);outline-offset:2px}

@media (max-width:959px){
  .req-grid{grid-template-columns:minmax(0,1fr)}
  .req-aside{padding:24px}
}
@media (max-width:699px){
  .req-lead{font-size:17px;margin-bottom:20px}
  .req-box,.req-steps{padding:20px 16px}
  .req-box h2,.req-steps h2{font-size:22px}
  .req-aside{padding:20px 16px}.req-aside h2{font-size:22px}
  .req-thead{display:none}
  .req-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;grid-template-areas:"name name del" "price sum sum" "qty qty qty";row-gap:10px;padding:14px 12px;align-items:start}
  .req-row .req-c{border-left:0!important;padding:0!important;align-items:flex-start;text-align:left}
  .req-c--name{grid-area:name;gap:12px}
  .req-c--del{grid-area:del;align-items:flex-end!important}
  .req-c--price{grid-area:price}
  .req-c--sum{grid-area:sum;align-items:flex-end!important;text-align:right!important}
  .req-c--qty{grid-area:qty;flex-direction:row!important;align-items:center!important;gap:12px}
  .req-c--unit{display:none!important}
  .req-unit-in{display:inline}
  .req-row[data-id^=m] .req-c--qty .req-unit-in{display:none}
  .req-c--price i,.req-c--sum i{display:block;font-style:normal;font-size:11.5px;color:var(--syn-meta);margin-bottom:2px;font-weight:400}
  .req-row .req-c--price::before{content:attr(data-l);display:block;font-size:11.5px;color:var(--syn-meta);margin-bottom:2px}
  .req-row .req-c--sum::before{content:attr(data-l);display:block;font-size:11.5px;color:var(--syn-meta);font-weight:400;margin-bottom:2px}
  .req-step{height:44px;flex:1}
  .req-step button{width:48px;font-size:19px}
  .req-step input{flex:1;font-size:16px}
  .req-c--del{align-self:start}
  .req-del{width:44px;height:44px}
  .req-cmrow{padding:0 0 4px}
  .req-manual__row>input,.req-manual__row select,.req-aside input,#reqComment,.req-cmrow input{font-size:16px}
  .req-manual__row>input{flex-basis:100%}
  .req-steps__g{grid-template-columns:1fr;gap:20px}
  .req-step3{padding:0}.req-step3+.req-step3{border-left:0}
  .req-step3 .syn-i{width:36px;height:36px}
}
@media (max-width:399px){.req-th{width:48px;height:48px}}
@media (hover:none){.req-step button:hover{background:none}}
.req-drop input[type=file],.req input[type=file]{display:none!important}
@media (max-width:699px){.req-manual .req-step{flex:none}.req-manual .req-step input{flex:none;width:54px}}
.syn-thanks .req-done{margin:20px 0 56px}
.req-done__h{margin:0;font:600 34px var(--syn-h-font);text-transform:uppercase;color:var(--syn-head)}
.syn-thanks__num{font:600 22px var(--syn-h-font)!important;text-transform:uppercase;color:var(--syn-primary)!important}
.syn-thanks__ph a{color:var(--syn-text);text-decoration:none}
.syn-thanks__btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.syn-thanks__num[hidden]{display:none}