/**
 * 文件功能：移动端内容卡片样式
 *
 * 负责小屏幕下内容卡片图片高度、裁切和布局稳定性。
 *
 * 维护说明：
 * 该文件用于保护移动端商品卡片图片尺寸一致性，调整前应回归 320–640px 内容列表和商家/搜索页面。
 *
 * 最后修改：2026-08-28
 * 当前版本：V1.7.8.6.9.2.32.21
 */

/*
 * DAZHE V1.7.8.6.2.3.2.1
 * Restored mobile content-card image height normalization.
 * Loaded after app.css so this remains a small, isolated override.
 */

@media (max-width: 640px) {
    .public-site .content-card .content-card-media {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: start;
        width: 100%;
        height: min(180px, 42vw);
        min-height: 0;
        max-height: 180px;
        overflow: hidden;
        background: #fff;
    }

    .public-site .content-card .content-card-media > img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 180px;
        object-fit: contain;
        object-position: center center;
    }

    .public-site .content-card .content-card-media > .content-image-placeholder {
        width: 100%;
        height: 100%;
    }
}


/* V1.7.8.6.9.2.32.20 - mobile local-sale summary preview */
.local-sale-mobile-summary {
    display: none;
}

@media (max-width: 620px) {
    .public-site .content-card .local-sale-mobile-summary {
        display: block;
        margin: 4px 0 6px;
        color: #53606f;
        font-size: 12px;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }
}