/* 상품상세 > 구매하기 : 추천상품(같이구매) 팝업 css */
#recommendProductPop-layer-mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 21; background-color: rgba(0, 0, 0, 0.7); display: none;}
#recommendProductPop-layer-mask.active {display: block; animation: show-up-mask 1s ease 0s 1 normal forwards;}
@keyframes show-up-mask {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.recommendProductPop { position: fixed; width: 100%; max-width: 480px; bottom: -100%; transition: bottom 0.4s; z-index: 5001; background-color: #fff; left: 50%; transform: translate(-50%, 0); border-top-right-radius: 16px; border-top-left-radius: 16px; overflow: hidden;}
.recommendProductPop.active { bottom: 0;}

.recommendProductPop button { cursor: pointer; }

.recommendProductPop .rcmdpop-header { display: flex; align-items:center; justify-content: space-between; padding: 16px; font-size: 18px; }
.recommendProductPop .rcmdpop-header .close { /*position: absolute; top: 20px; right: 20px;*/ background: url(https://img.monfood.co.kr/images/common/btn_close.png) 0 0 no-repeat; width: 16px; height: 16px; text-indent: -9999px; background-size: 16px; }

.recommendProductPop .rcmdpop-content { position: relative; padding: 16px; overflow-x: hidden; overflow-y: auto; max-height: 70vh; }
.recommendProductPop .rcmdpop-content.grid-col3 {display: flex; gap: 28px 16px; flex-wrap: wrap}
.recommendProductPop .rcmdpop-content.grid-col3 .product_item {width: calc(100% / 3 - 32px / 3)}


/* 추천상품, 최근본 상품 */
.add_product_wrap .add_product_swiper {overflow: hidden; z-index: -999;}
.add_product_wrap .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.add_product_wrap .swiper-slide {background-position: center; background-size: cover; height: 100%; position: relative; transition-property: transform; flex-shrink: 0;}
.recommendProductPop .rcmdpop-content .funcViewProductInfo { cursor: pointer; }
.recommendProductPop .rcmdpop-content .product_item img {max-width: 100%; border-radius: 8px;}
.recommendProductPop .rcmdpop-content .product_item .tit {font-size: 14px; line-height: 1.3; height:38px; margin: 8px 0 8px 0; font-weight: 400; white-space: normal; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recommendProductPop .rcmdpop-content .product_item .price-wrapper{display: inline-block; line-height: 1; display: flex; position: relative; letter-spacing: -0.21px;}
.recommendProductPop .rcmdpop-content .product_item .org-price {color: #aeaeae; font-size: 12px; padding-top: 2px; height: 15px;}
.recommendProductPop .rcmdpop-content .product_item .price {display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: -0.5px; white-space: nowrap;}
.recommendProductPop .rcmdpop-content .product_item .dc-rate {font-size: 14px; font-weight: 700; color: #FF6B00; display: inline-block; margin-right: 8px; word-break: keep-all;}
.recommendProductPop .rcmdpop-content .product_item .review-area {display: inline-block; color: #a8a8a8; padding: 6px 0; font-size: 13px; float: left;}
.recommendProductPop .rcmdpop-content .product_item .review-area .review-area-wrap {width: auto;}
.recommendProductPop .rcmdpop-content .product_item .review-area .review-area-wrap p {float: left;}
.recommendProductPop .rcmdpop-content .product_item .review-area .review-area-wrap p:first-child {padding-right: 5px;}
.recommendProductPop .rcmdpop-content .product_item .review-area .review-area-wrap p.rate {display: flex;}
.recommendProductPop .rcmdpop-content .product_item .review-area .review-area-wrap p em.star {display: inline-block; background-image: url("https://img.monfood.co.kr/image/common/star.png"); width: 15px; height: 15px; background-size: contain; margin: 1px;}
.recommendProductPop .rcmdpop-content .product_item .review-area .review-area-wrap span {color: #727272; position: relative; padding-left: 16px; font-size: 12px;}
.recommendProductPop .rcmdpop-content .product_item .review-area .review-area-wrap span::before {content: ''; display: block; background-image: url("https://img.monfood.co.kr/images/common/ico_review.svg"); width: 14px; height: 14px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); margin-top: 1px;}
@media screen and (max-width: 380px) {
    .recommendProductPop .rcmdpop-content .product_item .dc-rate.event-price {margin-right: 3px;}
}
@media screen and (max-width: 360px) {
    .recommendProductPop .rcmdpop-content .product_item .dc-rate.event-price {margin-right: 2px;}
}
.recommendProductPop .rcmdpop-content .product_item .rcmd_btn_wrap { margin-top: 35px; }
.recommendProductPop .rcmdpop-content .product_item .rcmd_btn_wrap > button { background-color: #000; color: #fff; border: 1px solid #000; border-radius: 5px; width: 100%; padding: 6px; cursor: pointer; }
.recommendProductPop .rcmdpop-content .product_item .rcmd_btn_wrap > button.hide { display: none; }
.rcmd-btn-select:focus, .rcmd-btn-selected:focus { outline: none; }
.recommendProductPop .rcmdpop-content .product_item .rcmd_btn_wrap .rcmd-btn-select { }
.recommendProductPop .rcmdpop-content .product_item .rcmd_btn_wrap .rcmd-btn-selected { display: flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #FF6b00; color: #FF6b00; background-color: #fff; }
.recommendProductPop .rcmdpop-content .product_item .rcmd_btn_wrap .rcmd-btn-selected > img { width: 13px; height: 13px; }

.recommendProductPop .rcmdpop-footer { }
.recommendProductPop .rcmdpop-footer .rcmd-total-wrap { font-weight: normal; padding: 16px; display: flex; align-items: center; justify-content: center; gap: 5px; /*text-align: center;*/ font-size: 13px; }
.recommendProductPop .rcmdpop-footer .rcmd-total-wrap.hide { display: none; }
.recommendProductPop .rcmdpop-footer .rcmd-total-wrap .rcmd-totalprice-wrap { color: #FF6b00; }

.recommendProductPop .rcmdpop-footer .rcmd-btn-order { width: 100%; border: none; padding: 16px 0; font-weight: bold; background-color: #ff6b00; font-size: 16px; text-align: center; color: #fff; }
.recommendProductPop .rcmdpop-footer .rcmd-btn-order.hide { display: none; }


/* 상품정보 */
.recommendProductInfoPop { position: fixed; width: 100%; height: 100%; max-width: 480px; bottom: -100%; transition: bottom 0.4s; z-index: 5002; background-color: #fff; left: 50%; transform: translate(-50%, 0); overflow: hidden; display: flex; flex-direction: column;}
.recommendProductInfoPop.active { bottom: 0;}

/* 모바일에서는 우좌 슬라이드 */
@media (max-width: 768px) {
    .recommendProductInfoPop {top: 0;bottom: 0;left: 0;transform: translateX(100%);transition: transform 0.4s ease;}
    .recommendProductInfoPop.active {transform: translateX(0);}
}

.recommendProductInfoPop button { cursor: pointer; }

.recommendProductInfoPop .rcmdpop-header {display:flex;flex-direction:column; margin-bottom: 20px;}
.recommendProductInfoPop .rcmdpop-header .close {flex:0 0 auto;width:16px;height:16px;text-indent:-9999px;background:url(https://img.monfood.co.kr/images/common/btn_close.png) 0 0 no-repeat;background-size:16px;}
.recommendProductInfoPop .rcmdpop-header .rcmdpop-title { flex:1 1 auto;min-width:0;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.recommendProductInfoPop .rcmdpop-header .rcmdpop-product-badge { flex:0 0 auto;white-space:nowrap;border:1px solid #FF6b00;border-radius:4px;padding:4px 10px;font-size:12px;line-height:1.2;color:#FF6b00; }
.recommendProductInfoPop .rcmdpop-header-cont1 { display:flex;align-items:center;gap:8px;min-width:0; padding: 16px 20px 10px;}
.recommendProductInfoPop .rcmdpop-header-cont2 {padding: 12px 20px; background: #FFF1ED; font-size:13px;line-height:1.4;color:#222;display: flex;align-items: center;justify-content: center; }
.recommendProductInfoPop .rcmdpop-header-cont2 .rcmdpop-pbanner { text-align: center; }
.recommendProductInfoPop .rcmdpop-header-cont2 .rcmdpop-pbanner .rcmdpop-optname {display: inline-block; color: #ff6b00}

.recommendProductInfoPop .rcmdpop-content {flex: 1; overflow-y: auto; padding: 0 15px; }
.recommendProductInfoPop .rcmdpop-content .rcmdpop-pinfo-wrap img { width: 100%; }
.recommendProductInfoPop .rcmdpop-content .rcmdpop-pinfo-wrap .rcmdpop-pdetail { margin-bottom: 10px; line-height: 1.4; }
.recommendProductInfoPop .rcmdpop-content .rcmdpop-pinfo-wrap .rcmdpop-pimg-wrap { display: flex; }

.recommendProductInfoPop .rcmdpop-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-shrink: 0; /* 높이 고정 */ padding: 15px; }
.recommendProductInfoPop .rcmdpop-footer > button { border-radius: 5px; }
.recommendProductInfoPop .rcmdpop-footer .rcmdpop-btn-cancel { width: 20%; padding: 11px 0;  font-size: 16px; text-align: center; border: 1px solid #ff6b00; color: #ff6b00; background-color: #fff; height: 48px; font-weight: 700;}
.recommendProductInfoPop .rcmdpop-footer .rcmdpop-btn-select-pinfo { width: 80%; border: none; padding: 11px 0; background-color: #FF6b00; font-size: 16px; text-align: center; color: #fff; height: 48px; font-weight: 700}