/* Shared drawers across every Pelltech page; behavior remains in header.js. */
.wb-panel{font-family:var(--wb-font-base),sans-serif;color:#242629;background:#fff;box-shadow:0 12px 60px #24262920}
.wb-panel .wb-panel__head{flex-shrink:0;align-items:center;margin:0;padding:26px 28px 22px;border-bottom:1px solid #e4e5e7;background:linear-gradient(135deg,#fff,#f7f7f8)}
.wb-panel .wb-panel__title{font-family:var(--wb-font-base),sans-serif;font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.025em;text-transform:none;color:#242629}
.wb-panel .wb-panel__close{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:10px;border:1px solid #e1e3e6;border-radius:12px;background:#fff;color:#62676c;transition:color .2s,background .2s,border-color .2s}
.wb-panel .wb-panel__close:hover{color:#c41e2e;background:#fff4f5;border-color:#eac3c8}
.wb-panel .wb-panel__body,.wb-panel .wb-panel__head+.wb-panel__body{padding:24px 28px 32px}
.pt-panel-intro{font-size:15px;line-height:1.65;color:#62676c;margin:0 0 24px;max-width:460px}
.wb-panel .wb-contacts__group{border:1px solid #e4e5e7;border-radius:14px;padding:18px 20px;margin:0 0 12px;background:#fafafa}
.wb-panel .wb-contacts__label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#72767c;margin:0 0 10px}
.wb-panel .wb-contacts__value{font-family:inherit;font-size:18px;line-height:1.45;letter-spacing:-.01em;font-weight:500;color:#242629;overflow-wrap:anywhere;margin:0}
.wb-panel .wb-contacts__value[data-ico=tel]{font-size:24px;font-weight:600}
.wb-panel .wb-contacts__value:hover{color:#a81726}
.wb-panel .wb-contacts__icon{opacity:.75;flex-shrink:0}
.wb-panel .wb-contacts__social{border:1px solid #e4e5e7;border-radius:10px;background:#fff;min-width:44px;min-height:44px}
.wb-panel .wb-contacts__cta,.wb-panel .wb-cart-panel__btn--primary{border-radius:12px;border:1px solid #c41e2e;background:#c41e2e;color:#fff;min-height:50px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,box-shadow .2s}
.wb-panel .wb-contacts__cta:hover,.wb-panel .wb-cart-panel__btn--primary:hover{background:#ab1826;box-shadow:0 5px 18px #c41e2e1a}
.wb-panel .wb-psearch__form{padding:6px 6px 6px 16px;border:1px solid #cbd0d4;border-radius:14px;background:#fafafa;gap:10px;min-height:58px}
.wb-panel .wb-psearch__form:focus-within{border-color:#c41e2e;box-shadow:0 0 0 3px #c41e2e10;background:#fff}
.wb-panel .wb-psearch__input{min-width:0;font-family:inherit;font-size:16px;padding:8px 0}
.wb-panel .wb-psearch__icon{display:none}
.pt-search-submit{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:10px;background:#c41e2e;color:#fff;cursor:pointer}
.pt-search-submit svg{width:20px;height:20px}.pt-search-submit:hover{background:#ab1826}
.wb-panel .wb-psearch__clear{position:static;flex:0 0 32px;width:32px;height:40px;transform:none;padding:6px}
.wb-panel .wb-psearch__clear[hidden]{display:none}
.wb-panel .wb-psearch__hint{font-family:inherit;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#62676c;margin:28px 0 14px}
.wb-panel .wb-psearch__suggest{gap:8px}.wb-panel .wb-psearch__suggest a{font-family:inherit;font-size:13px;border:1px solid #e1e3e6;border-radius:9px;background:#f7f7f8;padding:10px 13px;color:#242629}
.wb-panel .wb-psearch__suggest a:hover{color:#a81726;border-color:#d9a7af;background:#fff4f5}
.wb-panel .wb-psearch__results{margin-top:18px;border-radius:12px}
.wb-panel .wb-cart-panel__item{border:1px solid #e4e5e7;border-radius:14px;padding:18px;margin-bottom:12px;gap:16px;align-items:flex-start;background:#fff}
.wb-panel .wb-cart-panel__image{border-radius:10px;background:#f5f5f6;overflow:hidden}
.wb-panel .wb-cart-panel__name{font-family:inherit;font-size:16px;line-height:1.4;font-weight:550;letter-spacing:0;text-transform:none}
.wb-panel .wb-cart-panel__price{font-family:inherit;font-size:20px;font-weight:650;letter-spacing:-.02em}
.wb-panel .wb-cart-panel__qty-btn{border-radius:8px;background:#f5f5f6;min-width:36px;min-height:36px}
.wb-panel .wb-cart-panel__empty{font-family:inherit;text-transform:none;border:1px dashed #d4d7dc;border-radius:16px;background:#f7f7f8;padding:36px 24px;font-size:17px;line-height:1.6;color:#62676c;margin:0}
.wb-panel .wb-cart-panel__footer{border-top:1px solid #e4e5e7;padding:22px 28px 28px;background:#f8f8f9}
.wb-panel .wb-cart-panel__total{font-family:inherit;font-size:24px;letter-spacing:-.02em;text-transform:none;margin:0 0 18px}
.wb-panel .wb-cart-panel__btn--ghost{border-radius:12px;border:1px solid #d9dce1;background:#fff;color:#242629;font-family:inherit;font-size:14px;min-height:50px}
.wb-panel .wb-menu__head{background:#fff}
.wb-panel .wb-menu__row{border-radius:10px;transition:background .2s,color .2s}
.wb-panel .wb-menu__row-title{font-family:var(--wb-font-base),sans-serif;font-size:20px;font-weight:550;letter-spacing:-.015em;text-transform:none}
.wb-panel .wb-menu__row:hover,.wb-panel .wb-menu__row.is-active{background:#f7eff0;color:#a81726}
.wb-panel .wb-menu__links a{font-family:var(--wb-font-base),sans-serif;font-size:18px;font-weight:500;text-transform:none;letter-spacing:-.01em}
.wb-panel :is(a,button,input):focus-visible{outline:3px solid #c41e2e;outline-offset:3px}
@media(max-width:700px){.wb-panel .wb-panel__head{padding:20px}.wb-panel .wb-panel__title{font-size:26px}.wb-panel .wb-panel__body,.wb-panel .wb-panel__head+.wb-panel__body{padding:22px 20px 28px}.wb-panel .wb-contacts__group{padding:16px}.wb-panel .wb-cart-panel__footer{padding:20px}.wb-panel .wb-cart-panel__item{padding:14px;gap:12px}.wb-panel .wb-menu__row-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){.wb-panel,.wb-panel *{transition:none!important;animation:none!important}}
/* The field uses the enclosing form's focus ring, avoiding a second rectangle. */
.wb-panel .wb-psearch__input:focus-visible{outline:none}
.wb-panel .wb-live-search__product{padding:12px;border:1px solid #e4e5e7;border-radius:12px;margin-bottom:8px;gap:14px;background:#fff;transition:background .2s,border-color .2s}
.wb-panel .wb-live-search__product:hover{border-color:#dcb3ba;background:#fcf7f8}
.wb-panel .wb-live-search__thumb{width:56px;height:62px;object-fit:contain;border-radius:8px;background:#f5f5f6;flex-shrink:0}
.wb-panel .wb-live-search__name{font-family:inherit;font-size:15px;line-height:1.4;color:#242629}
.wb-panel .wb-live-search__more{border-radius:10px;background:#f5f5f6;border:1px solid #e4e5e7;font-family:inherit;font-size:14px;padding:14px}
.wb-panel .wb-cart-panel__qty-input{height:36px;font-size:16px;border-radius:8px}
@media(max-width:700px){.wb-panel .wb-cart-panel__item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px 16px}.wb-panel .wb-cart-panel__image{grid-column:1;grid-row:1/3}.wb-panel .wb-cart-panel__info,.wb-panel .wb-cart-panel__price{grid-column:2}.wb-panel .wb-cart-panel__price{white-space:normal}.wb-panel .wb-cart-panel__name{font-size:16px}}

/* Menu: one spacing scale, equal image frames and content-sized labels. */
.wb-panel[data-wb-panel="menu"] .wb-menu__col{padding:20px 16px 28px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.wb-panel .wb-menu__head{padding:0 8px 16px;margin:0 0 16px;min-height:60px;flex-shrink:0}
.wb-panel .wb-menu__head .wb-panel__title{font-size:26px}
.wb-panel .wb-menu__sub{padding:28px 24px;overscroll-behavior:contain}
.wb-panel .wb-menu__subhead{font-size:15px;line-height:1.4;letter-spacing:0;text-transform:none;color:#62676c;margin-bottom:18px}
.wb-panel .wb-menu__cards{gap:16px;grid-auto-rows:auto}
.wb-panel .wb-menu__card{min-width:0;justify-content:flex-start;gap:0;padding:0;border-radius:14px}
.wb-panel .wb-menu__card-media{flex:0 0 auto;aspect-ratio:1;}
.wb-panel .wb-menu__card-title{display:block;align-content:center;flex:1;box-sizing:border-box;width:100%;min-height:0;padding:16px;font-size:17px;line-height:1.4;overflow-wrap:anywhere;}
.wb-panel .wb-menu__card-title .wb-menu__num{white-space:nowrap;overflow-wrap:normal}
.wb-panel .wb-menu__viewhead{gap:12px;margin:0 0 20px;align-items:center}
.wb-panel .wb-menu__back{min-height:44px;gap:12px;font-family:var(--wb-font-base),sans-serif;font-size:22px;font-weight:600;line-height:1.3;text-transform:none;letter-spacing:-.02em;color:#242629}
.wb-panel .wb-menu__viewclose{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f3f4f5}
.wb-panel .wb-menu__back-title{overflow-wrap:anywhere}
.wb-panel .wb-menu__links a{min-height:56px}
@media(min-width:768px){
 .wb-panel[data-wb-panel="menu"] .wb-menu__col{width:380px;flex:0 0 380px}
 .wb-panel .wb-menu__sub{min-width:0}
 .wb-panel .wb-menu__cards,.wb-panel .wb-menu__links{width:min(620px,calc(100vw - 428px))}
 .wb-panel .wb-menu__links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:991px){
 .wb-panel[data-wb-panel="menu"] .wb-menu__col{width:352px;flex-basis:352px}
 .wb-panel .wb-menu__row-title{font-size:18px}
 .wb-panel .wb-menu__sub{padding:28px 20px}
 .wb-panel .wb-menu__cards,.wb-panel .wb-menu__links{width:100%}
 .wb-panel .wb-menu__links{grid-template-columns:1fr}
 .wb-panel .wb-menu__card-title{font-size:16px;padding:14px 10px;min-height:0}
}
@media(max-width:767px){
 .wb-panel[data-wb-panel="menu"]{width:100%;height:100%;height:100dvh;max-width:100vw}
 .wb-panel[data-wb-panel="menu"] .wb-menu__col{width:100%;flex:1 1 auto;padding:16px 16px max(24px,env(safe-area-inset-bottom))}
 .wb-panel .wb-menu__head{padding:0 4px 16px}
 .wb-panel .wb-menu__row{min-height:64px;padding:12px 8px;gap:12px}
 .wb-panel .wb-menu__row-title{font-size:18px;line-height:1.35}
 .wb-panel .wb-menu__cards--level{width:100%;gap:12px}
 .wb-panel .wb-menu__cards--level .wb-menu__card{padding:0;gap:0}
 .wb-panel .wb-menu__cards--level .wb-menu__card-title{font-size:15px;line-height:1.4;padding:12px 10px;min-height:0}
 .wb-panel .wb-menu__all{min-height:48px;margin-bottom:16px}
 .wb-panel .wb-menu__card:hover{transform:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
 .wb-panel .wb-menu__view,.wb-panel .wb-menu__view--back{animation:none}
 .wb-panel .wb-menu__card-img{transition:none;transform:none}
}

/* Desktop branch changes keep the drawer geometry stable. Only the new
   content fades in; no exit delay or staggered card animations. */
@media(min-width:768px){
 .wb-panel[data-wb-panel="menu"]{width:min(1048px,100vw);overflow:hidden}
 .wb-panel .wb-menu__sub{flex:1 1 auto;min-width:0}
 .wb-panel .wb-menu__sub.is-open{animation:pt-menu-branch-in 140ms cubic-bezier(.2,.7,.3,1) both}
 .wb-panel .wb-menu__row,.wb-panel .wb-menu__row-ico,.wb-panel .wb-menu__row-arrow{transition-duration:120ms}
}
@keyframes pt-menu-branch-in{from{opacity:.45;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.wb-panel .wb-menu__sub.is-open{animation:none}}
/* Крестик всех попапов (вход/регистрация, заявка, быстрый заказ, «Оплата частями», отзыв, вопрос, 3D, видео)
   — та же кнопка 42×42, что у шторок. Старые правила темы (.wb-close…:hover, 0,4,0) на ховере сжимали её
   до 20×20 без рамки: курсор выпадал за край, кнопка вырастала обратно — мигание. Размер и рамка заданы
   для всех состояний (специфичность 0,4,0 / 0,5,0 — через [class][aria-label]), меняются только цвета.
   Заголовок не заходит под крестик. */
:is(.wb-auth-modal,.wb-request-modal,.wb-quickorder) :is(.wb-auth-panel__close,.wb-quickorder__close)[class][aria-label],:is(.wb-auth-modal,.wb-request-modal,.wb-quickorder) :is(.wb-auth-panel__close,.wb-quickorder__close)[class][aria-label]:is(:hover,:focus,:focus-visible,:active){position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:10px;border:1px solid #e1e3e6;border-radius:12px;background:#fff;box-shadow:none;outline:none;transform:none;color:#62676c;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
:is(.wb-auth-modal,.wb-request-modal,.wb-quickorder) :is(.wb-auth-panel__close,.wb-quickorder__close)[class][aria-label]:is(:hover,:focus-visible){color:#c41e2e;background:#fff4f5;border-color:#eac3c8}
:is(.wb-auth-modal,.wb-request-modal,.wb-quickorder) :is(.wb-auth-panel__close,.wb-quickorder__close)[class][aria-label]:focus-visible{outline:3px solid #c41e2e;outline-offset:2px}
:is(.wb-auth-modal,.wb-request-modal,.wb-quickorder) :is(.wb-auth-panel__close,.wb-quickorder__close)[class][aria-label] svg{display:block;flex:0 0 auto;width:18px;height:18px}
:is(.wb-auth-modal,.wb-request-modal) .wb-auth-panel__title,.wb-auth-modal .wb-auth-panel__sub,.wb-quickorder .wb-quickorder__title{padding-right:56px}
/* Попапы товара («Оплата частями», отзыв, вопрос, 3D, видео): крестик стоял в углу 14/14 — выравниваем по полю контента и заголовку. */
.wb-request-modal:not([data-systemway-request-modal]) .wb-auth-panel__close[class][aria-label]{top:36px;right:32px}
@media(max-width:600px){.wb-request-modal:not([data-systemway-request-modal]) .wb-auth-panel__close[class][aria-label]{top:24px;right:20px}}
/* Шторка «Поиск» — «Часто ищут»: группы «Разделы» / «Популярное», ссылки-«чипы» на страницы (27.09) */
.wb-panel .wb-psearch__suggest{display:grid;gap:20px}
.pt-suggest-group__title{margin:0 0 10px;font-size:13px;font-weight:600;color:#242629}
.pt-suggest-group__chips{display:flex;flex-wrap:wrap;gap:8px}
.wb-panel .wb-psearch__suggest a.pt-suggest-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid #e1e3e6;border-radius:999px;background:#fff;color:#242629;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s}
.pt-suggest-chip span{color:#9a9ea3;font-size:12px;transition:color .18s,transform .18s}
.wb-panel .wb-psearch__suggest a.pt-suggest-chip:hover,.wb-panel .wb-psearch__suggest a.pt-suggest-chip:focus-visible{border-color:#c41e2e;background:#fff4f5;color:#a81726;outline:none}
.pt-suggest-chip:hover span,.pt-suggest-chip:focus-visible span{color:#c41e2e;transform:translate(1px,-1px)}
/* Шторка «Контакты» — мессенджеры в стиле кнопок-ссылок карточки товара: рамка, при наведении тёмная заливка и белая иконка */
.pt-contact-links{display:flex;flex-wrap:wrap;gap:10px}
.pt-contact-link{display:inline-flex;flex:1 1 140px;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid #242629;border-radius:8px;background:#fff;color:#242629;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s}
.pt-contact-link__icon{display:block;flex:0 0 auto;width:30px;height:30px;margin:-6px -2px -6px -8px;object-fit:contain;transition:filter .2s,transform .26s}
.pt-contact-link:hover,.pt-contact-link:focus-visible{border-color:#242629;background:#242629;color:#fff;outline:none}
.pt-contact-link:hover .pt-contact-link__icon,.pt-contact-link:focus-visible .pt-contact-link__icon{filter:brightness(0) invert(1);transform:translateX(-2px)}
@media(prefers-reduced-motion:reduce){.pt-suggest-chip,.pt-suggest-chip span,.pt-contact-link,.pt-contact-link__icon{transition:none}}
/* Шторка корзины: строка-проект (модель БМК) — серия котлов и статус расчёта (27.09) */
.wb-panel .wb-cart-panel__quote{display:block;margin:4px 0 6px;color:#62676c;font-size:12px;line-height:1.4}