/* Карточка товара: порядок чтения - что это, сколько стоит, где, что дальше. Цена набрана обычным шрифтом и работает как коммерческий якорь. */ .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} }

Макулатурный пресс BAUER Германия

Артикул T18368
Макулатурный пресс BAUER Германия
1 500 000 ₽
СостояниеБ/у - рабочее состояние Где находитсяРоссия, Челябинск
Отправить запрос
Скажем, если цена в прайсе изменится или позицию снимут.
Данные обновлены
Описание
СостояниеБ/у - рабочее состояние

К Вашему вниманию предлагается Б/У макулатурный пресс BAUER Германия, пресс находится в отличном состоянии, прошел полностью обслуживание с заменой всех узлов и агрегатов.

Характеристики
СостояниеБ/у - рабочее состояние
Характеристикипоставщик их не указал
Технические характеристики
Усилие прессования20-50 тс
Производительность0.5-2 т/ч
Размеры кипы (Д×Ш×В)600-1100 × 700-800 × 800-1200 мм
Мощность привода7.5-15 кВт
Тип прессагоризонтальный
Вес оборудования2000-5000 кг
Этот блок оформил искусственный интеллект по описанию продавца и справочным данным модели. Характеристики нужно проверить у продавца.

Это ваше оборудование? Получить доступ к объявлению

Спрос на такое оборудование
Пока запросов на такую позицию нет. Мы следим за заявками покупателей и закупками в открытых источниках - напишем, как только появится подходящий.

Часть сведений в карточке - описание, характеристики и сравнение цен - сформирована автоматически и может содержать неточности. Ключевые параметры перед сделкой подтверждает продавец, площадка проверяет их по запросу. Условия размещения

К сравнению: 0 Сравнить