/* static/css/user_products.css Страница /user_product/ должна выглядеть как "Все товары". ВАЖНО: НЕ ломаем общие классы all_products (product_table/product_card/product_pictures_box/product_text_box и т.д.) Поэтому тут только точечные стили для заголовка/обёртки, без all:unset и без агрессивных override. СТРАХОВКА: clamp применяется ТОЛЬКО когда на есть класс page-user-products. */ .user-products-page { width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 16px 30px; box-sizing: border-box; } .user-products-title { margin: 16px 0 18px; text-align: center; font-size: 36px; font-weight: 800; } @media (max-width: 768px) { .user-products-page { padding: 10px 10px 22px; } .user-products-title { font-size: 26px; margin: 12px 0 14px; } } /* Никаких reset для .product_* классов тут быть НЕ должно. */ /* === Clamp ТОЛЬКО внутри /user_product/ (через body_class) === */ /* Заголовок — 1 строка */ body.page-user-products .user-products-page .product_text_box .product_title, body.page-user-products .user-products-page .product_text_box .product_title a, body.page-user-products .user-products-page .product_text_box h2, body.page-user-products .user-products-page .product_text_box h3, body.page-user-products .user-products-page .product_text_box .pl-card__title, body.page-user-products .user-products-page .product_text_box .pl-card__title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-word; } /* Цена — НЕ режем */ body.page-user-products .user-products-page .product_text_box .product_price, body.page-user-products .user-products-page .product_text_box .price, body.page-user-products .user-products-page .product_text_box .product_price_box, body.page-user-products .user-products-page .product_text_box .product, body.page-user-products .user-products-page .product_text_box .pl-card__price, body.page-user-products .user-products-page .product_text_box .pl-card__price-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Описание — 1 строка */ body.page-user-products .user-products-page .product_text_box .product_desc, body.page-user-products .user-products-page .product_text_box .product_description, body.page-user-products .user-products-page .product_text_box .product_text, body.page-user-products .user-products-page .product_text_box .pl-card__descr, body.page-user-products .user-products-page .product_text_box p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; word-break: break-word; } @media (max-width: 768px) { body.page-user-products .product_card { min-height: 360px; } }