@charset "utf-8";
/* ============================================================
   모바일 상품 상세 페이지 CSS
   ============================================================ */

/* 가로 스크롤 방지 */
html, body { max-width: 100% !important; overflow-x: hidden !important; }
*, *::before, *::after { box-sizing: border-box; }

/* ── PC 전용 요소 숨김 ── */
#sit_buy, #stv_pg, #sit_rel, #sit_siblings,
.sit_btn_opt, #btn_option, #sit_ov h2,
.sit_ov_tbl .tr_opt_info { display: none !important; }

/* ── 전체 컨테이너 ── */
#sit_ov_wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ── 이미지 영역 ── */
#sit_pvi {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e8dcc8 !important;
    background: #fff !important;
    overflow: hidden !important;
}
/* bxSlider 이미지 100% */
#sit_pvi .bx-wrapper,
#sit_pvi .bx-viewport,
#sit_pvi #sit_pvi_slide { width: 100% !important; }
#sit_pvi ul { margin: 0 !important; padding: 0 !important; }
#sit_pvi ul li { list-style: none !important; }
#sit_pvi img, #sit_pvi_slide img, #sit_pvi li img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
}
.bx-wrapper { max-width: 100% !important; margin: 0 !important; box-shadow: none !important; border: 0 !important; }
.bx-wrapper img { max-width: 100% !important; }

/* 이미지 하단 컨트롤 */
#sit_pvi .btn_wr {
    background: rgba(0,0,0,0.45) !important;
    position: absolute !important;
    bottom: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-radius: 20px !important;
    padding: 0 10px !important;
    line-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 !important;
}
#sit_pvi .btn_wr a, #sit_pvi .btn_wr #slide-counter {
    color: #fff !important;
    font-size: 13px !important;
    float: none !important;
    width: auto !important;
    display: inline !important;
    padding: 0 !important;
}

/* ── 상품 정보 영역 ── */
#sit_ov {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 14px 14px 10px !important;
    background: #fff !important;
    border-bottom: 1px solid #e8dcc8 !important;
    height: auto !important;
    overflow: hidden !important;
}

/* 상품명 */
#sit_title {
    display: block !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #1a1a1a !important;
    line-height: 1.4 !important;
    margin-bottom: 6px !important;
    word-break: break-all !important;
}
/* 기본 설명 */
#sit_desc {
    display: block !important;
    font-size: 12px !important;
    color: #888 !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
    word-break: break-all !important;
}

/* 정보 테이블 */
.sit_ov_tbl {
    width: 100% !important;
    border-top: 1px solid #e8dcc8 !important;
    border-bottom: 1px solid #e8dcc8 !important;
    margin: 10px 0 14px !important;
}
.sit_ov_tbl table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}
.sit_ov_tbl tr {
    border-bottom: 1px solid #f5f0e8 !important;
    display: table-row !important;
}
.sit_ov_tbl th {
    width: 80px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #888 !important;
    padding: 9px 8px 9px 0 !important;
    text-align: left !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: 0 !important;
    white-space: nowrap !important;
}
.sit_ov_tbl td {
    font-size: 13px !important;
    color: #333 !important;
    padding: 9px 0 !important;
    vertical-align: middle !important;
    border: 0 !important;
    word-break: break-all !important;
}
/* 판매가격 */
.sit_ov_tbl .tr_price td,
.sit_ov_tbl .tr_price td span,
.sit_ov_tbl .tr_price td strong {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #c0392b !important;
}
/* 시중가격 */
.sit_ov_tbl .tr_cust_price td {
    font-size: 12px !important;
    color: #aaa !important;
    text-decoration: line-through !important;
}

/* 옵션 */
#sit_op {
    background: #f7f2ea !important;
    border-radius: 4px !important;
    padding: 10px !important;
    margin: 10px 0 !important;
}
#sit_op select {
    width: 100% !important;
    height: 42px !important;
    border: 1px solid #c8b88a !important;
    border-radius: 3px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    background: #fff !important;
    display: block !important;
    margin-bottom: 6px !important;
}

/* 수량 */
.sit_basket {
    background: #f7f2ea !important;
    border-radius: 4px !important;
    padding: 10px !important;
    margin-bottom: 8px !important;
}
.sit_basket_name { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: #333 !important; margin-bottom: 8px !important; }
.sit_basket_ea { display: flex !important; align-items: center !important; gap: 8px !important; }
.sit_basket_ea .btn_minus, .sit_basket_ea .btn_plus { width: 32px !important; height: 32px !important; border: 1px solid #c8b88a !important; background: #fff !important; border-radius: 3px !important; font-size: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; }
.sit_basket_ea input[type=text] { width: 50px !important; height: 32px !important; text-align: center !important; border: 1px solid #c8b88a !important; border-radius: 3px !important; font-size: 14px !important; }
.sit_basket_price { margin-left: auto !important; font-size: 14px !important; font-weight: 700 !important; color: #c0392b !important; }

/* 총금액 */
#sit_tot_price { text-align: right !important; font-size: 14px !important; color: #555 !important; padding: 10px 0 !important; border-top: 1px solid #e8dcc8 !important; }
#sit_tot_price strong, #sit_total_price { font-size: 22px !important; font-weight: 900 !important; color: #c0392b !important; }

/* 구매버튼 */
#sit_ov_btn { display: flex !important; gap: 8px !important; margin: 12px 0 4px !important; align-items: center !important; flex-wrap: nowrap !important; }
#sit_btn_cart { flex: 1 !important; height: 48px !important; border: 2px solid #5c3d1e !important; background: #fff !important; color: #5c3d1e !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; }
#sit_btn_buy { flex: 1 !important; height: 48px !important; border: 0 !important; background: #8b6914 !important; color: #fff !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important; }
#sit_btn_wish { width: 48px !important; height: 48px !important; border: 1px solid #ddd !important; background: #fff !important; border-radius: 4px !important; font-size: 18px !important; color: #aaa !important; display: flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; }

/* ── 탭 ── */
#sit_tab { display: block !important; margin-top: 10px !important; background: #fff !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; }
#sit_tab .tab_tit { display: flex !important; margin: 0 !important; padding: 0 !important; background: #3c2a0e !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; list-style: none !important; width: 100% !important; }
#sit_tab .tab_tit::-webkit-scrollbar { display: none !important; }
#sit_tab .tab_tit li { float: none !important; display: block !important; flex-shrink: 0 !important; }
#sit_tab .tab_tit li button { display: block !important; height: 46px !important; padding: 0 14px !important; font-size: 12px !important; font-weight: 500 !important; color: rgba(255,255,255,.65) !important; background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; white-space: nowrap !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; }
#sit_tab .tab_tit li button.selected { color: #f5d78a !important; border-bottom-color: #c9a84c !important; font-weight: 700 !important; }
#sit_tab .tab_con { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#sit_tab .tab_con > li { padding: 14px 12px !important; overflow: hidden !important; max-width: 100% !important; }
#sit_tab .tab_con > li img { max-width: 100% !important; height: auto !important; display: block !important; }
#sit_tab .tab_con h2.contents_tit { display: none !important; }
#sit_tab .tab_con h3 { font-size: 13px !important; font-weight: 700 !important; color: #5c3d1e !important; border-bottom: 1px solid #e8dcc8 !important; padding-bottom: 6px !important; margin-bottom: 10px !important; }

/* 상품 정보 고시 */
#sit_inf_open { width: 100% !important; border-collapse: collapse !important; }
#sit_inf_open tr { display: block !important; margin-bottom: 6px !important; border: 1px solid #e8dcc8 !important; border-radius: 4px !important; overflow: hidden !important; }
#sit_inf_open th { display: block !important; width: 100% !important; background: #f7f2ea !important; padding: 8px 12px !important; font-size: 12px !important; font-weight: 600 !important; color: #5c3d1e !important; }
#sit_inf_open td { display: block !important; width: 100% !important; padding: 8px 12px !important; font-size: 12px !important; color: #555 !important; word-break: break-all !important; }

/* 상세설명 이미지 */
#sit_inf_explan { width: 100% !important; overflow: hidden !important; }
#sit_inf_explan img { max-width: 100% !important; width: 100% !important; height: auto !important; display: block !important; }