/* rcb_mtable_m.css - 2026-10-03 : mobile product description tables (m2 only).
 * The old rule in goods/view2.htm turns every table into a horizontal scroll box (display:block; overflow-x:auto).
 * Here tables are normal tables that fit the screen; rcb_mtable_m.js fixes only the ones that still overflow:
 * hide all-empty columns -> spec table to "label | value" -> wrap long words (<=3 cols) -> scroll box with hint. */
.detail-view-area .gd-longdesc table:not(.set-table) {display:table !important; width:100% !important; max-width:100% !important; overflow:visible !important; padding:0 !important;}
.detail-view-area .gd-longdesc table[border]:not([border="0"]) > tbody > tr > td,
.detail-view-area .gd-longdesc table[border]:not([border="0"]) > tbody > tr > th,
.detail-view-area .gd-longdesc table[border]:not([border="0"]) > thead > tr > td,
.detail-view-area .gd-longdesc table[border]:not([border="0"]) > thead > tr > th,
.detail-view-area .gd-longdesc table.rcbm-grid > tbody > tr > td,
.detail-view-area .gd-longdesc table.rcbm-grid > tbody > tr > th {padding:5px 4px !important; border:1px solid #d5dbe5 !important;}
.detail-view-area .gd-longdesc table.rcbm-grid {background:transparent !important;}
.detail-view-area .gd-longdesc table.rcbm-wrap td, .detail-view-area .gd-longdesc table.rcbm-wrap th {overflow-wrap:anywhere; word-break:break-word;}
.detail-view-area .gd-longdesc table.rcbm-kv {display:table !important; width:100% !important; border-collapse:collapse; margin:6px 0 10px !important; font-size:14px; line-height:1.45;}
.detail-view-area .gd-longdesc table.rcbm-kv th, .detail-view-area .gd-longdesc table.rcbm-kv td {border:1px solid #d5dbe5 !important; padding:7px 9px !important; text-align:left !important; vertical-align:top; overflow-wrap:anywhere;}
.detail-view-area .gd-longdesc table.rcbm-kv th {width:42%; background:#f3f6fa; color:#3b4658; font-weight:bold;}
.detail-view-area .gd-longdesc table.rcbm-kv tr.rcbm-kv-head td {background:#46629e; color:#fff; font-weight:bold;}
.detail-view-area .gd-longdesc table.rcbm-kv tr.rcbm-kv-title td {background:#fff; font-weight:bold; text-align:center !important;}
.detail-view-area .gd-longdesc .rcbm-scroll {overflow-x:auto; -webkit-overflow-scrolling:touch; margin:2px 0 8px;}
.detail-view-area .gd-longdesc .rcbm-scroll > table {width:auto !important; max-width:none !important;}
.detail-view-area .gd-longdesc .rcbm-hint {font-size:12px; color:#7a8394; margin:6px 0 2px; text-align:right;}
.detail-view-area .gd-longdesc table.rcbm-kv tr.rcbm-kv-sub td {background:#f3f6fa; color:#3b4658; font-weight:bold;}
.detail-view-area .gd-longdesc table.rcbm-kv td.rcbm-kv-full {text-align:center !important;}
.detail-view-area .gd-longdesc .rcbm-scroll > table td, .detail-view-area .gd-longdesc .rcbm-scroll > table th {word-break:keep-all;}
.detail-view-area .gd-longdesc .rcbm-cards {margin:6px 0 10px; text-align:center;}
.detail-view-area .gd-longdesc .rcbm-cards .rcbm-card {vertical-align:top;}
.detail-view-area .gd-longdesc .rcbm-cards .rcbm-card img {width:100px !important; height:100px !important; max-width:100px !important;}
.detail-view-area .gd-longdesc .rcbm-cards .rcbm-card-label {font-size:12px; font-weight:bold; color:#3b4658; background:#f3f6fa; border-radius:4px; padding:2px 4px; margin:0 0 6px;}
.detail-view-area .gd-longdesc .rcbm-cards-title, .detail-view-area .gd-longdesc .rcbm-cards-note {text-align:center; margin:4px 0;}
/* pasted tables carry px side margins from the source page (e.g. margin-right:779px) -> they push the description sideways */
.detail-view-area .gd-longdesc table:not(.set-table) {margin-left:0 !important; margin-right:0 !important;}