/* ============================================================
 * 相关产品 Swiper 轮播
 * ============================================================ */
.qing-rp { width: 100%; }
.qing-rp-heading {
    font-size: 20px;
    font-weight: 700;
    color: #222;
    margin: 0 0 16px;
}

/* 舞台：左右箭头 + 视口 */
.qing-rp-stage {
    position: relative;
    display: flex;
    align-items: center;
}

.qing-rp-viewport {
    flex: 1;
    overflow: hidden;
    min-width: 0;
}

.qing-rp-track {
    display: flex;
    gap: 16px;
    transition: transform 0.4s ease;
    will-change: transform;
}

/* 单个产品卡片 */
.qing-rp-item {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    /* JS 未执行前的兜底宽度，按 per-view 变量计算，避免全部挤在一起 */
    width: calc((100% - 16px * (var(--rp-pv, 6) - 1)) / var(--rp-pv, 6));
}
@media (max-width: 1024px) {
    .qing-rp-item { width: calc((100% - 16px * (var(--rp-pv-t, 4) - 1)) / var(--rp-pv-t, 4)); }
}
@media (max-width: 768px) {
    .qing-rp-item { width: calc((100% - 16px * (var(--rp-pv-m, 2) - 1)) / var(--rp-pv-m, 2)); }
}

.qing-rp-img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    overflow: hidden;
    background: #f7f7f7;
}
.qing-rp-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.qing-rp-item:hover .qing-rp-img img { transform: scale(1.06); }

.qing-rp-title {
    color: #222;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    margin-top: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}
.qing-rp-title:hover { color: #ff6700; }

.qing-rp-price {
    color: #222;
    font-size: 16px;
    font-weight: 700;
}
.qing-rp-moq {
    color: #666;
    font-size: 13px;
}

/* 左右圆形箭头 */
.qing-rp-nav {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #888;
    padding: 0;
    transition: all 0.2s ease;
    z-index: 2;
}
.qing-rp-nav:hover { color: #ff6700; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.qing-rp-nav svg { width: 20px; height: 20px; display: block; }
.qing-rp-nav:disabled { opacity: 0.35; cursor: default; box-shadow: none; }
.qing-rp-prev { margin-right: 10px; }
.qing-rp-next { margin-left: 10px; }

.qing-rp-empty { padding: 20px; text-align: center; color: #999; }

/* 响应式 */
@media (max-width: 768px) {
    .qing-rp-nav { width: 32px; height: 32px; }
    .qing-rp-nav svg { width: 16px; height: 16px; }
}

/* 隐藏产品价格 */
.qing-rp-price { display: none !important; }

/* 可定制内容 / 应用场景（左对齐简单行） */
.qing-rp-moq,
.qing-rp-feat {
    text-align: left;
    color: #555;
    font-size: 12.5px;
    line-height: 1.5;
}
.qing-rp-feat span { color: #103A8E; font-weight: 700; }
.qing-rp-moq span { color: #103A8E; font-weight: 700; }