/* Карточка товара: порядок чтения - что это, сколько стоит, где, что дальше.
Цена набрана обычным шрифтом и работает как коммерческий якорь. */
.crumbs{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin:20px 0 18px}
.crumbs a{color:var(--teal-ink)}.crumbs .cur{color:var(--ink)}.crumbs span{color:var(--faint)}
/* Шапка карточки: название, артикул и правка сотрудника - во всю ширину, над
галереей. Раньше название стояло в правой колонке, и страница начиналась с
фотографии безымянного станка. */
.phead{margin:0 0 18px;max-width:900px}
/* Верхний экран: слева галерея, справа цена и кнопки. Больше в этой сетке нет
ничего - колонки кончаются вместе, и разъезжаться нечему. Панель цены
остаётся на виду при прокрутке: у длинных характеристик кнопка запроса
уезжала на второй экран. */
.detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:22px;
align-items:start;padding-bottom:22px}
.info{position:sticky;top:18px}
/* Всё остальное - плиткой в две колонки. Раскладка колонками, а не сеткой:
сетка равняет соседей по высоте самого высокого, и под коротким блоком
оставалась дыра в треть экрана. Описание идёт во всю ширину: длинный текст
в узкой колонке растягивал страницу вдвое. */
.detail-wide{columns:2;column-gap:16px;padding-bottom:56px}
.detail-wide > .panel{margin:0 0 16px;break-inside:avoid;-webkit-column-break-inside:avoid}
/* Описание идёт такой же плиткой, как остальные: раскладка колонками сама
балансирует высоту, и даже описание на два экрана не оставляет пустот.
Во всю ширину оно занимало на 270 точек больше и читалось строкой в
1192 точки, на которой глаз теряет начало следующей. */
.vars{display:flex;flex-direction:column}
.var{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;align-items:baseline;
padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.var:first-child{border-top:0}
.var:hover .vt{color:var(--teal)}
.vt{font-weight:600;min-width:0}
.vp{color:#5b6470;white-space:nowrap;font-size:14px}
/* описание поставщика - главное, что читают; ИИ-строки идут ниже и приглушены */
.about .spec-h{color:var(--ink)}
.specs .row.ai{background:linear-gradient(90deg,var(--panel-2),transparent)}
.detail > *{min-width:0}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh)}
.media{padding:14px}
.media .thumb{aspect-ratio:16/10;border-radius:10px;border:1px solid var(--line);
background:repeating-linear-gradient(45deg,var(--panel-2) 0 12px,oklch(0.955 0.008 247) 12px 24px);
display:grid;place-items:center;color:var(--muted);font-size:14px;overflow:hidden}
.media .thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px}
/* галерея: показываем все фото позиции, а не только обложку */
.media .gal{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:thin}
.media .gal button{flex:none;width:88px;height:64px;padding:0;border:1px solid var(--line);border-radius:8px;
overflow:hidden;background:var(--panel-2);cursor:pointer}
.media .gal button.on{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft)}
.media .gal img{width:100%;height:100%;object-fit:cover;display:block}
.cat-tag{display:inline-block;font-size:13px;font-weight:600;
color:var(--teal-ink);background:var(--teal-soft);border:1px solid var(--teal-border);border-radius:6px;padding:5px 11px;margin-bottom:12px}
/* название модели приходит от поставщика одним куском без пробелов не реже, чем
нормальным текстом; в base.html такую же защиту уже поставили заголовку страницы */
.phead h1{font-family:var(--disp);font-weight:700;font-size:30px;line-height:1.2;margin:0 0 10px;
overflow-wrap:anywhere}
.artline{font-size:14px;color:var(--muted);margin:0 0 16px;display:flex;align-items:center;gap:8px}
.artline b{color:var(--ink);font-family:var(--mono);font-weight:600;letter-spacing:.02em}
/* правка карточки сотрудником: панель служебная, поэтому спокойная и без акцентов */
.staffedit{margin:0 0 16px}
.staffedit .stbtn{font:inherit;font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:8px;
border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}
/* переменной --accent в проекте нет (объявлений нет ни в base.html, ни в static):
значение получалось невычислимым, фон откатывался к прозрачному, а color:#fff
оставался - «Сохранить» была белым по белому, на экране виднелась одна «Отмена» */
.staffedit .stbtn:hover{border-color:var(--teal-border);color:var(--teal-ink)}
.staffedit .stbtn.save{background:var(--teal-btn);border-color:var(--teal-btn);color:#fff}
.staffedit form{margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:12px;
background:var(--panel-2);display:flex;flex-direction:column;gap:12px}
/* display:flex перебивал атрибут hidden (авторский слой старше UA), и форма правки
стояла раскрытой всегда: 462 px посреди карточки, цена уезжала за первый экран,
а кнопки «Редактировать» и «Отмена» не делали ничего видимого. Тот же случай уже
лечили у cookie-полосы - base.html, .cookie-bar[hidden] */
.staffedit form[hidden]{display:none}
.staffedit label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted);flex:1}
.staffedit input,.staffedit select,.staffedit textarea{font:inherit;font-size:14.5px;color:var(--ink);
padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}
.staffedit textarea{resize:vertical;line-height:1.5}
.staffedit .strow{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
/* flex:1 у поля означает базовую ширину 0: четыре поля в ряд не переносились никогда,
а ужимались, и на телефоне цена показывалась обрезанной («191841» вместо 1 918 412),
у «Состояния» пропадало значение. Базовая ширина возвращает перенос по нехватке места. */
.staffedit .strow > label{flex:1 1 130px;min-width:0}
.artcopy{border:1px solid var(--line);background:var(--panel);border-radius:7px;
padding:3px 9px;font-size:12.5px;color:var(--teal-ink);cursor:pointer}
.artcopy:hover{border-color:var(--teal-border)}
.artline .artsup{color:var(--faint);font-size:13px}
.artline .artsup b{font-weight:600;color:var(--muted);font-family:var(--mono)}
/* Панель цены читается сверху вниз: цена, факты, действие. Раньше кнопка
прижималась к правому краю, а слева от неё оставалось пустое поле шириной
в саму кнопку. */
.pricebox{padding:18px;display:flex;flex-direction:column;align-items:stretch;
gap:14px;margin-bottom:16px}
/* состояние и место рядом с ценой: два факта, по которым решают, смотреть дальше */
.pricefacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
gap:10px 16px;width:100%;font-size:14.5px;color:var(--ink)}
.pricefacts .pf{display:flex;flex-direction:column;gap:1px;line-height:1.35}
.pricefacts .pf i{font-style:normal;font-size:12px;color:var(--faint);text-transform:uppercase;
letter-spacing:.04em}
.price.big{font-size:32px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.price.big .old{font-size:16px;color:var(--faint);text-decoration:line-through;margin-left:9px;font-weight:400}
.price.big .req{font-family:var(--body);font-size:20px;font-weight:600;color:var(--muted)}
.price.big .vat{font-family:var(--body);font-size:14px;font-weight:500;color:var(--muted);margin-left:8px}
/* дата обновления данных: спокойная приписка под кнопками, не спорит с ценой */
.updated{order:9;font-size:13px;color:var(--faint)}
/* тихая приписка про автоматические тексты: она про честность, а не про рекламу */
.ai-note{max-width:900px;margin:0 0 26px;font-size:13.5px;line-height:1.5;color:var(--faint)}
.ai-note a{color:var(--muted);text-decoration:underline}
.badge{font-size:13px;font-weight:600;color:var(--teal-ink);background:var(--teal-soft);border:1px solid var(--teal-border);border-radius:6px;padding:4px 10px}
.soldmark{background:#f3f4f6;border:1px solid var(--line);color:var(--muted);font-weight:600;
font-size:14px;padding:8px 14px;border-radius:9px}
.simlist{display:grid;gap:8px;margin-top:10px}
.simlist a{color:var(--teal-ink);font-weight:600;font-size:15px}
.cta{background:var(--teal-btn);color:#fff;font-weight:600;font-size:16px;
padding:14px 22px;border-radius:11px;text-align:center}
.cta:hover{filter:brightness(1.05)}
/* цена относительно похожих: факт, а не оценка «дорого/дешёво» вообще */
.pricecmp{order:5;font-size:14.5px;font-weight:600;color:var(--muted);
display:flex;flex-direction:column;gap:2px}
.pricecmp.good{color:var(--teal-ink)}
.pricecmp .base{font-weight:400;font-size:13px;color:var(--faint)}
/* источники цен: свёрнуты, чтобы блок оставался коротким, но проверяемым */
.pricecmp .pcsrc{margin-top:6px;font-weight:400}
.pricecmp .pcsrc summary{cursor:pointer;font-size:13px;color:var(--teal-ink);list-style:none}
.pricecmp .pcsrc summary::-webkit-details-marker{display:none}
.pricecmp .pcsrc summary::after{content:" ▾"}
.pricecmp .pcrow{display:flex;gap:8px;align-items:baseline;font-size:13px;margin-top:5px;
color:var(--muted);flex-wrap:wrap}
.pricecmp .pcrow a{color:var(--ink);text-decoration:underline}
.pricecmp .pcrow b{color:var(--ink);font-variant-numeric:tabular-nums}
.pricecmp .pcrow span{color:var(--faint)}
/* кнопка запроса по конкретному предложению: прижата вправо, чтобы строка
читалась как «цена - город - действие» */
.pricecmp .pcrow .pcask{margin-left:auto;text-decoration:none;font-weight:600;
color:var(--teal-ink);border:1px solid var(--teal-border);background:var(--teal-soft);
border-radius:7px;padding:4px 10px;white-space:nowrap}
.pricecmp .pcrow .pcask:hover{background:var(--panel)}
/* служебные подписи в строке предложения: видны только сотруднику */
/* ТЗ просит «компактный список»: название идёт первой строкой (что предлагают),
под ним цена, год, город и действие - иначе на телефоне строка распадается на
три и список читается как простыня */
.pricecmp .pcrow .pcname{color:var(--ink);flex:1 1 100%;order:-1;line-height:1.3}
.pricecmp .pcrow{row-gap:2px;padding-bottom:6px;border-bottom:1px solid var(--line-2)}
.pricecmp .pcrow:last-of-type{border-bottom:0}
/* ТЗ: «сначала показать несколько строк и кнопку „Показать ещё"». Прячем хвост
чекбоксом, без скрипта: на телефоне работает всегда */
.pricecmp .pcmore{display:none}
.pricecmp .pcmore-flag{position:absolute;opacity:0;pointer-events:none}
.pricecmp .pcmore-flag:checked ~ .pcmore{display:flex}
.pricecmp .pcmore-flag:checked ~ .pcmore-btn{display:none}
.pricecmp .pcmore-btn{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;
color:var(--teal-ink);cursor:pointer;border-bottom:1px dashed var(--teal-border)}
.pricecmp .pcrow .pcsrcname{color:var(--muted);font-size:12px}
.pricecmp .pcrow .pclink{font-size:12px;color:var(--teal-ink);text-decoration:none;
border-bottom:1px dashed var(--teal-border)}
/* у панели .buyers не было паддинга ни в одном правиле: заголовок и строки заявок
лежали прямо на рамке, а подчёркивание заголовка упиралось в скруглённые углы */
.specs,.about,.buyers{padding:6px 18px 16px;margin-bottom:16px}
.spec-h{font-size:19px;font-weight:600;color:var(--ink);padding:14px 0 8px;border-bottom:1px solid var(--line);margin-bottom:6px}
.specs .row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}
.specs .row:last-child{border-bottom:0}
.specs .k{color:var(--muted)}.specs .v{color:var(--ink);text-align:right;font-weight:500}
/* Названия параметров из описания поставщика бывают в шесть слов («Наибольшее
вертикальное перемещение ползуна»), а значения - со слэшами и знаками «×».
Без min-width:0 такая строка распирает колонку и страница уезжает вправо. */
.specs .k,.specs .v{min-width:0;overflow-wrap:break-word}
.specs .v.mono{font-family:var(--mono);font-size:15px;font-weight:600}
.about p{font-size:16px;line-height:1.55;margin:6px 0 0}.about .muted{color:var(--muted)}
/* состояние, год, комплектность - короткой таблицей перед текстом описания
(по макету: слева название факта, справа значение) */
.about .keyline{margin:10px 0 4px;border-top:1px solid var(--line)}
.about .keyline .kf{display:flex;gap:12px;justify-content:space-between;align-items:baseline;
padding:8px 0;border-bottom:1px solid var(--line)}
.about .keyline .kfn{font-size:14px;color:var(--muted)}
.about .keyline .kfv{font-size:14.5px;font-weight:600;color:var(--teal-ink);text-align:right}
.zd .watchform,.watchform{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.watchform input{flex:1 1 210px;min-width:0;padding:10px 12px;border:1px solid var(--line);
border-radius:9px;font:inherit;font-size:14.5px;background:var(--panel)}
.watchform input:focus{outline:none;border-color:var(--teal-border)}
.watchform .btn{flex:none}
.watchok{margin-top:10px;font-size:14.5px;color:var(--teal-ink);background:var(--teal-soft);
border:1px solid var(--teal-border);border-radius:9px;padding:9px 12px}
.about .dsc-full{margin-top:6px}
.about .dsc-full summary{cursor:pointer;color:var(--teal-ink);font-weight:600;font-size:15px;padding:6px 0}
.about .dsc-full[open] summary{color:var(--muted)}
/* Короткий текст стоит ПЕРЕД details, а соседний селектор смотрит только вперёд:
правило не срабатывало, и при раскрытии начало описания читалось дважды
из-за чего информация выглядела скомканной. Берём родителя через :has. */
.about:has(.dsc-full[open]) .dsc-short{display:none}
/* материалы по модели: короткий список, а не витрина */
.arts{padding:6px 18px 14px}
.arts .art{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
.arts .art:last-child{border-bottom:0}
.arts .at{font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35}
.arts .art:hover .at{color:var(--teal-ink)}
.arts .am{font-size:13px;color:var(--faint)}
.specs .row.ai .k{color:var(--faint)}
.specs .row.ai .tag{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;letter-spacing:.03em;
color:var(--teal-ink);background:var(--teal-soft);border:1px solid var(--teal-border);border-radius:5px;padding:1px 5px;vertical-align:2px}
.specs .mnote{font-size:13.5px;line-height:1.45;color:var(--muted);background:var(--panel-2);
border:1px solid var(--line);border-radius:10px;padding:9px 11px;margin:4px 0 4px}
.specs .mwait{font-size:14px;color:var(--muted);padding:8px 0}
/* паспортные строки модели - отдельный блок: Дима 24.08 просил, чтобы было
видно, где данные собраны машиной, и что их надо проверять */
.specs .mhead{font-size:15px;font-weight:600;color:var(--ink);
padding:12px 0 6px;margin-top:8px;border-top:1px solid var(--line)}
.specs .aispec{margin-top:2px}
.supplier{color:var(--muted);font-size:14px}
.supplier a{color:var(--teal-ink);font-weight:600}
/* контакты собственника - только для менеджеров */
.owner{padding:6px 18px 14px;margin-top:14px;border:1px dashed var(--teal-border);background:var(--teal-soft)}
/* заголовок служебной сводки работает как переключатель: стрелка вместо стандартного
треугольника, чтобы блок не выбивался из общего вида карточки */
.owner > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
.owner > summary::-webkit-details-marker{display:none}
.owner > summary::after{content:"▾";font-size:13px;color:var(--muted)}
.owner[open] > summary::after{content:"▴"}
.owner .row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px;min-width:0}
.owner .row:last-child{border-bottom:0}
.owner .k{color:var(--muted)}.owner .v{text-align:right;font-weight:500;min-width:0}
/* адрес объявления у поставщика - одно длинное слово, на телефоне его надо ломать */
.owner .v, .owner .v a{overflow-wrap:anywhere}
.owner .v.mono{font-family:var(--mono)}
/* потенциальные покупатели: строка читается сверху вниз - кто, почему, что делать */
/* Карточки «кому предложить»: компактные карточки вместо простыни,
у каждой заметная кнопка. Сетка: на широком экране две в ряд. */
.leads .leadgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
margin-top:4px}
.leads .lead{border:1px solid var(--line);border-radius:12px;padding:11px 13px;
background:var(--panel-2);display:flex;flex-direction:column;gap:5px}
/* уровень приоритета - тонкой полосой слева, без крикливых плашек */
.leads .lead{border-left:3px solid var(--line)}
.leads .lead.lv1{border-left-color:#e05252}
.leads .lead.lv2{border-left-color:#e0912f}
.leads .lead.lv3{border-left-color:var(--teal)}
.leads .lead.lv4,.leads .lead.lv5{border-left-color:var(--line)}
.leads .lhead{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.leads .lhead b{font-size:15px;font-weight:650;line-height:1.3}
.leads .lwhy{font-size:12px;color:var(--muted);white-space:nowrap}
.leads .lwhat{font-size:14px;line-height:1.45;color:var(--ink)}
.leads .lmeta{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}
.leads .lmeta .lsrc{color:var(--muted)}
.leads .lcontact{display:flex;gap:12px;flex-wrap:wrap;font-size:13.5px}
.leads .lcontact a{color:var(--teal-ink);font-weight:600}
.leads .lbtn{align-self:flex-start;margin-top:2px;font-size:13.5px;font-weight:600;
color:var(--teal-ink);border:1px solid var(--teal-soft);background:var(--teal-soft);
border-radius:9px;padding:6px 12px;text-decoration:none}
.leads .lbtn:hover{filter:brightness(.97)}
.leads .lhint{font-size:12.5px;color:var(--muted);line-height:1.4}
.leads .leadsend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;
padding-top:12px;border-top:1px solid var(--line)}
.leads .pscript{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.leads .pscript summary{cursor:pointer;color:var(--teal-ink);font-weight:600;font-size:15px}
.leads .sc{margin-top:10px}
.leads .sc b{font-size:13.5px;color:var(--muted)}
.leads .sc p{margin:3px 0 0;font-size:14.5px;line-height:1.5}
.leads .sc ol{margin:4px 0 0 18px;font-size:14.5px}
.external-demand .dm{font-size:13px;color:var(--muted);line-height:1.45}
.external-demand .row{align-items:flex-start}
/* «эту позицию ждут покупатели»: процент совпадения читается как главное, ссылка
«предложить» ведёт в ту же форму, что и из ленты заявок */
.buyers .dm{font-size:13px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}
.buyers .row{align-items:flex-start}
.buyers .k a{color:var(--ink);font-weight:600}
.buyers .k a:hover{color:var(--teal-ink)}
.buyers .v{white-space:nowrap;text-align:right}
.buyers .fit{display:inline-block;font-size:13px;font-weight:700;color:var(--teal-ink);
background:var(--teal-soft);border:1px solid var(--teal-border);border-radius:6px;padding:2px 8px}
.buyers .offerlink{font-size:13.5px;font-weight:600;color:var(--teal-ink)}
/* строка заявки: заголовок целиком слева, процент и кнопка справа */
.buyers .brow{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;
padding:12px 0;border-bottom:1px solid var(--line-2);flex-wrap:wrap}
.buyers .brow:last-of-type{border-bottom:0}
.buyers .bmain{flex:1;min-width:240px}
.buyers .btitle{font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35;display:block;
text-decoration:none}
.buyers .btitle:hover{color:var(--teal-ink)}
.buyers .btitle{overflow-wrap:anywhere}
.buyers .bact{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:150px}
.buyers .bsend{padding:9px 15px;font-size:14px;white-space:nowrap}
/* строка спроса по разделу: действие одно - открыть заявку, поэтому кнопка не растёт
во всю ширину. min-width:150px превращал её на телефоне в полосу 341×50 px, и три
таких строки съедали экран */
.buyers .demandrow .bact{min-width:0}
@media(max-width:640px){
.buyers .bact{width:100%;align-items:stretch}
.buyers .bsend{width:100%;justify-content:center}
.buyers .demandrow{gap:8px;padding:11px 0}
.buyers .demandrow .bmain{min-width:0;flex:1 1 100%}
.buyers .demandrow .bact{width:auto;align-items:flex-start}
.buyers .demandrow .btn{padding:8px 14px;font-size:14px}
}
/* закупки: та же вёрстка, но действие другое - уход на площадку, а не отклик у нас */
.tenderdemand .dm{font-size:13px;color:var(--muted);line-height:1.45}
.tenderdemand .row{align-items:flex-start}
.tenderdemand .k a{color:var(--ink);font-weight:600}
.tenderdemand .k a:hover{color:var(--teal-ink)}
.tenderdemand .v{white-space:nowrap;text-align:right}
.tenderdemand .fit{display:inline-block;font-size:13px;font-weight:700;color:var(--muted);
background:var(--panel-2);border:1px solid var(--line-2);border-radius:6px;padding:2px 8px}
.tenderdemand .offerlink{font-size:13.5px;font-weight:600;color:var(--teal-ink)}
/* зацепки: намеренно приглушены, это не покупатель, а повод для звонка */
.signals .dm{font-size:13px;color:var(--muted);line-height:1.45}
.signals .row{align-items:flex-start}
.signals .k a{color:var(--ink);font-weight:600}
.signals .v{white-space:nowrap;text-align:right}
.signals .weak{display:inline-block;font-size:12px;font-weight:600;color:var(--muted);
background:var(--panel-2);border:1px solid var(--line-2);border-radius:6px;padding:2px 8px}
.thumb{cursor:zoom-in}
/* полноэкранный просмотр фото: тап по снимку открывает, тап мимо - закрывает */
.lightbox{display:none;position:fixed;inset:0;z-index:80;background:rgba(10,14,20,.93);
align-items:center;justify-content:center}
.lightbox.on{display:flex}
.lightbox img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:6px}
.lightbox .lb-x{position:absolute;top:10px;right:14px;border:0;background:transparent;color:#fff;
font-size:38px;line-height:1;cursor:pointer;padding:6px 10px}
.lightbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;cursor:pointer;
background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;width:46px;height:60px;border-radius:10px}
.lightbox .lb-prev{left:8px}.lightbox .lb-next{right:8px}
/* видно, что фото не одно: счётчик сверху и точки снизу (по ним же можно переключать) */
.lightbox .lb-count{position:absolute;top:18px;left:18px;color:rgba(255,255,255,.82);font-size:14px;
font-variant-numeric:tabular-nums;letter-spacing:.02em}
.lightbox .lb-dots{position:absolute;left:0;right:0;bottom:18px;display:flex;gap:9px;justify-content:center}
.lightbox .lb-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;
background:rgba(255,255,255,.34);cursor:pointer}
.lightbox .lb-dots button.on{background:#fff}
/* на телефоне одна колонка и тот же порядок чтения, что на десктопе */
@media(max-width:760px){
/* align-items:start достался от десктопной сетки, а в колонке он означает
ширину по содержимому: правая колонка распирала страницу до 450 px при
экране 397 и всё уезжало вбок (поймано во встроенном браузере Samsung) */
/* Телефон читает карточку одной лентой: название → фото → цена и кнопка →
описание → характеристики → спрос → статьи. Порядок задан самой разметкой,
поэтому переставлять здесь нечего - только распускаем сетки в столбец.
Липкую панель цены отключаем: на узком экране она заняла бы половину
высоты и закрыла бы то, ради чего человек листает. */
.detail{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-bottom:14px}
.detail-wide{columns:1;padding-bottom:34px}
.detail-wide > .panel{margin-bottom:14px}
.info{position:static}
.phead{margin-bottom:12px}
.crumbs{margin:12px 0 10px;min-width:0;flex-wrap:nowrap}
.crumbs span:nth-last-of-type(-n+2){display:none} /* название и «/» перед ним */
/* многоточие ставим только разделу: он длинный и его читать не обязательно.
Раньше правило било по обеим ссылкам сразу, и место они делили поровну -
выходило «Металлообрабатывающее о… / Пр…», где не дочитывается ни одна */
.crumbs .cparent{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* padding - чтобы в ссылку попадал палец: высота строки была 21 px */
.crumbs a{flex:none;white-space:nowrap;padding:5px 0}
/* служебная сводка: подпись и значение в столбик. В две колонки на узком экране
переносился и заголовок строки, и значение - читалось как каша */
.owner .row{flex-direction:column;gap:2px;align-items:flex-start;padding:7px 0}
.owner .v{text-align:left}
.artcopy{padding:8px 12px} /* было 22 px высоты - мимо пальца */
/* компактная компоновка: фото → название → цена с кнопкой во всю ширину */
.media{padding:10px}
.media .gal button{width:72px;height:52px}
.cat-tag{margin-bottom:8px;font-size:12px;padding:4px 9px}
.phead h1{font-size:21px;margin:0 0 10px}
.pricebox{padding:14px;gap:10px;margin-bottom:12px}
.price.big{font-size:25px}
.cta{margin-left:0;width:100%;text-align:center}
.specs,.about,.buyers,.arts{padding:2px 14px 12px;margin-bottom:12px}
.spec-h{font-size:16.5px;padding:12px 0 6px}
.specs .row{font-size:14.5px;padding:8px 0}
.about p{font-size:15px}
/* на телефоне листаем свайпом - стрелки не нужны */
.lightbox .lb-nav{display:none}
}
Мы используем необходимые cookies для работы сайта.
Аналитические cookies включаются только после вашего выбора.
Подробнее
К Вашему вниманию предлагается Б/У макулатурный пресс BAUER Германия, пресс находится в отличном состоянии, прошел полностью обслуживание с заменой всех узлов и агрегатов.
Характеристики
СостояниеБ/у - рабочее состояние
Характеристикипоставщик их не указал
Технические характеристики
Усилие прессования20-50 тс
Производительность0.5-2 т/ч
Размеры кипы (Д×Ш×В)600-1100 × 700-800 × 800-1200 мм
Мощность привода7.5-15 кВт
Тип прессагоризонтальный
Вес оборудования2000-5000 кг
Подбираем характеристики…
Этот блок оформил искусственный интеллект по описанию продавца
и справочным данным модели. Характеристики нужно проверить у продавца.
Часть сведений в карточке - описание, характеристики и сравнение цен -
сформирована автоматически и может содержать неточности. Ключевые параметры перед сделкой
подтверждает продавец, площадка проверяет их по запросу.
Условия размещения