/* 確保父容器是 Flex 或 Grid，且子元素高度不強制拉伸 */
.mrow {
  display: flex;
  align-items: flex-start; /* 極為重要：讓短欄位保持自己原本的高度 */
  flex-wrap: wrap; 
}

/* 🌟 新增：設定基礎寬度，還原舊版 JS margin 計算的 20/60/20 排版 */
.mrow > .col_01 { width: 20%;z-index:1;}
.mrow > .col_02 { width: 60%; }
.mrow > .col_03 { width: 20%; }

/* 針對需要滾動特效的欄位 */
.mrow > [class*="col_"] {
  will-change: transform; 
  transition: transform 0.1s ease-out; 
}

/* 小螢幕時解除位移特效，並強制所有欄位變為單行滿版 (100%) */
@media (max-width: 959px) {
  .mrow > [class*="col_"] {
    width: 100% !important;
    transform: none !important;
  }
}