/* 前台统一产品展示组件的样式(配合 /public/assets/js/product-ui.js)。所有产品列表/卡片/赠品的样式只写在这里。 */

/* 卡片标题:最多 3 行,并固定预留 3 行高度——同一行的卡片型号/价格才会对齐 */
.pui-title {
    font-size: 1rem;
    line-height: 1.3;
    min-height: 3.9em;
    margin-bottom: .5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* 赠品名称:按赠品区域自己的宽度判断——宽(产品详情页)一行省略,窄(列表卡片、手机)最多 3 行 */
.pui-gifts { container-type: inline-size; }
.pui-gift-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}
@container (max-width: 420px) {
    .pui-gift-name {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: break-word;
        overflow-wrap: break-word;
    }
}