/* ======================================================
   카테고리 중메뉴
   ====================================================== */

.mid-category-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
}

/* 카테고리 정렬 칩 */
.mud-chip.cate-order-chip {
    height: auto !important;
    padding: 4px 10px !important;
}


/* ======================================================
   상품 상세 인포 - 수량
   ====================================================== */

.prod_selected_qty {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
}

/* 수량 입력 */
.MyQuantityInput {
    flex: 0 0 auto !important;
    width: 56px;
    min-width: 56px;
    margin: 0 !important;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 5px;
    background-color: #fff;
    box-sizing: border-box;
}

    .MyQuantityInput .mud-input-control {
        margin: 0 !important;
    }

    .MyQuantityInput .mud-input-control-input-container {
        height: 34px;
        min-height: 34px;
    }

    .MyQuantityInput .mud-input {
        height: 34px;
        min-height: 34px;
        padding: 0 !important;
        text-align: center;
    }

    .MyQuantityInput .mud-input-slot,
    .MyQuantityInput input {
        width: 100%;
        height: 34px;
        padding: 0 !important;
        text-align: center !important;
        font-weight: var(--bold) !important;
        line-height: 1 !important;
    }


/* ======================================================
   선택된 옵션 / 가격
   ====================================================== */

.prod_selected_price {
    flex: 0 0 auto;
    margin-left: auto;
    align-items: flex-end;
}

/* 적립금 아이콘 */
.point_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    aspect-ratio: 1 / 1;
    border-radius: 3px;
    font-size: var(--size-xs);
    line-height: 1 !important;
}


/* ======================================================
   상세페이지 구매 버튼
   ====================================================== */

.prod_action_grid .mud-grid-item {
    display: flex;
}

.prod_action_btn {
    min-height: 65px;
    border-radius: 5px !important;
    font-size: var(--size-xl);
    white-space: nowrap;
}

/* 구매 버튼 전용 */
.prod_buy_btn {
    --mud-ripple-color: rgba(255, 255, 255, .75);
    --mud-ripple-opacity: .22;
    background-color: #323234 !important;
    color: #fff !important;
}

    .prod_buy_btn:hover:not(:disabled):not(.mud-disabled),
    .prod_buy_btn:focus-visible {
        background-color: #18181a !important;
        color: #fff !important;
    }

/* 장바구니 / 관심상품 */
.mobonCart,
.mobonWish {
    border-color: rgba(0, 0, 0, .20) !important;
}


/* ======================================================
   Responsive
   ====================================================== */

@media (max-width: 599.98px) {
    .prod_selected_qty {
        gap: 6px;
    }

    .MyQuantityInput {
        width: 50px;
        min-width: 50px;
    }

        .MyQuantityInput .mud-input-control-input-container,
        .MyQuantityInput .mud-input,
        .MyQuantityInput .mud-input-slot,
        .MyQuantityInput input {
            height: 32px;
            min-height: 32px;
        }

    .prod_action_btn {
        min-height: 46px;
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 420px) {
    .MyQuantityInput {
        width: 46px;
        min-width: 46px;
    }
}