/**
 * Block Skin: product/basic (product_auto/basic 공용)
 * 카드 자체는 Front/Ui/basic/_assets/css/product-card.css 가 맡는다.
 * 여기서는 진열 간격과 슬라이드 모양만 정한다.
 */
.block-product__list { list-style: none; }

.block-product .mublo-item-layout:not(.is-slide) > ul {
    gap: 36px 10px;
}
@media (min-width: 768px) {
    .block-product .mublo-item-layout:not(.is-slide) > ul { gap: 48px 16px; }
}
@media (min-width: 1024px) {
    .block-product .mublo-item-layout:not(.is-slide) > ul { gap: 56px 20px; }
}

.block-product__item { min-width: 0; }

/* 슬라이드: 다음 카드가 살짝 보이도록 오른쪽을 열어 둔다(모바일) */
.block-product .mublo-item-layout.is-slide { overflow: visible; }
.block-product .mublo-item-layout.is-slide .swiper { overflow: hidden; }

/* 편집 미리보기 빈 상태 */
.block-product-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 120px;
    padding: 24px;
    border: 1px dashed var(--border);
    border-radius: 0;
    color: var(--muted-foreground);
    font-size: var(--text-caption);
}
.block-product-empty__icon { font-size: 1.5rem; }