/* Start:/bitrix/templates/profstaldom/components/bitrix/catalog/products/bitrix/catalog.element/v2_3/style.css?179456600854065*/
/* Карточка товара. Все классы с префиксом pv-: на странице есть Bootstrap 4 и общие стили сайта (.card, .btn, .media, h2…).
   Сетка 4 px: высоты, отступы и межстрочные интервалы кратны 4. У блока с рамкой 1 px поле на 1 px меньше. */

.pv-page{
	/* синий: --pv-fill — заливка кнопок, как на сайте; --pv-blue — ссылки и контуры выбранного */
	--pv-fill:#1e40af;--pv-fillh:#1e3a8a;
	--pv-blue:#004ecc;--pv-blueh:#003ea6;--pv-sky:#edf3ff;
	--pv-ink:#0b1f3a;--pv-ink2:#3a4759;--pv-muted:#667085;--pv-muted2:#98a2b3;--pv-h2s:#808a9a;
	--pv-line:#e4e7ec;--pv-line2:#eef0f3;--pv-line3:#cfd4dc;--pv-field2:#8a94a6;
	--pv-bg2:#f5f6f8;--pv-bg4:#eceef2;
	--pv-green:#087443;--pv-red:#d92d20;
	/* «Бесплатно» — цвет логотипа; предупреждение о минимальном заказе — янтарный */
	--pv-amber:#da3237;--pv-amber-bg:#fdf4f4;--pv-amber-line:#f6d3d4;--pv-amber-ink:#a3262c;--pv-warn:#b54708;--pv-warn-bg:#fffaeb;
	/* скругления: метки / кнопки и поля / карточки — как у обновлённых блоков сайта */
	--pv-r1:6px;--pv-r2:10px;--pv-r3:16px;
	/* серая полоса первого экрана */
	--pv-band:#f5f5f7;
	color:var(--pv-ink);font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased;
	/* полоса первого экрана (100vw) шире окна на полосу прокрутки — лишнее обрезается; липкие блоки clip не ломает */
	overflow-x:clip;
}
.pv-page a{color:var(--pv-blue);text-decoration:none}
.pv-page a:hover{color:var(--pv-blueh);text-decoration:none}
/* шрифт кнопкам наследует Bootstrap (reboot); цвет у каждой кнопки свой */
.pv-page a:focus-visible,.pv-page button:focus-visible{outline:2px solid var(--pv-blue);outline-offset:2px}
.pv svg{vector-effect:non-scaling-stroke}
.pv svg *{vector-effect:non-scaling-stroke}
/* серая полоса сразу под шапкой, без линии и белой щели */
hr.line-vs-headerbanner{display:none}

/* ---------- крошки ---------- */
.pv-crumbs{padding:20px 0 0;font-size:13px;line-height:20px;color:var(--pv-muted);display:flex;flex-wrap:wrap;gap:0 8px}
.pv-page .pv-crumbs a{color:var(--pv-muted)}
.pv-page .pv-crumbs a:hover{color:var(--pv-blue)}
.pv-crumbs span{color:var(--pv-muted2)}
/* последний пункт — сам товар: текст, темнее ссылок */
.pv-crumbs [aria-current]{color:var(--pv-ink2)}

/* ---------- первый экран: серая полоса во всю ширину окна, на ней белые карточки; правая колонка 360 px, как у «Спецификации» ---------- */
.pv-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 360px;grid-template-areas:"head head price" "photo draw price" "photo draw specs" "docs docs specs";gap:20px;padding:24px 0 40px}
.pv-top--one{grid-template-areas:"head head price" "photo photo price" "photo photo specs" "docs docs specs"}
/* полоса во всю ширину окна — у крошек и первого экрана; начинается сразу под шапкой сайта */
.pv-crumbs,.pv-top{position:relative;z-index:0}
.pv-crumbs::before,.pv-top::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--pv-band)}
.pv-head{grid-area:head;align-self:start;min-width:0}
/* обёртка нужна только телефону (свайп); здесь кадры стоят прямо в сетке */
.pv-shots{display:contents}
.pv-shot{grid-area:photo;position:relative;display:block;min-height:340px;border-radius:var(--pv-r3);background:#fff;overflow:hidden}
.pv-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
/* чертёж шире фото: чертежи широкие (1,5 : 1 и шире), рендеру квадрат не вредит */
.pv-shot--draw{grid-area:draw}
.pv-shot--draw img{object-fit:contain;padding:16px}
.pv-shot:hover img{transform:scale(1.02)}
/* фото: снимок 16 : 9 целиком, прижат к верху кадра, ниже — белое поле; низ снимка плавно уходит в белый, чтобы не было видно стыка */
.pv-shot:not(.pv-shot--draw) img{bottom:auto;height:auto;aspect-ratio:16/9;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.pv-shot:not(.pv-shot--draw):hover img{transform:none}
/* значок лупы в белом круге: кадр открывается крупно */
.pv-shot::after{content:'';position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230b1f3a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 1px 3px rgba(11,31,58,.12)}
.pv-shot--draw::after{background-color:var(--pv-band);box-shadow:none}
/* несколько чертежей: в правой рамке виден один, стрелки листают по кругу, точки — номер кадра; точки на одной линии со значком лупы */
.pv-shot--off{display:none}
.pv-shot-nav{grid-area:draw;position:relative;z-index:1;pointer-events:none}
.pv-shot-arr{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(11,31,58,.18);color:var(--pv-ink);cursor:pointer;pointer-events:auto;transition:background-color .15s}
.pv-shot-arr:hover{background:var(--pv-band)}
.pv-shot-arr:focus{outline:none}
.pv-shot-arr:focus-visible{outline:2px solid var(--pv-blue);outline-offset:2px}
.pv-shot-arr--prev{left:12px}
.pv-shot-arr--next{right:12px}
.pv-shot-dots{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;gap:6px}
.pv-shot-dots i{width:8px;height:8px;border-radius:50%;background:var(--pv-line3);transition:background-color .15s}
.pv-shot-dots i.on{background:var(--pv-blue)}

/* метка серии (белая пилюля) и «Собственное производство» — одной строкой над названием */
.pv-head-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:16px}
.pv-code{display:inline-block;vertical-align:top;font-weight:600;font-size:13px;line-height:20px;color:var(--pv-ink);background:#fff;border-radius:999px;padding:4px 12px}
.pv-meta{font-size:13px;line-height:20px;color:var(--pv-muted)}
/* название: крупно и жирно, как заголовки главной (32–43 px, 700) */
.pv .pv-h1{font-size:36px;line-height:42px;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--pv-ink);text-wrap:balance}
/* уточнение в скобках в конце названия: второй строкой, мельче и серым */
.pv-h1-s{display:block;margin-top:6px;font-size:20px;line-height:28px;font-weight:500;letter-spacing:0;color:#5d6779}

/* сводка размеров — белая карточка, строки «параметр — значение» */
.pv-specs{grid-area:specs;align-self:start;margin:0;padding:8px 24px;border-radius:var(--pv-r3);background:#fff}
/* короткая сводка (товар без таблицы): карточка до низа колонки */
.pv-specs--short{align-self:stretch}
.pv-specs>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0 7px;border-bottom:1px solid var(--pv-line2);font-size:14px;line-height:20px}
.pv-specs>div:last-child{border-bottom:0}
.pv-specs dt{font-weight:400;color:var(--pv-muted);white-space:nowrap}
.pv-specs dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
/* высоты в сводке — кнопками: выбирают вкладку таблицы и прокручивают к ней.
   Кнопки с «мм» не разрываются; не помещаются рядом с подписью — встают строкой ниже, по правому краю */
.pv-specs>div.pv-spec-chips{flex-wrap:wrap;row-gap:4px}
.pv-specs>div.pv-spec-chips dd{margin-left:auto}
.pv-hchips{display:inline-flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:4px;margin:-4px 0}
.pv-hchip{height:28px;min-width:0;padding:0 8px;border:0;border-radius:999px;background:var(--pv-bg4);font-size:13px;line-height:28px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s,color .15s}
.pv-page .pv-hchip{color:var(--pv-ink)}
.pv-page .pv-hchip:hover{background:var(--pv-sky);color:var(--pv-blue)}
.pv-page .pv-hchip.act{background:#fff;box-shadow:inset 0 0 0 2px var(--pv-blue);color:var(--pv-blue)}
.pv-hchip-u{margin-left:2px}

/* карточка покупки: цена → «Бесплатно» → кнопка → условия тихой строкой */
.pv-price{grid-area:price;align-self:start;display:flex;flex-direction:column;padding:28px;border-radius:var(--pv-r3);background:#fff}
.pv-price-l{font-size:14px;line-height:20px;color:var(--pv-muted)}
.pv-price-v{margin:4px 0 0 -2px;font-size:40px;font-weight:700;line-height:44px;white-space:nowrap;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pv-price-v small{font-size:17px;line-height:1;font-weight:500;color:var(--pv-muted);margin-left:2px;letter-spacing:0}
/* «Снизим цену!» — кнопка формы скидки в голубой плашке со значком, как «Большой объем? Снизим цену!» в карточках каталога */
.pv-price-vol{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 12px;border:0;border-radius:var(--pv-r2);background:#eff6ff;cursor:pointer;font-size:14px;line-height:20px;color:var(--pv-ink2);text-align:left;transition:background-color .15s}
.pv-price-vol svg{flex:none;color:var(--pv-fill)}
.pv-price-vol b{font-weight:600;color:var(--pv-blue);text-decoration:underline;text-decoration-color:rgba(0,78,204,.35);text-underline-offset:3px}
.pv-price-vol:hover{background:#e0ecff}
.pv-price-vol:hover b{color:var(--pv-blueh);text-decoration-color:currentColor}
/* «Бесплатно»: метка «при заказе ЛСТК» и два пункта с галочками */
.pv-price .pv-free{margin-top:16px;padding:12px 14px;border:0;border-radius:12px}
.pv-price .pv-free-h{display:block;height:auto;font-size:14px;line-height:20px;font-weight:600;text-wrap:balance}
.pv-price .pv-free-h b{display:inline-block;vertical-align:top;margin-right:4px;padding:0 8px;border-radius:999px;font-size:11px;line-height:20px;height:20px}
.pv-price .pv-free ul{margin-top:4px}
/* главная кнопка — пилюля, как кнопки главной; цвет — синий каталога */
.pv-price-cta{order:1;width:100%;margin-top:20px}
.pv-price .pv-btn{height:52px;border-radius:999px;font-size:16px}
/* условия одной тихой строкой под кнопкой, через точку; галочки — только у «Бесплатно» */
.pv-terms{order:2;list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;font-size:13px;line-height:20px;color:var(--pv-muted);text-align:center}
/* срок — первой строкой, остальное — второй: точка не оказывается в начале строки */
.pv-terms li:first-child{flex-basis:100%}
.pv-terms li:nth-child(n+3)::before{content:'·';margin:0 6px}

/* документы — под фото и чертежом, одной строкой ссылок (на узких — столбиком); блок каталога без заголовка и подзаголовка */
.pv-docs--top{grid-area:docs;align-self:end}
.pv-docs--top .catalog-docs{margin:0}
.pv-docs--top .catalog-docs__title,.pv-docs--top .catalog-docs__subtitle{display:none}
.pv-docs--top .catalog-docs__list{display:flex;flex-wrap:wrap;gap:8px 24px}
/* подпись — по центру значка, и в одну строку, и в две */
.pv-docs--top .catalog-docs__item{flex:none;min-width:0;align-items:center}
.pv-docs--top .catalog-docs__icon{width:32px;height:32px;margin-right:10px;background:#fff;border-radius:999px}
.pv-docs--top .catalog-docs__icon svg{width:16px;height:16px}
.pv-docs--top .catalog-docs__link{font-size:13px;line-height:20px}

/* ---------- кнопки: одна шкала высот, надписи строчными; все кнопки и вкладки высот — пилюли ---------- */
.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;height:40px;padding:0 18px;font-weight:600;font-size:14px;line-height:1;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background-color .15s}
.pv-page .pv-btn-p{background:var(--pv-fill);color:#fff}
.pv-page .pv-btn-p:hover{background:var(--pv-fillh);color:#fff}
.pv-btn:disabled,.pv-btn:disabled:hover{background:var(--pv-bg4);color:var(--pv-muted2);cursor:not-allowed}
.pv-btn-big{height:52px;font-size:16px;width:100%}

/* ---------- «Условия производства» (include/product_conditions.php): раздел в аккордеоне ---------- */
/* слева условия списком «название — значение», справа «Бесплатно» как в плашке под ценой; на телефоне — одной колонкой */
.pv-cond{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);column-gap:40px;align-items:start;max-width:900px;font-size:14px;line-height:20px;color:var(--pv-ink)}
/* заголовок есть у самого раздела */
.pv-cond>.pv-h3{display:none}
.pv .pv-h3{font-size:16px;line-height:24px;font-weight:600;margin:0 0 8px;color:var(--pv-ink)}
/* линии только между строками: под последней (перед «Бесплатно») линии нет */
.pv-kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0 9px}
.pv-kv+.pv-kv{border-top:1px solid var(--pv-line2)}
.pv-kv>span:first-child{color:var(--pv-muted);white-space:nowrap}
.pv-kv>span:last-child{font-weight:600;text-align:right}
/* «Бесплатно»: плотная метка вместо крупного цветного слова; нижнее поле меньше, чтобы текст стоял по центру */
.pv-free{background:var(--pv-amber-bg);border:1px solid var(--pv-amber-line);border-radius:var(--pv-r2);padding:11px 15px 7px}
.pv-free-h{display:flex;align-items:baseline;height:20px;gap:8px;font-size:14px;font-weight:500;color:var(--pv-amber-ink);line-height:20px}
.pv-free-h b{font-size:11px;font-weight:700;color:#fff;background:var(--pv-amber);letter-spacing:.06em;height:20px;line-height:20px;padding:0 7px 0 8px;border-radius:var(--pv-r1)}
.pv-free ul{margin:8px 0 0;padding:0;list-style:none;font-size:13px;color:var(--pv-ink);line-height:20px}
.pv-free li{padding-left:22px;position:relative}
.pv-free li::before{content:'';position:absolute;left:3px;top:5px;width:9px;height:5px;border-left:2px solid var(--pv-green);border-bottom:2px solid var(--pv-green);transform:rotate(-45deg)}
.pv-cond>.pv-kv{grid-column:1;display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px}
.pv-cond>.pv-kv>span:last-child{text-align:left}
.pv-cond>.pv-free{grid-column:2;grid-row:1 / span 5;margin-top:4px;padding:14px 16px;border:0;border-radius:12px}
.pv-cond .pv-free-h{font-weight:600}
.pv-cond .pv-free-h b{padding:0 8px;border-radius:999px}
.pv-cond .pv-free ul{font-size:14px}
.pv-cond .pv-free li+li{margin-top:4px}

/* ---------- таблица и аккордеон слева, «Спецификация» справа (прилипает к верху окна) ---------- */
.pv-sizes{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:48px 0 0;align-items:start}
.pv-main{min-width:0}
/* высотой как шапка «Спецификации»: заголовки обоих блоков стоят на одной оси */
.pv-sz-head{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;margin-bottom:8px}
.pv-sz-head--wide{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding-top:14px;margin-bottom:16px}
.pv-sz-head--wide .pv-tabs{justify-content:flex-start}
/* заголовки разделов 28 px, как H2 каталога; «Рассчитайте заказ» не разрывается */
.pv .pv-h2{font-size:28px;line-height:32px;font-weight:700;letter-spacing:-.015em;margin:0;color:var(--pv-ink)}
.pv .pv-h2 span{color:var(--pv-h2s);font-weight:600;white-space:nowrap}
.pv-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;font-size:13px;line-height:20px;color:var(--pv-muted)}
.pv-tabs-l{margin-right:4px;white-space:nowrap}
/* плитки выбора: у выбранной синий контур, а не заливка */
.pv-tab{min-width:72px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--pv-line3);background:#fff;font-weight:600;cursor:pointer;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;transition:border-color .15s,box-shadow .15s,color .15s}
.pv-page .pv-tab{color:var(--pv-ink)}
.pv-tab:hover{border-color:var(--pv-ink2)}
.pv-page .pv-tab.act{border-color:var(--pv-blue);box-shadow:inset 0 0 0 1px var(--pv-blue);color:var(--pv-blue)}
.pv-tab--one{display:inline-flex;align-items:center;justify-content:center;cursor:default}
.pv-tab--one:hover{border-color:var(--pv-line3)}
/* счётчик позиций на вкладке высоты */
.pv-tab-n{display:inline-block;min-width:20px;height:20px;margin:0 -6px 0 8px;padding:0 6px;border-radius:999px;background:var(--pv-blue);color:#fff;font-size:12px;line-height:20px;font-weight:700;text-align:center;vertical-align:1px}
.pv .pv-sz-intro{font-size:14px;color:var(--pv-muted);margin:0 0 16px;line-height:20px;max-width:680px;text-wrap:pretty}
/* ссылка-запрос: значок документа и подчёркивание; значок не отрывается от текста */
/* «в блоке справа» на компьютере, «под таблицей» на планшете и телефоне; pv-ph — только телефон */
.pv-narrow,.pv-ph{display:none}
.pv-req{display:inline;border:0;background:none;padding:0;cursor:pointer;font-size:inherit;line-height:inherit;text-align:left;color:var(--pv-blue) !important;font-weight:500;white-space:nowrap;text-decoration:underline;text-decoration-color:rgba(0,78,204,.35);text-underline-offset:3px}
.pv-req:hover{text-decoration-color:currentColor;color:var(--pv-blueh) !important}
.pv-req svg{display:inline-block;vertical-align:-3px;margin-right:4px}
.pv-sz-scroll{overflow-x:auto}
.pv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums;margin:0}
/* колонки: поля количества и длины одной ширины, остальное место — маркировке */
.pv-c-mk{width:auto}.pv-c-t{width:72px}.pv-c-w{width:112px}.pv-c-q{width:128px}.pv-c-len{width:128px}.pv-c-x{width:40px}.pv-c-kg{width:136px}
/* шапка таблицы 44 px: полоса с подписями капителью и плотной линией снизу */
.pv-table th{background:var(--pv-bg4);color:var(--pv-ink);font-weight:700;text-align:left;padding:13px 12px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;line-height:16px;vertical-align:middle;border-bottom:2px solid var(--pv-ink);white-space:nowrap}
.pv-table th .pv-u{font-weight:500;color:var(--pv-ink2);text-transform:none;letter-spacing:0}
.pv-table th .pv-lc{text-transform:none;letter-spacing:0;font-size:13px;line-height:1}
.pv-table .pv-r{text-align:right}
/* подписи колонок ввода стоят над цифрами: 12 px ячейки + 10 px поля */
.pv-table th.pv-in{padding-right:22px}
/* строка — 52 px вместе с линией */
.pv-table td{padding:8px 12px 7px;border-bottom:1px solid var(--pv-line2);vertical-align:middle;white-space:nowrap;transition:background-color .15s}
.pv-table td.pv-mk{position:relative;font-weight:600;font-variant-numeric:normal}
.pv-table tbody tr:hover td{background:#fafbfc}
.pv-table tr.on td,.pv-table tr.on:hover td{background:var(--pv-sky)}
.pv-table tr.on td.pv-mk::before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:2px solid var(--pv-blue)}
/* пустые строки тихие, но читаются как поля: серая заливка и тонкая рамка; полная рамка — при наведении, в фокусе и у строк в заявке */
.pv-table input{display:block;width:100%;height:36px;margin:0;font:inherit;font-size:14px;padding:0 10px;border:1px solid var(--pv-line);border-radius:var(--pv-r2);outline:none;text-align:right;color:var(--pv-ink);background:var(--pv-bg2);transition:border-color .15s,background-color .15s,box-shadow .15s}
.pv-table input::placeholder{color:var(--pv-muted);opacity:1}
.pv-table tr:hover input,.pv-table tr.on input{border-color:var(--pv-field2);background:#fff}
.pv-table input:focus,.pv-table tr:hover input:focus{border-color:var(--pv-blue);background:#fff;box-shadow:0 0 0 3px rgba(0,78,204,.35)}
.pv-table input.pv-len{color:var(--pv-muted)}
.pv-table tr.on input.pv-len,.pv-table input.pv-len:focus{color:var(--pv-ink)}
.pv-table input.bad,.pv-table tr.on input.bad,.pv-table tr:hover input.bad{border-color:var(--pv-red);background:#fff5f4;color:var(--pv-red)}
.pv-table b.pv-kgv{font-weight:600}
.pv-table tr:not(.on) b.pv-kgv{font-weight:400;color:var(--pv-muted2)}
/* строка без массы в прайсе: поля погашены */
.pv-table tr.pv-nodata td{color:var(--pv-muted)}
.pv-table tr.pv-nodata input,.pv-table tr.pv-nodata:hover input{background:var(--pv-bg2);border-color:var(--pv-line2);cursor:not-allowed}
/* «Добавить длину»: строка с пунктирной кнопкой под строками маркировки, которая уже в заявке; 44 px с линией */
.pv-table td.pv-ac{padding-left:4px;padding-right:4px;text-align:center}
.pv-table tr.pv-addrow td,.pv-table tr.pv-addrow:hover td{padding-top:4px;padding-bottom:7px;background:#fff}
.pv-addl{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px dashed #8eaee6;border-radius:var(--pv-r2);background:#fff;font-size:13px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s,background-color .15s}
.pv-page .pv-addl{color:var(--pv-blue)}
.pv-addl:hover{border-style:solid;border-color:var(--pv-blue);background:var(--pv-sky)}
.pv-rml{width:28px;height:28px;border:0;border-radius:var(--pv-r1);background:transparent;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;vertical-align:middle}
.pv-page .pv-rml{color:var(--pv-muted)}
.pv-page .pv-rml:hover{background:#fde4e1;color:var(--pv-red)}
/* строка с другой длиной: маркировка серым, висит на скобке от строки выше */
.pv-table tr.pv-sub td.pv-mk,.pv-table tr.pv-addrow td.pv-mk{padding-left:36px}
.pv-table tr.pv-sub td.pv-mk{font-weight:500;color:var(--pv-muted)}
.pv-table tr.pv-sub td.pv-mk::after,.pv-table tr.pv-addrow td.pv-mk::after{content:'';position:absolute;left:20px;top:0;width:10px;height:50%;border-left:1px solid var(--pv-line3);border-bottom:1px solid var(--pv-line3);border-bottom-left-radius:4px}
.pv-table tr.pv-addrow td.pv-mk::after{height:20px}
/* ошибка длины — строкой сразу под строкой, текст под полем длины */
.pv-table tr.pv-errnext td{border-bottom-color:transparent}
.pv-table tr.pv-errrow td{padding-top:0;padding-bottom:8px;white-space:normal}
.pv-table tr.on + tr.pv-errrow td{background:var(--pv-sky)}
.pv .pv-lerr{margin:0;font-size:13px;line-height:20px;font-weight:600;color:var(--pv-red)}
.pv .pv-hint{margin:12px 0 0;font-size:13px;line-height:20px;color:var(--pv-muted)}
.pv .pv-hint--err{color:var(--pv-red);font-weight:600}
.pv-kbd kbd{font:inherit;font-size:11px;line-height:1;font-weight:600;border:1px solid var(--pv-line3);border-bottom-width:2px;border-radius:var(--pv-r1);padding:1px 5px;background:#fff;color:var(--pv-ink2);box-shadow:none}

/* ---------- «Спецификация»: тёмная шапка держит блок, синий оставлен кнопке ---------- */
.pv-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:20px}
.pv-spec{border:1px solid var(--pv-line);border-radius:var(--pv-r3);background:#fff}
.pv-spec-h{background:var(--pv-ink);color:#fff;margin:-1px -1px 0;height:56px;padding:16px 24px;display:flex;justify-content:space-between;align-items:baseline;border-radius:var(--pv-r3) var(--pv-r3) 0 0}
.pv-spec-h b{font-size:16px;font-weight:600}
.pv-spec-h span{font-size:13px;opacity:.72;font-variant-numeric:tabular-nums}
.pv-spec-note{display:flex;gap:8px;align-items:flex-start;margin:16px 23px 0;padding:8px 12px;background:var(--pv-bg2);border-radius:var(--pv-r2);font-size:13px;line-height:20px;color:var(--pv-ink2)}
.pv-spec-note svg{flex:none;color:var(--pv-muted);margin-top:2px}
/* длинный список прокручивается внутри блока: итог и кнопка остаются в окне, пока блок прилип.
   Тень сверху и снизу — только когда есть куда листать: видно, что позиций больше, чем помещается */
.pv-spec-rows{padding:0 23px;max-height:max(176px,calc(100vh - 540px));overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--pv-line3) transparent;background:linear-gradient(#fff 30%,rgba(255,255,255,0)) top/100% 32px no-repeat local,linear-gradient(rgba(255,255,255,0),#fff 70%) bottom/100% 32px no-repeat local,linear-gradient(rgba(11,31,58,.12),rgba(11,31,58,0)) top/100% 12px no-repeat scroll,linear-gradient(rgba(11,31,58,0),rgba(11,31,58,.12)) bottom/100% 12px no-repeat scroll #fff}
.pv-sgrp{font-size:11px;line-height:16px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--pv-muted);padding:16px 0 4px}
/* позиции другого товара — группой под его названием */
.pv-sprod{padding-top:8px}
.pv-sname{display:block;padding:4px 0 2px;font-size:13px;line-height:20px;font-weight:600;text-decoration:underline;text-decoration-color:var(--pv-line3);text-underline-offset:2px}
.pv-page .pv-sname{color:var(--pv-ink2)}
.pv-page .pv-sname:hover{color:var(--pv-blue);text-decoration-color:currentColor}
/* строка выходит за колонку на 8 px ради подсветки, линия — по колонке */
.pv-srow{position:relative;z-index:0;display:flex;align-items:flex-start;gap:8px;padding:8px;margin:0 -8px;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
.pv-srow::after{content:'';position:absolute;left:8px;right:8px;bottom:0;border-bottom:1px solid var(--pv-line2)}
.pv-si{flex:1;min-width:0}
.pv-sm{font-weight:600;font-variant-numeric:normal}
.pv-ss{color:var(--pv-muted);font-size:13px;line-height:20px}
/* название товара с другой страницы — тихая ссылка: синяя в блоке только кнопка */
.pv-page .pv-ss a{color:var(--pv-ink2);text-decoration:underline;text-decoration-color:var(--pv-line3);text-underline-offset:2px}
.pv-page .pv-ss a:hover{color:var(--pv-blue);text-decoration-color:currentColor}
.pv-srow.bad .pv-ss{color:var(--pv-red)}
.pv-sk{font-weight:600;text-align:right;white-space:nowrap}
.pv-sx{flex:none;width:28px;height:28px;margin:-4px -8px -4px 0;border:0;border-radius:var(--pv-r1);background:transparent;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.pv-page .pv-sx{color:var(--pv-muted)}
.pv-page .pv-sx:hover{background:#fde4e1;color:var(--pv-red)}
/* наведение на «×» подсвечивает всю строку: подложка — у самой кнопки, во всю строку и под текстом, нажатия не перехватывает */
.pv-sx::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;transition:background-color .15s}
.pv-sx:hover::before{background:#fff6f5}
.pv-spec-empty{padding:16px 0;font-size:14px;color:var(--pv-muted);line-height:20px}
.pv-spec-b{padding:16px 23px 23px;display:flex;flex-direction:column;gap:16px}
.pv-tot{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
.pv-tot>div{display:flex;justify-content:space-between}
.pv-tot>div>span:first-child{color:var(--pv-muted)}
.pv-tot>div>span:last-child{font-weight:600}
/* «бесплатно» — той же янтарной меткой, что в карточке цены */
.pv-tot .pv-tot-free>span:last-child{align-self:center;height:20px;padding:0 7px 0 8px;border-radius:var(--pv-r1);background:var(--pv-amber);color:#fff;font-size:11px;line-height:20px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
/* предупреждение, а не предложение: полоса слева отличает его от жёлтого «Бесплатно» */
.pv-minw{font-size:13px;line-height:20px;color:#7a2e0e;background:var(--pv-warn-bg);border-left:3px solid var(--pv-warn);border-radius:0 var(--pv-r1) var(--pv-r1) 0;padding:8px 12px}
/* «Ориентировочная стоимость»: подпись в две строки рядом с суммой, сумма — по нижней строке подписи */
.pv-sum{display:flex;justify-content:space-between;align-items:last baseline;gap:16px;min-height:48px;border-top:1px solid var(--pv-line);padding-top:15px}
.pv-sum>span{flex:1 1 auto;min-width:0;font-size:14px;line-height:18px;color:var(--pv-muted)}
.pv-sum b{font-size:28px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:var(--pv-r2);padding:0 6px;margin-right:-6px;line-height:32px}
.pv-bump{animation:pv-bump .8s ease}
@keyframes pv-bump{0%,100%{background-color:transparent}20%{background-color:#ffeeb0}}
.pv-btn-hint{margin-top:-8px;font-size:13px;line-height:20px;color:var(--pv-muted);text-align:center;text-wrap:balance}
.pv-btn-hint.err{color:var(--pv-red);font-weight:600}
.pv-links{display:flex;justify-content:space-between;gap:8px;font-size:14px;line-height:20px}
.pv-links a,.pv-links button{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;cursor:pointer;font-weight:500;text-decoration:underline;text-decoration-color:rgba(0,78,204,.35);text-underline-offset:3px}
.pv-page .pv-links a,.pv-page .pv-links button{color:var(--pv-blue)}
.pv-page .pv-links a:hover,.pv-page .pv-links button:hover{color:var(--pv-blueh);text-decoration:underline;text-decoration-color:currentColor}
.pv-links svg{flex:none}
.pv-fine{font-size:13px;color:var(--pv-muted);line-height:20px;text-wrap:pretty}
.pv-page .pv-fine a{color:var(--pv-ink2);text-decoration:underline;text-underline-offset:2px}
/* пустая «Спецификация»: без итогов с нулями и неактивной кнопки; «Загрузить свою заявку» — серой пилюлей, «Образец xls» — ссылкой под ней */
.pv-spec--empty .pv-tot,.pv-spec--empty .pv-sum,.pv-spec--empty #pv-order,.pv-spec--empty .pv-btn-hint{display:none}
.pv-spec--empty .pv-links{flex-direction:column;align-items:stretch;gap:12px}
.pv-spec--empty .pv-links button{justify-content:center;height:40px;padding:0 20px;border-radius:999px;background:var(--pv-bg4);font-weight:600;text-decoration:none;transition:background-color .15s}
.pv-page .pv-spec--empty .pv-links button,.pv-page .pv-spec--empty .pv-links button:hover{color:var(--pv-ink);text-decoration:none}
.pv-page .pv-spec--empty .pv-links button:hover{background:#e2e5ea}
.pv-spec--empty .pv-links a{align-self:center}
/* итог для экранного диктора: на экране не виден (на случай, если стили Bootstrap .sr-only не подключены) */
.pv #pv-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pv-mgr{border:1px solid var(--pv-line);border-radius:var(--pv-r3);padding:19px 23px;display:flex;gap:16px;align-items:center;background:#fff}
.pv-ava{width:52px;height:52px;border-radius:50%;background:var(--pv-bg4);flex:none;overflow:hidden}
.pv-ava img{width:100%;height:100%;object-fit:cover;display:block}
.pv-mgr-n{font-weight:600;font-size:15px;line-height:20px}
.pv-mgr-r{color:var(--pv-muted);font-size:13px;line-height:20px}
.pv-mgr-c{font-size:14px;line-height:20px;margin-top:4px;font-weight:600}

/* ---------- аккордеон: тонкие линии и тонкий плюс; закрытый пункт — 68 px с линией ---------- */
.pv-acc{margin-top:63px;border-top:1px solid var(--pv-ink)}
.pv-sz + .pv-acc{margin-top:63px}
.pv-main > .pv-acc:first-child{margin-top:0}
.pv-acc-i{border-bottom:1px solid var(--pv-line)}
.pv-acc-h{display:flex;width:100%;justify-content:space-between;align-items:center;padding:20px 0 19px;border:0;background:none;cursor:pointer;font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.01em;text-align:left;transition:color .15s}
.pv-page .pv-acc-h{color:var(--pv-ink)}
.pv-page .pv-acc-h:hover{color:var(--pv-blue)}
/* плюс и минус нарисованы рамками: обе линии по 2 px остаются чёткими при любом масштабе экрана */
.pv-acc-ic{position:relative;flex:none;width:16px;height:16px;margin-left:16px}
.pv-acc-ic::before,.pv-acc-ic::after{content:'';position:absolute}
.pv-acc-ic::before{left:0;right:0;top:7px;border-top:2px solid currentColor}
.pv-acc-ic::after{top:0;bottom:0;left:7px;border-left:2px solid currentColor;transition:transform .2s}
.pv-acc-i.open .pv-acc-ic::after{transform:scaleY(0)}
.pv-acc-b{padding:5px 0 31px;font-size:15px;line-height:24px;color:var(--pv-ink2)}
.pv-acc-i:not(.open) .pv-acc-b{display:none}
.pv-more-link{display:inline-block;margin-top:16px;font-weight:600;font-size:14px;line-height:20px}
/* тексты из админки (описание товара, доставка, оплата) */
.pv .pv-text{max-width:780px}
.pv .pv-text::after{content:'';display:block;clear:both}
.pv .pv-text p{margin:0 0 12px}
.pv .pv-text h5{font-size:15px;line-height:24px;font-weight:600;color:var(--pv-ink);margin:16px 0 8px}
.pv .pv-text h5:first-child,.pv .pv-text img + h5{margin-top:0}
.pv .pv-text ul{margin:0 0 16px;padding:0 0 0 18px;list-style:disc}
.pv .pv-text li{margin:0}
.pv .pv-text li::marker{color:var(--pv-muted2)}
.pv .pv-text b{color:var(--pv-ink);font-weight:600}
.pv .pv-text .delivery-img{float:right;width:240px;max-width:40%;margin:4px 0 12px 24px;border-radius:var(--pv-r2)}
/* сертификаты (include/product_tab_certificates.php): значок файла, название и под ним вес, справа «развернуть»; скругление 12, тень при наведении */
.pv .sert-list{display:flex;flex-direction:column;gap:8px;margin:0}
.pv .sert-item{display:flex;gap:16px;align-items:center;width:auto;min-height:72px;margin:0;padding:15px 19px 15px 15px;border:1px solid var(--pv-line);border-radius:12px;background:#fff;color:var(--pv-ink);box-shadow:none;transition:box-shadow .15s,border-color .15s}
.pv .sert-item:hover{border-color:var(--pv-line);color:var(--pv-ink);transform:none;box-shadow:0 4px 16px rgba(11,31,58,.08)}
.pv .sert-item__ico,.pv .sert-item:hover .sert-item__ico{width:40px;height:40px;flex:none;margin:0;border-radius:0;background:url(/bitrix/templates/profstaldom/images/ico-jpg-1.svg) center/36px no-repeat;display:flex;align-items:center;justify-content:center}
.pv .sert-item__ico::before{content:none}
.pv .sert-item__body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:0;min-width:0}
.pv .sert-item__title{font-size:15px;font-weight:600;line-height:20px;color:var(--pv-ink);margin:0}
.pv .sert-item:hover .sert-item__title{color:var(--pv-blue)}
.pv .sert-item__descr{font-size:13px;line-height:20px;color:var(--pv-muted);white-space:nowrap;margin:0}
.pv .sert-item__ico-fullscreen{display:block;flex:none;width:20px;height:20px;margin:0;opacity:.45}
.pv .sert-item:hover .sert-item__ico-fullscreen{opacity:1}

/* ---------- после карточки: «С этим товаром покупают», «Наше производство» ---------- */
.pv-page .pv-also .pv-also-h{font-size:28px;line-height:32px}
/* стрелка в карточке темнее */
.pv-page .pv-also .fav-prod__price i{filter:brightness(0);opacity:.45}
.pv-prod{padding:64px 0}
.pv-page .pv-prod h2{font-size:28px;line-height:32px;font-weight:700;letter-spacing:-.015em;margin:0 0 24px;color:var(--pv-ink)}
/* видео — шириной колонки таблицы, факты — шириной «Спецификации» */
.pv-prod .our-production__wrapper{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}
.pv-prod .our-production__video-block{width:auto}
.pv-prod .our-production__video-block a{display:block;border-radius:var(--pv-r3);overflow:hidden}
.pv-prod .our-production__video-block img{display:block;width:100%;aspect-ratio:780/436;object-fit:cover;border-radius:var(--pv-r3)}
.pv-prod .our-production__body{gap:20px}
.pv-prod .our-production__item-title{font-size:14px;line-height:20px;font-weight:600;color:var(--pv-ink)}
.pv-prod .our-production__item-descr{font-size:28px;line-height:32px;font-weight:700;letter-spacing:-.02em;color:var(--pv-blue);margin-top:8px}

/* ---------- панель с итогом заявки: планшет и телефон, пока «Спецификация» не видна; сверху, внизу справа — кнопки чата и звонка ---------- */
.pv-bar{position:fixed;left:0;right:0;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--pv-line);box-shadow:0 3px 10px 1px rgba(0,0,0,.06);transform:translateY(-110%);visibility:hidden;transition:transform .2s,visibility 0s .2s}
.pv-bar.show{transform:none;visibility:visible;transition:transform .2s}
.pv-bar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.pv-bar-t{display:flex;flex-direction:column;min-width:0;line-height:20px}
.pv-bar-t span{font-size:13px;color:var(--pv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-bar-t b{font-size:18px;line-height:24px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:var(--pv-r1);margin-left:-4px;padding:0 4px;align-self:flex-start}
.pv-bar .pv-btn{flex:none}
@media (min-width: 1200px){
	.pv-bar{display:none}
}

/* поля на сенсорных экранах — 16 px: иначе iPhone увеличивает страницу при нажатии на поле */
@media (hover: none) and (pointer: coarse){
	.pv-table input{font-size:16px}
}

/* ---------- планшет и узкий ноутбук, 768–1199 px: одна колонка, «Спецификация» сразу под таблицей ---------- */
@media (max-width: 1199px){
	/* та же схема, правая колонка уже */
	.pv-top{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 320px}
	.pv-shot{min-height:300px}
	.pv-price .pv-btn{font-size:14px;padding:0 12px}
	/* порядок: таблица, «Спецификация» с менеджером, разделы с текстами */
	.pv-sizes{grid-template-columns:minmax(0,1fr);gap:0}
	.pv-main{display:contents}
	.pv-sz{order:1}
	.pv-side{order:2;position:static;margin-top:48px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:start}
	.pv-acc,.pv-sz + .pv-acc{order:3;margin-top:48px}
	.pv-spec-rows{max-height:none}
	/* колонка количества здесь широкая: поле — не шире 160 px, у правого края, под заголовком колонки */
	.pv-table td.pv-q input{max-width:160px;margin-left:auto}
	.pv-wide{display:none}
	.pv-narrow{display:inline}
}
@media (max-width: 991px){
	/* название; фото | чертёж; документы; карточка покупки во всю ширину в две колонки (слева цена и «Бесплатно», справа кнопка и условия); сводка в две колонки */
	.pv-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head" "photo draw" "docs docs" "price price" "specs specs"}
	.pv-top--one{grid-template-areas:"head head" "photo photo" "docs docs" "price price" "specs specs"}
	.pv-shot{min-height:0;aspect-ratio:4/3}
	.pv-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start}
	.pv-price-l,.pv-price-v,.pv-price-vol{grid-column:1}
	.pv-price .pv-free{grid-column:2;grid-row:1 / span 3;margin-top:0}
	.pv-price-cta{grid-column:1;margin-top:20px}
	.pv-terms{grid-column:2;align-self:center;margin-top:20px;justify-content:flex-start;text-align:left}
	.pv-specs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}
	.pv-docs--top .catalog-docs__list{flex-direction:row}
	/* таблица целиком: колонки уже */
	.pv-c-mk{width:auto}.pv-c-t{width:56px}.pv-c-w{width:96px}.pv-c-q,.pv-c-len{width:112px}.pv-c-kg{width:104px}
	.pv-table th,.pv-table td{padding-left:8px;padding-right:8px}
	.pv-table th.pv-in{padding-right:18px}
	.pv-kbd{display:none}
}

/* «Наше производство» до 1000 px (там сайт выстраивает факты в строку с прокруткой вбок): видео сверху, факты под ним сеткой 2 × 2 */
@media (max-width: 1000px){
	.pv-prod .our-production__wrapper{grid-template-columns:minmax(0,1fr);gap:24px}
	.pv-prod .our-production__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px;overflow:visible;padding-bottom:0}
	.pv-prod .our-production__item-title{white-space:normal}
	.pv-prod .our-production__item-descr{font-size:24px;line-height:28px;margin-top:4px}
}

/* ---------- телефон, до 767 px ---------- */
@media (max-width: 767px){
	.pv-ph{display:inline}
	.pv-noph{display:none}
	/* крошки: только шаг назад, к разделу */
	.pv-crumbs{padding-top:4px}
	.pv-crumbs > *{display:none}
	.pv-page .pv-crumbs > a:nth-of-type(3){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;color:var(--pv-ink2)}
	.pv-crumbs > a:nth-of-type(3)::before{content:'';flex:none;width:7px;height:7px;margin-left:2px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}

	/* одна колонка: название, фото и чертёж (свайп, следующий кадр выглядывает справа), цена с кнопкой, сводка, документы.
	   Кнопка заказа целиком в первом экране 390 × 844: кадр ниже, отступы плотнее */
	.pv-top,.pv-top--one{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "shots" "price" "specs" "docs";gap:12px;padding:12px 0 32px}
	.pv .pv-h1{font-size:26px;line-height:32px}
	.pv-h1-s{font-size:16px;line-height:22px}
	.pv-head-t{margin-top:8px}
	.pv-shots{grid-area:shots;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:0 16px;scrollbar-width:none}
	.pv-shots::-webkit-scrollbar{display:none}
	.pv-shot{flex:0 0 86%;min-height:0;height:180px;aspect-ratio:auto;scroll-snap-align:start}
	.pv-top--one .pv-shot{flex-basis:100%}
	/* все кадры в ленте, стрелки не нужны */
	.pv-shot--off{display:block}
	.pv-shot-nav{display:none}
	.pv-price{display:flex;padding:16px 20px 20px}
	.pv-price-v{font-size:34px;line-height:40px}
	.pv-price .pv-free,.pv-price-cta{margin-top:16px}
	.pv-terms{margin-top:12px;justify-content:center;text-align:center}
	.pv-specs{display:block;padding:4px 16px}
	.pv-docs--top .catalog-docs__list{flex-direction:column;gap:8px}
	.pv-cond{display:block}
	.pv-cond>.pv-kv{display:flex}
	.pv-cond>.pv-kv>span:last-child{text-align:right}
	.pv-cond>.pv-free{margin-top:16px}

	.pv-sizes{padding-top:40px}
	.pv-sz-head,.pv-sz-head--wide{flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding-top:0;margin-bottom:12px}
	.pv .pv-h2{font-size:22px;line-height:28px}
	/* «Рассчитайте заказ» отдельной строкой не принуждаем: он не разрывается (nowrap) и сам уходит на вторую строку, если не помещается */
	.pv-req{white-space:normal}
	/* вкладки — одной строкой с прокруткой */
	.pv-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -16px;padding:2px 16px;scrollbar-width:none}
	.pv-tabs::-webkit-scrollbar{display:none}
	.pv-tab{flex:none;min-width:64px}
	.pv .pv-sz-intro{margin-bottom:4px}

	/* таблица — строки-карточки (~64 px): слева маркировка и масса, справа количество и длина, подписи полей — один раз, строкой над списком;
	   итог — когда строка в заявке */
	.pv-sz-scroll{overflow:visible}
	.pv-table,.pv-table tbody{display:block}
	.pv-table colgroup{display:none}
	.pv-table thead{display:block}
	.pv-table thead tr{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;gap:0 8px;padding:0 0 8px;border-bottom:2px solid var(--pv-ink)}
	.pv-table thead th,.pv-table thead th.pv-in{padding:0;background:none;border:0;font-size:11px;line-height:16px}
	.pv-table thead th:nth-child(2),.pv-table thead th:nth-child(3),.pv-table thead th:nth-child(6),.pv-table thead th:nth-child(7){display:none}
	.pv-table tr{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;grid-template-areas:"mk q l" "w q l" "kg kg kg";gap:0 8px;padding:10px 0 9px;align-items:center;border-bottom:1px solid var(--pv-line2)}
	.pv-table tr.pv-sub{grid-template-areas:"mk q l" "x q l" "kg kg kg"}
	.pv-table td,.pv-table tbody tr:hover td,.pv-table tr.on td{display:block;padding:0;border:0;background:none;white-space:normal}
	.pv-table td.pv-mk{grid-area:mk;align-self:end;font-size:15px;line-height:24px}
	/* толщина есть в маркировке; правило сильнее «tbody tr:hover td» выше, иначе у нажатой строки ячейка всплывала под полями */
	.pv-table tbody tr td.pv-t,.pv-table tbody tr:hover td.pv-t{display:none}
	.pv-table td.pv-w{grid-area:w;align-self:start;text-align:left;font-size:13px;line-height:20px;color:var(--pv-muted)}
	.pv-table td.pv-w::after{content:'\00a0кг/м'}
	.pv-table td.pv-q{grid-area:q}
	.pv-table td.pv-l{grid-area:l}
	.pv-table input,.pv-table td.pv-q input{height:44px;max-width:none}
	.pv-table td.pv-ac{grid-area:x;justify-self:start;align-self:start;padding:0}
	/* крестик есть только у дополнительных длин; пустая ячейка иначе заняла бы лишнюю строку сетки */
	.pv-table tr:not(.pv-sub) td.pv-ac{display:none}
	.pv-table td.pv-kg{grid-area:kg;margin-top:8px;text-align:left;font-size:14px}
	.pv-table td.pv-kg::before{content:'Итого: ';color:var(--pv-muted)}
	.pv-table td.pv-kg::after{content:'\00a0кг';font-weight:600}
	.pv-table tr:not(.on) td.pv-kg{display:none}
	/* выбранная толщина — голубая полоса во всю ширину экрана */
	.pv-table tr.on{margin:0 -16px;padding-left:16px;padding-right:16px;background:var(--pv-sky);box-shadow:inset 3px 0 0 var(--pv-blue)}
	.pv-table tr.on td.pv-mk::before{display:none}
	.pv-table tr.pv-sub td.pv-mk,.pv-table tr.pv-addrow td.pv-mk{padding-left:20px}
	.pv-table tr.pv-sub td.pv-mk{font-size:14px}
	.pv-table tr.pv-sub td.pv-mk::after,.pv-table tr.pv-addrow td.pv-mk::after{left:4px;height:12px}
	.pv-table tr.pv-addrow{display:block;padding:8px 0 12px}
	.pv-addl{height:40px}
	/* строки без массы: вместо полей — пояснение */
	.pv-table tr.pv-nodata{grid-template-areas:"mk mk mk" "w w w"}
	.pv-table tr.pv-nodata td.pv-q,.pv-table tr.pv-nodata td.pv-l{display:none}
	.pv-table tr.pv-nodata td.pv-w{font-size:0}
	.pv-table tr.pv-nodata td.pv-w::after{content:'нет в прайсе';font-size:13px}
	/* ошибка длины — под полями своей строки */
	.pv-table tr.pv-errrow{display:block;padding:0 0 10px;border-bottom:1px solid var(--pv-line2)}
	.pv-table tr.pv-errnext{border-bottom-color:transparent}
	.pv-table tr.pv-errrow td{padding:0}
	.pv-table tr.pv-errrow td.pv-errpad{display:none}
	.pv-table tr.on + tr.pv-errrow{margin:0 -16px;padding:0 16px 10px;background:var(--pv-sky);box-shadow:inset 3px 0 0 var(--pv-blue)}

	.pv-side{grid-template-columns:minmax(0,1fr);margin-top:40px}
	.pv-spec-h{padding:16px 20px}
	.pv-spec-note{margin:16px 19px 0}
	.pv-spec-rows{padding:0 19px}
	.pv-spec-b{padding:16px 19px 19px}
	.pv-links{flex-wrap:wrap}
	.pv-mgr{padding:15px 19px}

	.pv-acc,.pv-sz + .pv-acc{margin-top:40px}
	.pv-acc-h{font-size:16px;line-height:24px;padding:16px 0 15px}
	.pv .pv-text .delivery-img{float:none;width:100%;max-width:none;margin:0 0 16px}

	.pv-page .pv-also .pv-also-h{font-size:22px;line-height:28px}
	.pv-prod{padding-top:40px;padding-bottom:40px}
	.pv-page .pv-prod h2{font-size:22px;line-height:28px;margin-bottom:16px}
	/* факты — столбиком, подпись над значением, между ними тонкие линии: длинные значения не помещаются в две колонки */
	.pv-prod .our-production__wrapper{gap:8px}
	.pv-prod .our-production__body{grid-template-columns:minmax(0,1fr);gap:0}
	.pv-prod .our-production__item{padding:12px 0 11px;border-bottom:1px solid var(--pv-line2)}
	.pv-prod .our-production__item:last-child{border-bottom:0}
	.pv-prod .our-production__item-title{font-size:13px;line-height:20px;color:var(--pv-muted)}
	.pv-prod .our-production__item-descr{font-size:20px;line-height:26px;margin-top:2px}
}

@media (min-width: 768px){
	/* вкладки высот: справа от заголовка, делят оставшееся место поровну; не помещаются — переходят строкой ниже целиком.
	   Подпись и надписи вкладок — на одной линии с текстом заголовка; счётчик позиций — в уголке вкладки: ширина вкладки от него не меняется */
	.pv-sz-head,.pv-sz-head--wide{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;min-height:0;padding-top:0;margin-bottom:16px}
	.pv-sz-head .pv-h2{flex:none}
	.pv-tabs{flex:1 1 auto;justify-content:flex-end}
	.pv-tab{position:relative}
	.pv-tab-n{position:absolute;top:-8px;right:-6px;margin:0;box-shadow:0 0 0 2px #fff}
	/* кадр квадратный или выше: снимок 1 : 1 по центру ширины; превью 800 × 450 (result_modifier.php) */
	.pv-shot:not(.pv-shot--draw) img{aspect-ratio:1/1}
	/* «С этим товаром покупают»: стрелки карусели — справа в строке заголовка, а не поверх крайних карточек */
	.pv-page .pv-also .swiper-button-prev,.pv-page .pv-also .swiper-button-next{top:-60px;margin-top:0;width:40px;height:40px}
	.pv-page .pv-also .swiper-button-prev{left:auto;right:52px}
	.pv-page .pv-also .swiper-button-next{right:0}
}
@media (min-width: 992px){
	.pv-tab{flex:1 1 0;min-width:auto;padding:0 10px}
	.pv-tab--one{flex:0 0 auto;padding:0 16px}
}

/* сенсорные экраны: цели не меньше 44 px */
@media (pointer: coarse){
	.pv-rml{width:44px;height:44px}
	.pv-sx{width:44px;height:44px;margin:-12px -16px -12px -8px}
	.pv-addl{height:44px}
	.pv-links a,.pv-links button,.pv-spec--empty .pv-links button{min-height:44px}
	.pv-page .pv-fine a{display:inline-block;padding:12px 0;margin:-12px 0}
	.pv-bar-in .pv-btn{min-height:44px}
	.pv-hchips{gap:8px;margin:-8px 0}
	.pv-hchip{height:36px;line-height:36px}
	.pv-tab{height:44px}
	/* ссылки крошек: поле нажатия выше строки, раскладка не меняется */
	.pv-page .pv-crumbs a{padding:12px 0}
	.pv-shot-arr{width:44px;height:44px;margin-top:-22px}
}

/* End */


/* Start:/bitrix/templates/profstaldom/components/bitrix/news.list/products_also_list_v2/style.css?17945661861710*/
/* «С этим товаром покупают» в новой карточке: серая полоса во всю ширину, внутри — карточки «Лучших предложений» главной */
.pv-also{margin-top:64px;padding:40px 0 44px;background:#f5f5f7}
.pv-page .pv-also-h{font-size:24px;line-height:28px;font-weight:700;letter-spacing:-.015em;margin:0 0 24px;color:#0b1f3a}
.pv-also .fav-prod-slider{padding-bottom:12px}
/* ширину карточки задаёт Swiper; ограничение сайта max-width 275 px (мобильные) сбивало его расчёт шага при прокрутке */
.pv-also .fav-prod__item{padding:20px;color:#0b1f3a;text-decoration:none;max-width:none}
.pv-also .fav-prod__item:hover{color:#0b1f3a;text-decoration:none}
.pv-also .fav-prod__img{height:156px;margin:-20px -20px 16px;background:#eceef2}
.pv-also .fav-prod__img img{width:100%;height:100%;max-width:none;object-fit:cover;display:block}
/* три строки названия раздела: маркировки всех карточек стоят на одной высоте */
.pv-also .fav-prod__subtitle{min-height:54px;margin-bottom:0}
/* стрелки — как на главной: серый круг со стрелкой сайта (template_styles.css, .fav-prod-slider-pager);
   значки-шрифт из swiper-bundle.min.css рисовались поверх неё — убираем, как у .plbi-slider */
.pv-also .swiper-button-prev::after,.pv-also .swiper-button-next::after{content:none}
@media (max-width: 767px){
	.pv-also{margin-top:48px;padding:32px 0 36px}
	.pv-page .pv-also-h{font-size:22px;margin-bottom:16px}
}

/* End */
/* /bitrix/templates/profstaldom/components/bitrix/catalog/products/bitrix/catalog.element/v2_3/style.css?179456600854065 */
/* /bitrix/templates/profstaldom/components/bitrix/news.list/products_also_list_v2/style.css?17945661861710 */