.row #category_descr {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.product-wrapper .pd_descr{
    flex-wrap:wrap;
}
.product-wrapper .pd_descr iframe {
    
    width: auto !important; 
    /* 關鍵：只要螢幕小於 350px，影片寬度最大只能等於格子的 100%（自動縮小） */
    max-width: 100% !important; 
    aspect-ratio: 16/9;
}
.row #category_descr table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        padding-right: 20px;
        padding-left: 20px;
        margin-right: 0; 
        margin-left: 0;
    }
}
@media (max-width: 767px) {
  .row #category_descr {
    margin-left: 15px;
    margin-right: 15px;
}
}

@media (max-width:1000px) {

.row #category_descr table {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    table-layout: fixed !important;
}
.row #category_descr tr,
.row #category_descr td {
    max-width: 100% !important;
    table-layout: fixed !important;
    width:100%;
}

.row #category_descr img {
    max-width: 100% !important;     /* 關鍵 2：限制最大只能到格子的 100%，螢幕不夠大時就會被迫縮小 */
    height: auto !important;        /* 關鍵 3：高度永遠等比例縮放，保證圖片絕不壓扁 */
    display: inline-block;          /* 讓原本並排的小圖（如 FB/LINE 圖標、療程小圖）保持並排 */
    
}
.row #category_descr a {
        display:inline-block !important;
    }

    .row #category_descr iframe {
    
    width: auto !important; 
    /* 關鍵：只要螢幕小於 350px，影片寬度最大只能等於格子的 100%（自動縮小） */
    max-width: 100% !important; 
    
    /* 核心防變形：利用 aspect-ratio 鎖定 16:9 或是 1:1 黃金比例，
       當寬度縮小時，高度會自動跟著等比例縮小，絕對不會變成長方形或被壓扁！ */
    
    height: auto !important;         /* 覆蓋 HTML 寫死的 height="350" */
    
    display: inline-block !important;
}

.product-wrapper .pd_descr table{
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    table-layout: fixed !important;
}
.product-wrapper .pd_descr a{
    display:inline-block !important;
}

.product-wrapper .pd_descr iframe {
    
    width: auto !important; 
    /* 關鍵：只要螢幕小於 350px，影片寬度最大只能等於格子的 100%（自動縮小） */
    max-width: 100% !important; 
    aspect-ratio: 16/9;
    /* 核心防變形：利用 aspect-ratio 鎖定 16:9 或是 1:1 黃金比例，
       當寬度縮小時，高度會自動跟著等比例縮小，絕對不會變成長方形或被壓扁！ */
    
    height: auto !important;         /* 覆蓋 HTML 寫死的 height="350" */
    
    display: inline-block !important;
}

.product-wrapper .pd_descr tr{
    flex-wrap: wrap !important;
}

.product-wrapper img {
    max-width: 100% !important;     /* 關鍵 2：限制最大只能到格子的 100%，螢幕不夠大時就會被迫縮小 */
    height: auto !important;        /* 關鍵 3：高度永遠等比例縮放，保證圖片絕不壓扁 */
    display: inline-block;          /* 讓原本並排的小圖（如 FB/LINE 圖標、療程小圖）保持並排 */
    
}
.product-wrapper td{
    width:100%;
}

}