/**
 * 專案頁補強樣式（不動設計源稿 project_page.css）。
 * 這裡只放對設計源稿的修補／覆寫，方便日後設計源稿重新編譯時不被覆蓋。
 */

/* 材料包「商品詳情」彈窗：限制圖片最大寬度，避免手機板原圖過大撐破畫面 */
.omia-project .plus_go_subscribe_pop_block .product-info-img img {
  max-width: 100%;
  height: auto;
}

/*
 * 材料包「商品詳情」彈窗：內容過長時限制高度並允許垂直捲動，
 * 確保底部「確定」按鈕不會被推出畫面外、可捲動到並點選。
 * 用 .omia-project 前綴提高 specificity，覆蓋 block_tips.css 的 overflow:hidden（無 max-height）。
 */
.omia-project .plus_go_subscribe_pop_block {
  max-height: 90vh;
  overflow-y: auto;
}

/*
 * 材料包「商品詳情」內文（product-info-body）多為從 Word 貼入 CKEditor 的表格，
 * 帶有固定 pt 寬（table width:400pt、td width:236pt/164pt）與 white-space:nowrap，
 * 在手機彈窗內會比容器寬、右側數量欄被切掉。
 * 這裡壓回容器寬度並解除 nowrap，讓品名需要時換行，資訊完整顯示（不採橫向捲動）。
 */
.omia-project .plus_go_subscribe_pop_block .product-info-body table {
  width: 100% !important;
  max-width: 100%;
  table-layout: auto;
}

.omia-project .plus_go_subscribe_pop_block .product-info-body td {
  width: auto !important;
  white-space: normal !important;
  word-break: break-word;
}