@charset "UTF-8";	
main {background-color: #fff;}
.product-view-wrap {max-width: 100%;}
.product-view-wrap .prd_name {margin: 0 0 8px 0; padding: 0 15px; font-size: 20px; font-weight: 700; color: #181A1C;}
.product-view-wrap .prd_desc {font-size: 14px; color: #888; padding: 0 15px;}
.product-view-wrap .pd_price {display: inline-block; font-size: 20px; font-weight: 700; color: #181A1C;}

.product-view-wrap .prd-count tbody {display: flex; align-items: center; justify-content: space-between;}
.product-view-wrap .prd-count tbody tr {flex: 1 0 auto}
.product-view-wrap .prd-count tbody tr td strong {font-size: 20px; font-weight: 700; color: #181A1C;}

.product-view-wrap .prd-count tbody tr td .btn-count{position: relative;}
.product-view-wrap .prd-count tbody tr td .btn-count::before, .product-view-wrap .prd-count tbody tr td .btn-count::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 1px;
    margin: auto;
    border-radius: 2px;
    background-color: #181A1C;
}

.product-view-wrap .prd-count tbody tr td .btn-count::after {
    transform: rotate(90deg);
}
.product-view-wrap .prd-count tbody tr td .btn-count.btn-minus::after {
    display: none;
}

.product-view-wrap .prd-count tbody tr .count-handler{
    display: flex;
    align-items: center;
    width: 114px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #E4E6E8;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0), 0 0 15px 0 rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0);
    vertical-align: top;
    text-indent: -9999em;
}

.product-view-wrap .prd-count tbody tr .count-handler a, .product-view-wrap .prd-count tbody tr .count-handler input {flex: 1; height: 100% !important;}
.product-view-wrap .prd-count tbody tr .count-handler a {text-indent: -9999em; font-size: 0;}
.product-view-wrap .prd-count tbody tr .count-handler input {border: none !important; margin: 0 !important;}

.product-view-wrap .prd_total_price {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.product-view-wrap .prd_total_price > span, .product-view-wrap .prd_total_price .total-num {flex: 1; font-size: 20px; font-weight: 700; color: #181A1C;}
.product-view-wrap .prd_total_price .total-num {text-align: right;}

.price_area {padding: 15px; border-bottom: 5px solid #F3F5F7; width: 100% !important; margin: 0 !important;}
.price_area.type-between {display: flex; align-items: center; justify-content: space-between;}
.price_area.type-column{flex-direction: column; align-items: flex-start;}
.type-between .left-title {font-size: 18px; font-weight: 700; color: #181A1C; margin: 0;}
#vertual_cart > div {width: 100%;}
.price_area select {background-color: #fff !important;}
.price_area .col-12 > div {padding: 10px 0;}

.prd-seller-info {display: flex; align-items: center; justify-content: space-between; border-color: #F3F5F7; background-color: #F3F5F7; border-radius: 10px; padding: 15px;}
.prd-seller-info .seller-name {display: flex; align-items: center;}
.prd-seller-info a {padding-left: 10px; padding-right: 5px; font-size: 20px; font-weight: 700; color: #4B4D4F;}
.panmaeja-info-area {border: none !important; padding: 0 15px !important;}
.panmaeja-info-area .blue_button {border-radius: 20px; padding: 4px 8px !important; margin: 0 !important; color: #4B4D4F; border-color: #4B4D4F !important;}

.prd-btn-area {display: flex; align-items: center; gap: 10px; padding: 15px;}
.prd-btn-area > span {flex: 1;}
.prd-btn-area > span button {border-radius: 10px; font-size: 16px; line-height: 45px;}


.seller-list-wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;max-width: 1200px;margin: 0 auto;width: 100%;}
.seller-list-wrap .seller-list-box {width: 100%;}
.seller-list-wrap .seller-list-box .place_thumb {width: 100%;aspect-ratio: 3 / 2;border-radius: 14px;overflow: hidden;background-color: #f2f2f2;}
.seller-list-wrap .seller-list-box .place_thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}

.prd-list-wrap {max-width: 1200px; width: 100%; margin: 0 auto;}
.prd-list-wrap .prd_thumb {width: 100%;aspect-ratio: 1 / 1;border-radius: 14px;overflow: hidden;background-color: #f2f2f2;}
.prd-list-wrap .prd_thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}


/* 전체 리스트 컨테이너 */
.menu-list {padding: 15px;}
/* 개별 메뉴 아이템 */
.menu-item {display: flex;justify-content: space-between;align-items: flex-start;padding: 18px 0;border-bottom: 1px solid #f2f2f2;gap: 12px;}
/* 왼쪽 텍스트 영역 */
.menu-info {flex: 1;min-width: 0;}
/* 태그 영역 */
.menu-tags {margin-bottom: 6px;display: flex;gap: 6px;}
.tag {display: inline-block;font-size: 12px;padding: 3px 8px;border-radius: 6px;background: #f5f5f5;color: #555;}
.tag.rank {background: #eee;font-weight: 600;}
.tag.recommend {background: #FFDCDC;color: #d84a4a;font-weight: 600;}
/* 메뉴 제목 */
.menu-title {font-size: 15px;font-weight: 700;margin: 2px 0 6px 0;}
/* 메뉴 설명 */
.menu-desc {color: #777;font-size: 13px;line-height: 1.35;margin-bottom: 10px;max-height: 38px;overflow: hidden;}
/* 가격 */
.menu-price {font-size: 15px;font-weight: 700;margin-bottom: 4px;color: #171A1C;}
/* 리뷰 */
.menu-review {font-size: 13px;color: #666;}
/* 오른쪽 썸네일 */
.menu-thumb {width: 80px;min-width: 80px;height: 80px;border-radius: 12px;overflow: hidden;background: #f8f8f8;border: 1px solid #F2F2F2;}
.menu-thumb img {width: 100%;height: 100%;object-fit: cover;}


.prd-search-wrap {position: relative; padding: 10px 0;}
.prd-search-wrap .form-control {background-color: #F7F7F7; border-radius: 10px; border-color: #F7F7F7; color: #333333; padding-right: 45px;}
.prd-search-wrap .form-control::placeholder {color: #333333;}
.prd-search-wrap .prd-search-btn {position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.prd-search-wrap .prd-search-btn button {display: inline-block; font-size: 0; text-indent: -9999em; width: 30px; height: 30px; background-color: transparent; border-color: transparent; border-radius: 0; background-repeat: no-repeat; background-position: center; background-image: url('/assets/images/icon/ico_menu_search_on.svg'); background-size: contain;}

.prd-search-wrap.type-2{background-color: #F7F7F7; padding: 20px;}
.prd-search-wrap .prd-search-title {font-size: 15px; padding-bottom: 10px; color: #333;}
.prd-seller-list {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px 12px;}

.prd-seller-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 기본: 2열 */
    gap: 18px 12px;
}

/* 1200px 이상 → 4열 */
@media (min-width: 787px) and (max-width: 1200px) {
    .prd-seller-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* 1200px 초과 → 4열 유지 (원하면 더 늘릴 수도 있음) */
@media (min-width: 1201px) {
    .prd-seller-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* 썸네일 영역 */
.prd-seller-list .store-thumb {position: relative;width: 100%;aspect-ratio: 4 / 3;overflow: hidden;}
.prd-seller-list .store-thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}
.prd-seller-list .store-card {background: #ffffff;border-radius: 18px;overflow: hidden;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);display: flex;flex-direction: column;cursor: pointer;}
.prd-seller-list .badge {position: absolute;left: 10px;bottom: 10px;padding: 4px 10px;border-radius: 999px;font-size: 11px;font-weight: 600;}
.prd-seller-list .badge-point {background: #ff8450;color: #fff;}
.prd-seller-list .call-float {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 42px;height: 42px;border-radius: 50%;background: rgba(255, 115, 70, 0.95);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 22px;}
.prd-seller-list .store-body {padding: 10px 12px 12px;}
.prd-seller-list .store-pickup,
.prd-seller-list .store-type {font-size: 12px;color: #9ca3af;margin-bottom: 2px;}
.prd-seller-list .store-name {font-size: 15px;font-weight: 700;margin: 4px 0 6px;}
.prd-seller-list .store-meta {font-size: 12px;color: #6b7280;display: flex;flex-wrap: wrap;gap: 4px;margin-bottom: 4px;}
.prd-seller-list .store-distance {font-size: 12px;color: #6b7280;}

.my-sell-card {}