/*
 * 쇼핑 상품 카드 정리 (2026-11-08, 쇼핑 디자인 1차)
 * 스킨 9종(list.10~40 = .product-list-10, main.10~50 = .product-main-NN) 공통 덮어쓰기.
 * 원래 규칙은 각 스킨 파일 안 <style> 에 있고, 그쪽이 본문에 늦게 나오므로 여기는 body 를 붙여 우선순위를 올린다.
 * 연결: eyoom/core/shop/list.skin.php (add_stylesheet). 바꾸면 거기 ?v 를 올릴 것.
 */

/* 상품명: 고정 높이 대신 2줄 말줄임(줄 맞춤은 min-height) */
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-name {
    height:auto;min-height:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere
}
/* [분류] 꼬리표 — 이름 앞 작은 회색, 할인·증정류는 분홍 */
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .pn-tag {
    font-size:.78em;font-weight:500;color:#8c8c8c;margin-right:2px
}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .pn-tag-promo {color:#dc609f;font-weight:700}

/* 빈 요약문 칸(고정 38px) 숨김 */
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-info:empty {display:none}

/* 찜(♡)만 남은 버튼 줄: 회색 띠 대신 가격 줄 오른쪽 작은 하트 */
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-description-in {position:relative}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-price,
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-info {padding-right:30px}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-sns {
    position:absolute;right:2px;bottom:4px;height:auto;margin:0
}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-sns ul {
    position:static;display:flex;margin:0;padding:0
}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-sns ul li {float:none;width:auto;margin:0;padding:0}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-sns ul li a {
    width:30px;height:30px;line-height:30px;background:transparent;color:#b5b5b5;font-size:1.05rem
}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-sns ul li a span {display:none}
body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-sns ul li:hover .wish-icon {background:transparent;color:#dc609f}

/* 휴대폰 2열: 글자 크기 한 단계 낮춤 */
@media (max-width:576px) {
    body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .product-name {font-size:.9375rem;margin:8px 0 4px}
    body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .title-price {font-size:1rem}
    body :is(.product-list-10,.product-main-10,.product-main-20,.product-main-30,.product-main-40,.product-main-50) .product-description .line-through {font-size:.8125rem;margin-left:4px}
}