/* BASIC css start */
/* 최근 본 상품 */
.mypage-wrapper {
    --text-sm: .875rem; /* 14px */
    --text-xs: .813rem; /* 13px */
}
label,
.form-check-input { cursor: pointer; }
a { color: var(--cw-heading-color); }
.ml-auto { margin-left: auto; }
.product-list { margin: 40px 0 20px; }
.product-goods--header { display: flex; align-items: center; padding-bottom: 10px; border-bottom: 1px solid var(--cw-heading-color); }
.product-goods--header :where(label, a) { font-size: var(--text-sm); font-weight: 600; }
.product-goods--header .form-check-inline { margin-left: -4px; }
.product-goods--header input { margin-right: 8px; }
.product-goods--list li { padding: 16px 0; border-bottom: 1px solid var(--cw-color-30); }
.product-goods--info { padding: 5px 0; display: grid; grid-template-columns: 120px auto minmax(264px, 470px) 92px; align-items: center; text-align: center; }
.product-goods-image { text-align: left; }
.product-goods-image img { width: 100px; height: 100px; }
.product-goods-details { text-align: left; }
.product-goods-details .title { font-size: var(--text-sm); font-weight: 600; }
.product-goods-details .option { margin-top: 4px; font-size: var(--text-xs); color: var(--cw-color-80); }
.product-goods-details .price { margin-top: 8px; font-size: var(--text-sm); }
.product-goods-details .strike { margin-left: 6px; font-size: var(--text-xs); color: var(--cw-color-60); }
.product-goods-benefits { font-size: var(--text-xs); color: var(--cw-color-80); }
.product-goods--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 0; border-top: 1px solid var(--cw-heading-color); border-bottom: 1px solid var(--cw-color-30); font-size: var(--text-sm); font-weight: 600; }

.lnk-delete { display: flex; width: 20px; height: 20px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/bullet_delete.svg) no-repeat center center / 20px auto; text-indent: -9999px; }


/* 모바일 */
@media (max-width: 767.98px) {
    .mypage-wrapper {
        --text-sm: .813rem; /* 13px */
        --text-xs: .75rem; /* 12px */
    }
    .product-goods--info { grid-template-columns: 102px auto; gap: 4px; align-items: start; text-align: left; padding-bottom: 0; }
    .product-goods-image { grid-row: 1 / 4; }
    .product-goods-image img { width: 90px; height: 90px; }
    .product-goods-details .price { margin-top: 4px; font-size: .875rem; }
    .product-goods-details .strike { font-size: var(--text-sm); }
}

/* 비회원 접근 시 배치 수정 */
.row { justify-content: center; }
.page-title-wrap { text-align: left; }
/* BASIC css end */

