/*商品卡片區*/
/* 产品卡片样式 */
/*.product-card {*/
/*    !*border: 1px solid #d0e7ff;*!*/
/*    background-color: #fafafa;*/
/*    border-radius: 5px;*/
/*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
/*}*/

/*.product-card .card-body {*/
/*    padding: 15px;*/
/*}*/

/*.product-card .card-title {*/
/*    color: #004085;*/
/*    font-weight: bold;*/
/*}*/

/*.product-card .card-text {*/
/*    font-size: 0.95em;*/
/*}*/



/*!* 图片样式 *!*/
/*.clickable-image {*/
/*    cursor: pointer;*/
/*    transition: transform 0.2s;*/
/*}*/

/*.clickable-image:hover {*/
/*    transform: scale(1.05);*/
/*}*/

/*!* 模态框样式 *!*/
/*.modal-body {*/
/*    padding: 15px;*/
/*    text-align: center;*/
/*}*/

/*#modalImage {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    display: inline-block;*/
/*    object-fit: contain;*/
/*    width: auto;*/
/*    height: 80vh;*/
/*}*/

/*.thumbnail-container {*/
/*    overflow-x: auto;*/
/*    white-space: nowrap;*/
/*}*/

/*.thumbnail-image {*/
/*    display: inline-block;*/
/*}*/

/*.active-thumbnail {*/
/*    border: 2px solid #FBA834;*/
/*}*/










/* ========== Version 2 商品卡片：高級簡約版 ========== */

/*!* 整體卡片 *!*/
/*.product-card {*/
/*    background-color: #ffffff;*/
/*    border-radius: 14px;*/
/*    border: 1px solid #e1e7f0;*/
/*    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);*/
/*    overflow: hidden;*/
/*    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out, border-color 0.18s ease-out;*/
/*    margin-bottom: 1.25rem;*/
/*}*/

/*.product-card:hover {*/
/*    transform: translateY(-3px);*/
/*    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);*/
/*    border-color: #c3d4f3;*/
/*}*/

/*!* 讓左右兩欄高度一致，圖片跟文字貼齊 *!*/
/*.product-card .row.no-gutters {*/
/*    align-items: stretch;*/
/*}*/

/*!* 左側圖片區 *!*/
/*.product-card .col-md-4 {*/
/*    background: linear-gradient(135deg, #f5f7fb, #eef4ff);*/
/*    padding: 0.75rem;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*}*/

/*!* 主圖片：維持比例、圓角、陰影 *!*/
/*.product-card .clickable-image {*/
/*    cursor: pointer;*/
/*    border-radius: 10px;*/
/*    object-fit: cover;*/
/*    width: 100%;*/
/*    max-height: 220px;*/
/*    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);*/
/*    transition: transform 0.18s ease-out, box-shadow 0.18s ease-out;*/
/*    background-color: #ffffff;*/
/*}*/

/*.product-card .clickable-image:hover {*/
/*    transform: scale(1.03);*/
/*    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.25);*/
/*}*/

/*!* 圖片下方提示文字 *!*/
/*.product-card .hint-text {*/
/*    margin-top: 0.4rem;*/
/*    font-size: 0.78rem;*/
/*    color: #6b7280;*/
/*    cursor: pointer;*/
/*}*/

/*!* 右側資訊欄位 *!*/
/*.product-card .card-body {*/
/*    padding: 0.95rem 1.1rem 1.05rem;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/

/*!* 商品名稱 *!*/
/*.product-card .card-title {*/
/*    color: #0f172a;*/
/*    font-weight: 700;*/
/*    font-size: 1.02rem;*/
/*    letter-spacing: 0.02em;*/
/*    margin-bottom: 0.4rem;*/
/*}*/

/*!* 主要文字區（規格資訊） *!*/
/*.product-card .card-text {*/
/*    font-size: 0.9rem;*/
/*    line-height: 1.55;*/
/*    color: #4b5563;*/
/*    margin-bottom: 0.65rem;*/
/*}*/

/*.product-card .card-text strong {*/
/*    font-weight: 600;*/
/*    color: #1f2933;*/
/*}*/

/*!* 讓每行之間不會擠在一起 *!*/
/*.product-card .card-text br {*/
/*    line-height: 1.8;*/
/*}*/

/*!* 複製文字按鈕 & 查看詳情按鈕：做成一致風格 *!*/
/*.product-card .copy-button,*/
/*.product-card .view-detail-btn {*/
/*    font-size: 0.82rem;*/
/*    padding: 0.3rem 0.9rem;*/
/*    border-radius: 999px;*/
/*    border-width: 1px;*/
/*}*/

/*!* 主要行為：查看詳情 → 藍色線框 *!*/
/*.product-card .view-detail-btn {*/
/*    border-color: #1e88e5;*/
/*    color: #1e88e5;*/
/*    background: #ffffff;*/
/*    transition: background-color 0.15s ease-out, color 0.15s ease-out, box-shadow 0.15s ease-out;*/
/*}*/

/*.product-card .view-detail-btn:hover {*/
/*    background: #1e88e5;*/
/*    color: #ffffff;*/
/*    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35);*/
/*}*/

/*!* 次要行為：複製文字 → 灰藍色 pill *!*/
/*.product-card .copy-button {*/
/*    border-color: #cbd5e1;*/
/*    color: #475569;*/
/*    background: #f8fafc;*/
/*    margin-right: 0.35rem;*/
/*    transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out;*/
/*}*/

/*.product-card .copy-button:hover {*/
/*    background: #e2e8f0;*/
/*    border-color: #94a3b8;*/
/*    color: #0f172a;*/
/*}*/

/*!* 「已複製」提示文字 *!*/
/*.product-card .copy-message {*/
/*    font-size: 0.78rem;*/
/*    color: #10b981;*/
/*    margin-top: 0.25rem;*/
/*}*/

/*!* 小螢幕調整：改成上下布局、陰影不要太重 *!*/
/*@media (max-width: 768px) {*/
/*    .product-card {*/
/*        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);*/
/*        border-radius: 12px;*/
/*    }*/

/*    .product-card .col-md-4 {*/
/*        padding: 0.75rem 0.75rem 0.5rem;*/
/*    }*/

/*    .product-card .clickable-image {*/
/*        max-height: 230px;*/
/*    }*/

/*    .product-card .card-body {*/
/*        padding: 0.85rem 0.9rem 0.9rem;*/
/*    }*/

/*    .product-card .card-title {*/
/*        font-size: 0.98rem;*/
/*    }*/
/*}*/








/* ========== Version 3：極簡 Apple 官網感 ========== */
.product-card {
    background-color: #ffffff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;          /* 超淡邊框 */
    box-shadow: 0 0 0 rgba(0,0,0,0);    /* 幾乎沒有陰影 */
    overflow: hidden;
    transition: border-color 0.18s ease-out, transform 0.12s ease-out;
    margin-bottom: 1.1rem;
}

.product-card:hover {
    border-color: #cbd5f5;
    transform: translateY(-2px);
}

/* 左側圖片區：純白 + 細底線 */
.product-card .col-md-4 {
    padding: 0.9rem;
    border-right: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f9fafb;
}

/* 主圖片 */
.product-card .clickable-image {
    cursor: pointer;
    border-radius: 12px;
    object-fit: cover;
    width: 100%;
    max-height: 400px;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    transition: border-color 0.15s ease-out, transform 0.15s ease-out;
}

.product-card .clickable-image:hover {
    border-color: #cbd5f5;
    transform: scale(1.02);
}

/* 圖片下方提示 */
.product-card .hint-text {
    margin-top: 0.4rem;
    font-size: 0.78rem;
    color: #6b7280;
}

.product-card .hint-text:hover {
    margin-top: 0.4rem;
    font-size: 0.78rem;
    border-color: #2563eb;
    color: #2563eb;
    transform: translateY(-2px);
}

/* 右側資訊區：分成「標題 + 重點資訊」與「操作區」 */
.product-card .card-body {
    padding: 0.95rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* 商品名稱 */
.product-card .card-title {
    color: #111827;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 0.01em;
    margin-bottom: 0.1rem;
}

/* 規格文字 */
.product-card .card-text {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #4b5563;
    margin-bottom: 0.1rem;
}

.product-card .card-text strong {
    font-weight: 600;
    color: #111827;
}

/* 按鈕列 */
.product-card .copy-button,
.product-card .view-detail-btn {
    font-size: 0.8rem;
    padding: 0.28rem 0.9rem;
    border-radius: 999px;
}

/* 複製文字 = 灰白 pill */
.product-card .copy-button {
    border-color: #e5e7eb;
    background: #f9fafb;
    color: #4b5563;
    margin-right: 0.4rem;
    transition: background 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}

.product-card .copy-button:hover {
    background: #e5e7eb;
    border-color: #d1d5db;
    color: #111827;
}

/* 查看詳情 = 淺藍邊框按鈕 */
.product-card .view-detail-btn {
    border-color: #2563eb;
    color: #2563eb;
    background: #ffffff;
    transition: background 0.15s ease-out, color 0.15s ease-out;
}

.product-card .view-detail-btn:hover {
    background: #2563eb;
    color: #ffffff;
}

/* 已複製提示 */
.product-card .copy-message {
    font-size: 0.76rem;
    color: #059669;
    margin-top: 0.2rem;
}

/* 下單連結-detail */
.product-card .buy-btn-detail{
    border-color: #2563eb;
    color: #2563eb;
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
    text-align: right;

}

.product-card .buy-btn-detail a:hover{
    color: #ff5284;
    font-weight: 700;
    transform: translateY(-5px);

    font-size: 1.3rem;
    /*color: #2563eb;*/
}

/* 下單連結-主頁 */
.product-card .buy-btn{
    border-color: #2563eb;
    color: #2563eb;
    font-size: 1rem;
    margin-bottom: 0.8rem;
    text-align: right;

}

.product-card .buy-btn:hover{
    color: #ff5284;
    font-weight: 700;
    transform: translateY(-5px);
    font-size: 1.1rem;
    /*color: #2563eb;*/
}





/* RWD：中螢幕調整間距 */
/*@media (min-width: 768px) and (max-width: 991px) {*/
/*    !*.product-card .card-body {*!*/
/*    !*    padding: 0.85rem 0.9rem 0.95rem;*!*/
/*    !*}*!*/

/*    !*.product-card .card-title {*!*/
/*    !*    font-size: 1.5rem;*!*/
/*    !*    text-align: center;*!*/
/*    !*    font-weight: bold;*!*/
/*    !*}*!*/

/*    !*.product-card .card-text {*!*/
/*    !*    font-size: 0.85rem;*!*/
/*    !*}*!*/

/*    !* 主圖片 *!*/
/*    !*.product-card .clickable-image {*!*/
/*    !*max-height: 500px;*!*/
/*    !*}*!*/
/*}*/


/* RWD：小螢幕調整間距 */
@media (max-width: 768px) {
    .product-card .card-body {
        padding: 0.85rem 0.9rem 0.95rem;
    }

    .product-card .card-title {
        font-size: 1.5rem;
        text-align: center;
        font-weight: bold;
    }

    .product-card .card-text {
        font-size: 0.85rem;
    }

    /* 主圖片 */
    .product-card .clickable-image {
    max-height: 250px;
    }
}









/* ========== Version 4：檢測報告風 / 左側色條卡片 ========== */

/*.product-card {*/
/*    position: relative;*/
/*    background-color: #ffffff;*/
/*    border-radius: 12px;*/
/*    border: 1px solid #dde4f0;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 10px 28px rgba(15,23,42,0.12);*/
/*    margin-bottom: 1.2rem;*/
/*    transition: box-shadow 0.16s ease-out, transform 0.16s ease-out, border-color 0.16s ease-out;*/
/*}*/

/*!* 左邊色條 *!*/
/*.product-card::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 10px;*/
/*    bottom: 10px;*/
/*    width: 4px;*/
/*    border-radius: 999px;*/
/*    background: linear-gradient(180deg, #1e88e5, #22c55e);*/
/*    opacity: 0.85;*/
/*}*/

/*.product-card:hover {*/
/*    transform: translateY(-3px);*/
/*    box-shadow: 0 16px 40px rgba(15,23,42,0.16);*/
/*    border-color: #c2d4f3;*/
/*}*/

/*!* 確保內容不被色條擠壓 *!*/
/*.product-card .row.no-gutters {*/
/*    margin-left: 0;*/
/*}*/

/*!* 左側圖片區：淺灰背景 + 收邊 *!*/
/*.product-card .col-md-4 {*/
/*    padding: 0.75rem 0.75rem 0.75rem 1rem;*/
/*    background: #f3f5f9;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*}*/

/*!* 主圖片 *!*/
/*.product-card .clickable-image {*/
/*    cursor: pointer;*/
/*    border-radius: 10px;*/
/*    width: 100%;*/
/*    max-height: 210px;*/
/*    object-fit: cover;*/
/*    border: 1px solid #e2e8f0;*/
/*    background: #ffffff;*/
/*    transition: transform 0.16s ease-out, box-shadow 0.16s ease-out, border-color 0.16s ease-out;*/
/*    box-shadow: 0 8px 18px rgba(148,163,184,0.45);*/
/*}*/

/*.product-card .clickable-image:hover {*/
/*    transform: scale(1.02);*/
/*    border-color: #bfdbfe;*/
/*    box-shadow: 0 12px 26px rgba(148,163,184,0.65);*/
/*}*/

/*!* 圖片提示文字 *!*/
/*.product-card .hint-text {*/
/*    margin-top: 0.3rem;*/
/*    font-size: 0.78rem;*/
/*    color: #6b7280;*/
/*}*/

/*!* 右側區：把資訊整理成「標題 + 細節 + 操作」三段 *!*/
/*.product-card .card-body {*/
/*    padding: 0.8rem 1.2rem 0.9rem 1.15rem;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 0.45rem;*/
/*}*/

/*!* 商品名稱 *!*/
/*.product-card .card-title {*/
/*    font-size: 1rem;*/
/*    font-weight: 700;*/
/*    color: #111827;*/
/*    letter-spacing: 0.02em;*/
/*    margin-bottom: 0.15rem;*/
/*}*/

/*!* 資訊文字：讓 key/value 比較像報表 *!*/
/*.product-card .card-text {*/
/*    font-size: 0.9rem;*/
/*    line-height: 1.55;*/
/*    color: #374151;*/
/*    margin-bottom: 0.2rem;*/
/*}*/

/*.product-card .card-text strong {*/
/*    font-weight: 600;*/
/*    color: #111827;*/
/*}*/

/*!* 行距再拉開一點 *!*/
/*.product-card .card-text br {*/
/*    line-height: 1.8;*/
/*}*/

/*!* 操作區：按鈕 + 提示 *!*/
/*.product-card .copy-button,*/
/*.product-card .view-detail-btn {*/
/*    font-size: 0.8rem;*/
/*    padding: 0.3rem 0.9rem;*/
/*    border-radius: 999px;*/
/*    border-width: 1px;*/
/*}*/

/*!* 複製文字：灰藍 *!*/
/*.product-card .copy-button {*/
/*    border-color: #d1d5db;*/
/*    background: #f9fafb;*/
/*    color: #4b5563;*/
/*    margin-right: 0.3rem;*/
/*    transition: background 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;*/
/*}*/

/*.product-card .copy-button:hover {*/
/*    background: #e5e7eb;*/
/*    border-color: #cbd5e1;*/
/*    color: #111827;*/
/*}*/

/*!* 查看詳情：實心藍按鈕 *!*/
/*.product-card .view-detail-btn {*/
/*    border-color: #1d4ed8;*/
/*    background: #1d4ed8;*/
/*    color: #ffffff;*/
/*    transition: background 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;*/
/*}*/

/*.product-card .view-detail-btn:hover {*/
/*    background: #1e40af;*/
/*    border-color: #1e40af;*/
/*    box-shadow: 0 10px 24px rgba(37,99,235,0.35);*/
/*}*/

/*!* 已複製提示 *!*/
/*.product-card .copy-message {*/
/*    font-size: 0.78rem;*/
/*    color: #16a34a;*/
/*    margin-top: 0.2rem;*/
/*}*/

/*!* 小螢幕調整 *!*/
/*@media (max-width: 768px) {*/
/*    .product-card::before {*/
/*        top: 8px;*/
/*        bottom: 8px;*/
/*    }*/

/*    .product-card .card-body {*/
/*        padding: 0.75rem 0.9rem 0.9rem 0.95rem;*/
/*    }*/

/*    .product-card .card-title {*/
/*        font-size: 0.96rem;*/
/*    }*/
/*}*/







