/* =========================
   Warning (SK-160) - JBD Style
   風格對齊：product-relative / product-comparison
========================= */

.warning {
    width: 100vw;
    background-color: none;
}

.warning--main {
    width: 80vw;
    margin: 5vh auto;
    padding: 5vh 6vh;
    display: flex;
    flex-direction: column;
    background-color: rgba(228, 228, 228, 0.7921568627);
    border-radius: 32px;

    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);

    box-shadow: 4px 4px 10px rgba(224, 224, 224, 0.28);
    box-shadow: inset -1px -2px 8px rgba(41, 41, 41, 0.165);
}

.warning__title {
    font-size: clamp(22px, 2.5vw, 42px);
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 2vh;
}

.warning__intro {
    font-size: clamp(14px, 1vw, 18px);
    letter-spacing: 2px;
    line-height: 1.8;
    margin: 0 0 4vh;
    color: #2f2f2f;
}

/* 卡片網格：桌機 2 欄 */
.warning-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vh 2vw;
    margin-bottom: 4vh;
}

.warning-card {
    background: rgba(242, 242, 242, 0.7);
    border-radius: 24px;
    padding: 3vh 3vh;
    box-shadow: 1px 1px 3px rgba(68, 68, 68, 0.08);
}

.warning-card--danger {
    background: rgba(255, 235, 238, 0.7);
    border-left: 10px solid rgba(198, 40, 40, 0.9);
}

.warning-card__title {
    font-size: clamp(16px, 1.2vw, 22px);
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0 0 1.6vh;
    color: #222;
}

/* list */
.warning-list {
    margin: 0;
    padding-left: 1.2em;
    display: flex;
    flex-direction: column;
    gap: 1vh;

    font-size: clamp(14px, 1vw, 18px);
    letter-spacing: 1.6px;
    line-height: 1.8;
    color: #333;
}

.warning-list b {
    font-weight: 700;
}

/* 快速警語 */
.warning-quick {
    background: rgba(242, 242, 242, 0.85);
    border-radius: 24px;
    padding: 3vh 3vh;
    box-shadow: 1px 1px 3px rgba(68, 68, 68, 0.08);
}

.warning-quick__title {
    font-size: clamp(16px, 1.2vw, 22px);
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0 0 1.6vh;
}

.warning-quick__list {
    margin: 0;
    padding-left: 1.2em;
    display: flex;
    flex-direction: column;
    gap: 1vh;

    font-size: clamp(14px, 1vw, 18px);
    letter-spacing: 1.6px;
    line-height: 1.8;
    color: #333;
}

/* ======================= RWD ======================= */
@media (max-width: 1024px) {
    .warning--main {
        width: 92vw;
        padding: 4vh 4vw;
    }

    .warning-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .warning--main {
        padding: 3vh 4vw;
        border-radius: 24px;
    }

    .warning-card,
    .warning-quick {
        border-radius: 18px;
        padding: 2.2vh 2.2vh;
    }
}















/* =========================
   Unified H2 Spec (Section Titles)
   放在所有 CSS 最後面做 override
========================= */
:root {
    --h2-size: clamp(24px, 2.2vw, 42px);
    --h2-line: 1.2;
    --h2-letter: 2.4px;
}

/* 只鎖「章節用的 H2」，不要去動卡片/內文的小標 */
:is(section .product-feature__title,
    .faq > h2,
    .case-portfolio > h2,
    .pollution-section .pollution-header .pollution-title,
    .warning__title,
    .product-relative__title,
    .cta-going h2,
    .comparison__title) {
    font-size: var(--h2-size);
    line-height: var(--h2-line);
    letter-spacing: var(--h2-letter);
}