.elementor-28 .elementor-element.elementor-element-48332a18{--display:flex;}/* Start custom CSS for container, class: .elementor-element-48332a18 *//* 把商品名與備註改成上下排列 */
.woocommerce-checkout .shop_table .cart_item .product-name {
  display: flex;
  flex-direction: column; /* ★ 改成垂直排列 */
  gap: 6px;
}

/* 商品名稱本身正常顯示 */
.woocommerce-checkout .shop_table .cart_item .product-name > strong,
.woocommerce-checkout .shop_table .cart_item .product-name > a {
  order: 1;
}

/* 備註 variation 區塊放在下面 */
.woocommerce-checkout .shop_table .cart_item .product-name .variation {
  order: 2; /* ★ 永遠在下面 */
  margin-top: 4px;

  background: #fafafa;
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid #e5e5e5;

  max-height: 200px;
  overflow-y: auto;
  font-size: 13px;
  line-height: 1.5;
}

/* 調整備註內容文字 */
.woocommerce-checkout .shop_table .cart_item .product-name .variation p {
  margin: 0 0 3px;
  white-space: normal;
  word-break: break-word;
}/* End custom CSS */