/* =========================================================
   ASTRA FIXED BELOW CONTENT
   IQOS / TEREA SEO 長內容完整樣式
   風格：日系極簡 / 資訊型 / 自適應
========================================================= */

.astra-fixed-below-content,
.astra-fixed-below-content *,
.astra-fixed-below-content *::before,
.astra-fixed-below-content *::after{
    box-sizing:border-box;
}


/* =========================================================
   01. MAIN CONTENT
========================================================= */

.astra-fixed-below-content{
    width:calc(100% - 40px);
    max-width:1080px;

    margin:55px auto 0 !important;
    padding:48px 50px 55px !important;

    background:#fff;

    border:1px solid #e7e6e1;
    border-radius:14px;

    box-shadow:
        0 8px 35px rgba(0,0,0,.035);

    color:#50504c;

    font-size:15px;
    font-weight:400;

    line-height:1.9;
}


/* =========================================================
   02. H2
========================================================= */

.astra-fixed-below-content > h2{
    position:relative;

    margin:55px 0 22px !important;
    padding:0 0 16px !important;

    color:#202020 !important;

    font-size:27px !important;
    font-weight:650 !important;

    line-height:1.4 !important;

    letter-spacing:-.4px;

    border-bottom:1px solid #e5e5e0;
}


/* 第一個 H2 */

.astra-fixed-below-content > h2:first-child{
    margin-top:0 !important;
}


/* H2 裝飾線 */

.astra-fixed-below-content > h2::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:48px;
    height:3px;

    background:#17494c;

    border-radius:3px;
}


/* =========================================================
   03. H3
========================================================= */

.astra-fixed-below-content h3{
    position:relative;

    margin:34px 0 14px !important;
    padding:0 0 0 15px !important;

    color:#253b3c !important;

    font-size:19px !important;
    font-weight:650 !important;

    line-height:1.55 !important;

    letter-spacing:-.15px;
}


/* H3 左側小線 */

.astra-fixed-below-content h3::before{
    content:"";

    position:absolute;

    left:0;
    top:.25em;

    width:3px;
    height:1.15em;

    background:#17494c;

    border-radius:3px;
}


/* =========================================================
   04. PARAGRAPH
========================================================= */

.astra-fixed-below-content p{
    margin:0 0 18px !important;
    padding:0;

    color:#555550;

    font-size:15px;
    font-weight:400;

    line-height:1.9;
}


/* =========================================================
   05. STRONG / B
========================================================= */

.astra-fixed-below-content strong,
.astra-fixed-below-content b{
    color:#292929;

    font-weight:650;
}


/* =========================================================
   06. LIST
========================================================= */

.astra-fixed-below-content ul,
.astra-fixed-below-content ol{
    margin:16px 0 27px !important;
    padding-left:24px !important;
}


.astra-fixed-below-content li{
    margin:0 0 10px !important;
    padding-left:3px;

    color:#555550;

    font-size:14px;

    line-height:1.8;
}


.astra-fixed-below-content li:last-child{
    margin-bottom:0 !important;
}


.astra-fixed-below-content li::marker{
    color:#17494c;
}


/* list 裡面的 p */

.astra-fixed-below-content li p{
    margin:0 !important;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   07. TABLE
========================================================= */

.astra-fixed-below-content table{
    width:100% !important;

    margin:24px 0 34px !important;

    border-collapse:separate !important;
    border-spacing:0 !important;

    overflow:hidden;

    background:#fff;

    border:1px solid #e1e2de !important;
    border-radius:9px;

    font-size:13px;

    box-shadow:none !important;
}


/* =========================================================
   TABLE HEADER
========================================================= */

.astra-fixed-below-content table thead th,
.astra-fixed-below-content table thead td{
    padding:14px 15px !important;

    background:#17494c !important;

    border:0 !important;

    color:#fff !important;

    font-size:12px !important;
    font-weight:600 !important;

    line-height:1.5;

    text-align:left;

    vertical-align:middle;
}


/* 有些表格沒有 thead */

.astra-fixed-below-content table tbody tr:first-child th{
    padding:14px 15px !important;

    background:#17494c !important;

    color:#fff !important;

    border:0 !important;

    font-size:12px !important;
    font-weight:600 !important;
}


/* header strong */

.astra-fixed-below-content table thead strong,
.astra-fixed-below-content table thead b{
    color:#fff !important;
}


/* =========================================================
   TABLE CELLS
========================================================= */

.astra-fixed-below-content table td,
.astra-fixed-below-content table th{
    padding:13px 15px !important;

    border:0 !important;
    border-right:1px solid #e8e8e4 !important;
    border-bottom:1px solid #e8e8e4 !important;

    color:#50504c;

    font-size:13px;

    line-height:1.65;

    text-align:left;

    vertical-align:middle;
}


.astra-fixed-below-content table tr > *:last-child{
    border-right:0 !important;
}


.astra-fixed-below-content table tbody tr:last-child td,
.astra-fixed-below-content table tbody tr:last-child th{
    border-bottom:0 !important;
}


/* 交錯背景 */

.astra-fixed-below-content table tbody tr:nth-child(even){
    background:#fafaf8;
}


/* Hover */

@media(hover:hover){

    .astra-fixed-below-content table tbody tr:hover{
        background:#f4f6f4;
    }

}


/* =========================================================
   08. BLOCKQUOTE
========================================================= */

.astra-fixed-below-content blockquote{
    position:relative;

    margin:27px 0 34px !important;

    padding:
        20px
        22px
        20px
        24px !important;

    background:#f4f6f4;

    border:0 !important;
    border-left:4px solid #17494c !important;

    border-radius:0 8px 8px 0;

    color:#4e5855;

    font-style:normal !important;
}


.astra-fixed-below-content blockquote p{
    margin:0 0 10px !important;

    color:#4e5855;

    font-size:14px;

    line-height:1.85;
}


.astra-fixed-below-content blockquote p:last-child{
    margin-bottom:0 !important;
}


/* =========================================================
   09. HR
========================================================= */

.astra-fixed-below-content hr{
    width:100%;
    height:1px;

    margin:38px 0 !important;

    background:#e7e7e2;

    border:0 !important;
}


/* =========================================================
   10. GOOGLE / AI COPY DIV CLEANUP
   清除內容內帶入的多餘背景樣式
========================================================= */

.astra-fixed-below-content div[data-bfc],
.astra-fixed-below-content .markdown,
.astra-fixed-below-content .markdown-main-panel,
.astra-fixed-below-content .md-content{
    max-width:100%;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;

    box-shadow:none !important;
}


/* =========================================================
   11. 口味分類小列表
========================================================= */

.astra-fixed-below-content div[data-bfc] ul{
    margin:8px 0 12px !important;

    padding:
        13px
        17px
        13px
        38px !important;

    background:#fafaf8;

    border:1px solid #e8e8e3;
    border-radius:7px;
}


.astra-fixed-below-content div[data-bfc] li{
    margin:0 !important;

    color:#50504c;
}


/* =========================================================
   12. FAQ SECTION
   不使用展開 / 收起
========================================================= */

/*
   FAQ 的 H2 保持普通 H2，
   所有答案直接顯示。
*/

.astra-fixed-below-content
h2[data-path-to-node="19"]{
    margin-top:60px !important;
}


/* =========================================================
   FAQ QUESTIONS
========================================================= */

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3{
    position:relative;

    margin:24px 0 0 !important;

    padding:
        18px
        20px
        18px
        52px !important;

    background:#f4f5f2;

    border:1px solid #e3e4df;
    border-bottom:0;

    border-radius:9px 9px 0 0;

    color:#222 !important;

    font-size:16px !important;
    font-weight:650 !important;

    line-height:1.6 !important;

    cursor:default;
}


/* 移除一般 H3 左線 */

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3::before{
    content:"Q";

    position:absolute;

    left:17px;
    top:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;

    transform:translateY(-50%);

    background:#17494c;

    border-radius:50%;

    color:#fff;

    font-size:11px;
    font-weight:700;

    line-height:1;
}


/* 完全取消 + / × */

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3::after{
    display:none !important;

    content:none !important;
}


/* =========================================================
   FAQ ANSWER
========================================================= */

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3 + p,

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3 + ul{
    display:block !important;

    margin:0 0 18px !important;

    padding:
        18px
        20px
        20px !important;

    background:#fff;

    border:1px solid #e3e4df;

    border-radius:0 0 9px 9px;

    color:#555550;

    font-size:14px;

    line-height:1.85;
}


/* FAQ UL */

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3 + ul{
    padding:
        17px
        22px
        19px
        42px !important;
}


/* FAQ li */

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3 + ul li{
    margin-bottom:10px !important;

    font-size:14px;

    line-height:1.8;
}


.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3 + ul li:last-child{
    margin-bottom:0 !important;
}


/* FAQ 裡 p */

.astra-fixed-below-content
h2[data-path-to-node="19"] ~ h3 + ul p{
    margin:0 !important;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   13. LINKS
========================================================= */

.astra-fixed-below-content a{
    color:#17494c;

    font-weight:500;

    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:3px;
}


@media(hover:hover){

    .astra-fixed-below-content a:hover{
        color:#0f3537;
    }

}


/* =========================================================
   14. TABLET
========================================================= */

@media screen and (max-width:1024px){

    .astra-fixed-below-content{
        width:calc(100% - 30px);

        padding:
            38px
            32px
            45px !important;
    }


    .astra-fixed-below-content > h2{
        font-size:24px !important;
    }


    .astra-fixed-below-content h3{
        font-size:18px !important;
    }


    .astra-fixed-below-content p{
        font-size:14px;
    }

}


/* =========================================================
   15. MOBILE
========================================================= */

@media screen and (max-width:700px){

    .astra-fixed-below-content{
        width:calc(100% - 18px);

        margin:
            30px
            auto
            0 !important;

        padding:
            25px
            15px
            32px !important;

        border-radius:9px;

        box-shadow:none;
    }


    /* H2 */

    .astra-fixed-below-content > h2{
        margin-top:42px !important;

        padding-bottom:12px !important;

        font-size:21px !important;

        line-height:1.45 !important;
    }


    .astra-fixed-below-content > h2:first-child{
        margin-top:0 !important;
    }


    .astra-fixed-below-content > h2::after{
        width:38px;

        height:2px;
    }


    /* H3 */

    .astra-fixed-below-content h3{
        margin-top:27px !important;

        padding-left:12px !important;

        font-size:16px !important;

        line-height:1.55 !important;
    }


    /* P */

    .astra-fixed-below-content p{
        margin-bottom:16px !important;

        font-size:13px;

        line-height:1.85;
    }


    /* Lists */

    .astra-fixed-below-content ul,
    .astra-fixed-below-content ol{
        margin-bottom:22px !important;

        padding-left:20px !important;
    }


    .astra-fixed-below-content li,
    .astra-fixed-below-content li p{
        font-size:13px;

        line-height:1.8;
    }


    /* =====================================================
       MOBILE TABLE
    ===================================================== */

    .astra-fixed-below-content table{
        display:block;

        width:100% !important;
        max-width:100%;

        margin:
            18px
            0
            28px !important;

        overflow-x:auto;
        overflow-y:hidden;

        -webkit-overflow-scrolling:touch;

        border-radius:7px;

        white-space:nowrap;
    }


    .astra-fixed-below-content table th,
    .astra-fixed-below-content table td{
        min-width:120px;

        padding:
            10px
            11px !important;

        font-size:11px !important;

        line-height:1.55;

        white-space:normal;
    }


    /* Blockquote */

    .astra-fixed-below-content blockquote{
        margin:
            20px
            0
            27px !important;

        padding:
            15px
            15px
            15px
            17px !important;
    }


    .astra-fixed-below-content blockquote p{
        font-size:12.5px;

        line-height:1.8;
    }


    /* 口味分類 */

    .astra-fixed-below-content div[data-bfc] ul{
        padding:
            12px
            13px
            12px
            30px !important;
    }


    /* =====================================================
       FAQ MOBILE
    ===================================================== */

    .astra-fixed-below-content
    h2[data-path-to-node="19"]{
        margin-top:45px !important;
    }


    .astra-fixed-below-content
    h2[data-path-to-node="19"] ~ h3{

        margin-top:16px !important;

        padding:
            14px
            13px
            14px
            45px !important;

        border-radius:
            7px
            7px
            0
            0;

        font-size:13px !important;

        line-height:1.6 !important;
    }


    /* FAQ Q */

    .astra-fixed-below-content
    h2[data-path-to-node="19"] ~ h3::before{

        left:13px;

        width:23px;
        height:23px;

        font-size:10px;
    }


    /* FAQ answer */

    .astra-fixed-below-content
    h2[data-path-to-node="19"] ~ h3 + p,

    .astra-fixed-below-content
    h2[data-path-to-node="19"] ~ h3 + ul{

        display:block !important;

        margin-bottom:14px !important;

        padding:
            14px
            14px
            16px !important;

        border-radius:
            0
            0
            7px
            7px;

        font-size:13px;

        line-height:1.8;
    }


    /* FAQ list */

    .astra-fixed-below-content
    h2[data-path-to-node="19"] ~ h3 + ul{

        padding:
            14px
            14px
            16px
            32px !important;
    }


    .astra-fixed-below-content
    h2[data-path-to-node="19"] ~ h3 + ul li,

    .astra-fixed-below-content
    h2[data-path-to-node="19"] ~ h3 + ul p{

        font-size:12.5px;

        line-height:1.75;
    }

}


/* =========================================================
   16. SMALL MOBILE
========================================================= */

@media screen and (max-width:380px){

    .astra-fixed-below-content{
        width:calc(100% - 12px);

        padding:
            22px
            12px
            28px !important;
    }


    .astra-fixed-below-content > h2{
        font-size:19px !important;
    }


    .astra-fixed-below-content h3{
        font-size:15px !important;
    }


    .astra-fixed-below-content p,
    .astra-fixed-below-content li{
        font-size:12.5px;
    }

}


/* =========================================================
   17. ACCESSIBILITY
========================================================= */

.astra-fixed-below-content a:focus-visible{
    outline:2px solid #17494c;

    outline-offset:3px;
}


/* =========================================================
   18. PRINT
========================================================= */

@media print{

    .astra-fixed-below-content{
        width:100%;

        max-width:none;

        margin:0 !important;
        padding:0 !important;

        border:0;

        box-shadow:none;
    }


    .astra-fixed-below-content table{
        break-inside:avoid;
    }


    .astra-fixed-below-content blockquote{
        break-inside:avoid;
    }

}

/* =========================================================
   TEREA HERO
   Scope: .iqos-dexs-content
========================================================= */

.iqos-dexs-content,
.iqos-dexs-content *,
.iqos-dexs-content *::before,
.iqos-dexs-content *::after{
    box-sizing:border-box;
}


/* =========================================================
   HERO 外層
========================================================= */

.iqos-dexs-content{
    position:relative;

    display:grid !important;
    grid-template-columns:minmax(0, 48%) minmax(0, 52%);
    grid-template-rows:auto 1fr;

    align-items:center;

    width:calc(100% - 40px);
    max-width:1200px;

    min-height:540px;

    margin:45px auto !important;
    padding:0 !important;

    overflow:hidden;

    background:#f4f3ef;

    border:1px solid #e5e3dd;
    border-radius:18px;

    box-shadow:
        0 15px 45px rgba(0,0,0,.045);
}


/* =========================================================
   左側圖片
========================================================= */

.iqos-dexs-content > img{
    grid-column:1;
    grid-row:1 / 4;

    display:block !important;

    width:100% !important;
    height:100% !important;

    min-height:540px;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover;
    object-position:center;

    background:#ecebe6;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    transition:transform .6s ease;
}


/* Hover */

@media(hover:hover){

    .iqos-dexs-content:hover > img{
        transform:scale(1.018);
    }

}


/* =========================================================
   WordPress 多餘空 P
========================================================= */

.iqos-dexs-content > p:empty{
    display:none !important;
}


/* =========================================================
   H1
========================================================= */

.iqos-dexs-content > h1{
    position:relative;

    grid-column:2;

    align-self:end;

    margin:0 !important;

    padding:
        80px
        65px
        24px !important;

    color:#202020 !important;

    font-size:44px !important;
    font-weight:500 !important;

    line-height:1.18 !important;

    letter-spacing:-1.3px !important;
}


/* 英文小標 */

.iqos-dexs-content > h1::before{
    content:"TEREA COLLECTION";

    display:block;

    margin:0 0 19px;

    color:#77756f;

    font-size:10px;
    font-weight:600;

    line-height:1;

    letter-spacing:2.6px;
}


/* H1 下方短線 */

.iqos-dexs-content > h1::after{
    content:"";

    display:block;

    width:46px;
    height:2px;

    margin-top:22px;

    background:#222;
}


/* =========================================================
   H1 後方介紹
========================================================= */

.iqos-dexs-content > h1 + p{
    grid-column:2;

    align-self:start;

    margin:0 !important;

    padding:
        0
        65px
        75px !important;

    color:#64635f !important;

    font-size:15px !important;
    font-weight:400 !important;

    line-height:2 !important;

    letter-spacing:.05px;
}


/* =========================================================
   右下角裝飾文字
========================================================= */

.iqos-dexs-content::after{
    content:"IQOS / TEREA";

    position:absolute;

    right:25px;
    bottom:20px;

    color:rgba(0,0,0,.22);

    font-size:9px;
    font-weight:500;

    letter-spacing:1.8px;

    pointer-events:none;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width:1024px){

    .iqos-dexs-content{
        grid-template-columns:
            minmax(0,45%)
            minmax(0,55%);

        width:calc(100% - 30px);

        min-height:470px;

        margin:35px auto !important;

        border-radius:15px;
    }


    .iqos-dexs-content > img{
        min-height:470px;
    }


    .iqos-dexs-content > h1{
        padding:
            60px
            45px
            22px !important;

        font-size:37px !important;
    }


    .iqos-dexs-content > h1 + p{
        padding:
            0
            45px
            60px !important;

        font-size:14px !important;

        line-height:1.9 !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media screen and (max-width:700px){

    .iqos-dexs-content{
        display:flex !important;

        flex-direction:column !important;

        align-items:stretch !important;

        width:calc(100% - 20px);

        min-height:0;

        margin:
            18px
            auto
            35px !important;

        border-radius:12px;
    }


    /* =========================
       圖片
    ========================= */

    .iqos-dexs-content > img{
        order:1;

        width:100% !important;
        height:auto !important;

        min-height:0 !important;

        aspect-ratio:1 / 1;

        object-fit:cover;

        border-radius:
            12px
            12px
            0
            0 !important;
    }


    /* =========================
       H1
    ========================= */

    .iqos-dexs-content > h1{
        order:2;

        width:100%;

        margin:0 !important;

        padding:
            31px
            24px
            19px !important;

        font-size:30px !important;

        line-height:1.25 !important;

        letter-spacing:-.6px !important;
    }


    .iqos-dexs-content > h1::before{
        margin-bottom:14px;

        font-size:9px;

        letter-spacing:2px;
    }


    .iqos-dexs-content > h1::after{
        width:38px;

        margin-top:17px;
    }


    /* =========================
       描述
    ========================= */

    .iqos-dexs-content > h1 + p{
        order:3;

        width:100%;

        margin:0 !important;

        padding:
            0
            24px
            38px !important;

        font-size:13px !important;

        line-height:1.9 !important;
    }


    /* 裝飾 */

    .iqos-dexs-content::after{
        right:15px;
        bottom:12px;

        font-size:8px;

        letter-spacing:1.2px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media screen and (max-width:400px){

    .iqos-dexs-content{
        width:calc(100% - 14px);

        margin-top:12px !important;

        border-radius:10px;
    }


    .iqos-dexs-content > img{
        border-radius:
            10px
            10px
            0
            0 !important;
    }


    .iqos-dexs-content > h1{
        padding:
            26px
            18px
            17px !important;

        font-size:27px !important;
    }


    .iqos-dexs-content > h1 + p{
        padding:
            0
            18px
            33px !important;

        font-size:12.5px !important;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media(prefers-reduced-motion:reduce){

    .iqos-dexs-content > img{
        transition:none !important;
    }

}

/* =========================================================
   IQOS SERIES SHOWCASE
   左圖右文 / 左文右圖 / 手機上圖下文
========================================================= */

.iqos-series-showcase,
.iqos-series-showcase *,
.iqos-series-showcase *::before,
.iqos-series-showcase *::after{
    box-sizing:border-box;
}


/* =========================================================
   外層
========================================================= */

.iqos-series-showcase{
    width:calc(100% - 40px);
    max-width:1200px;

    margin:0 auto;
    padding:70px 0 80px;

    color:#333;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "PingFang TC",
        "Microsoft JhengHei",
        Arial,
        sans-serif;
}


/* =========================================================
   區塊最上方 H2
========================================================= */

.iqos-series-showcase > h2{
    position:relative;

    max-width:900px;

    margin:0 auto 18px !important;
    padding:0 0 18px !important;

    color:#1f1f1f !important;

    font-size:32px !important;
    font-weight:600 !important;

    line-height:1.4 !important;

    letter-spacing:-.5px;

    text-align:center;
}


.iqos-series-showcase > h2::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:48px;
    height:2px;

    transform:translateX(-50%);

    background:#17494c;

    border-radius:2px;
}


/* =========================================================
   區塊最上方說明
========================================================= */

.iqos-series-showcase > h2 + p{
    max-width:880px;

    margin:0 auto 48px !important;

    color:#6c6b67;

    font-size:15px;

    line-height:1.95;

    text-align:center;
}


/* =========================================================
   ARTICLE 共通
========================================================= */

.iqos-series-showcase > article{
    position:relative;

    display:grid !important;

    grid-template-columns:
        minmax(0,42%)
        minmax(0,58%);

    align-items:stretch;

    width:100%;

    margin:0 0 36px !important;
    padding:0 !important;

    overflow:hidden;

    background:#f7f6f2;

    border:1px solid #e5e3dd;
    border-radius:16px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.045);
}


.iqos-series-showcase > article:last-child{
    margin-bottom:0 !important;
}


/* =========================================================
   WordPress 多餘 br / 空 p
========================================================= */

.iqos-series-showcase > article > br{
    display:none !important;
}


.iqos-series-showcase > article > p:empty{
    display:none !important;
}


/* =========================================================
   第一個 ARTICLE：左圖右文
========================================================= */

.iqos-series-showcase > article:nth-of-type(1) > img{
    grid-column:1;
    grid-row:1 / span 20;
}


.iqos-series-showcase > article:nth-of-type(1) > h2,
.iqos-series-showcase > article:nth-of-type(1) > h3,
.iqos-series-showcase > article:nth-of-type(1) > p:not(:empty){
    grid-column:2;

    margin-left:55px !important;
    margin-right:55px !important;
}


/* =========================================================
   第二個 ARTICLE：左文右圖
========================================================= */

.iqos-series-showcase > article:nth-of-type(2){
    grid-template-columns:
        minmax(0,58%)
        minmax(0,42%);
}


.iqos-series-showcase > article:nth-of-type(2) > img{
    grid-column:2;
    grid-row:1 / span 20;
}


.iqos-series-showcase > article:nth-of-type(2) > h2,
.iqos-series-showcase > article:nth-of-type(2) > h3,
.iqos-series-showcase > article:nth-of-type(2) > p:not(:empty){
    grid-column:1;

    margin-left:55px !important;
    margin-right:55px !important;
}


/* =========================================================
   圖片
========================================================= */

.iqos-series-showcase > article > img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    min-height:560px;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover;
    object-position:center;

    background:#ecebe6;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    transition:transform .45s ease;
}


.iqos-series-showcase > article:nth-of-type(2) > img{
    min-height:420px;
}


@media(hover:hover){

    .iqos-series-showcase > article:hover > img{
        transform:scale(1.018);
    }

}


/* =========================================================
   ARTICLE H2
========================================================= */

.iqos-series-showcase > article > h2{
    position:relative;

    align-self:end;

    margin-top:52px !important;
    margin-bottom:28px !important;

    padding:0 0 18px !important;

    color:#202020 !important;

    font-size:27px !important;
    font-weight:600 !important;

    line-height:1.4 !important;

    letter-spacing:-.35px;

    border-bottom:1px solid rgba(0,0,0,.09);
}


.iqos-series-showcase > article > h2::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:44px;
    height:2px;

    background:#17494c;
}


/* =========================================================
   H3
========================================================= */

.iqos-series-showcase > article > h3{
    position:relative;

    margin-top:0 !important;
    margin-bottom:9px !important;

    padding-left:14px !important;

    color:#263c3d !important;

    font-size:17px !important;
    font-weight:650 !important;

    line-height:1.55 !important;
}


.iqos-series-showcase > article > h3::before{
    content:"";

    position:absolute;

    left:0;
    top:.2em;

    width:3px;
    height:1.2em;

    background:#17494c;

    border-radius:3px;
}


/* =========================================================
   文章段落
========================================================= */

.iqos-series-showcase > article > p:not(:empty){
    margin-top:0 !important;
    margin-bottom:25px !important;

    padding-bottom:22px !important;

    color:#62615d;

    font-size:14px;

    line-height:1.9;

    border-bottom:1px solid rgba(0,0,0,.07);
}


.iqos-series-showcase > article > p:last-child{
    margin-bottom:48px !important;

    padding-bottom:0 !important;

    border-bottom:0;
}


/* =========================================================
   第二個 TEREA 區塊
========================================================= */

.iqos-series-showcase > article:nth-of-type(2) > h2{
    margin-top:65px !important;
}


.iqos-series-showcase > article:nth-of-type(2) > p:last-child{
    margin-bottom:65px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .iqos-series-showcase{
        width:calc(100% - 30px);

        padding:55px 0 65px;
    }


    .iqos-series-showcase > h2{
        font-size:28px !important;
    }


    .iqos-series-showcase > h2 + p{
        font-size:14px;
    }


    .iqos-series-showcase > article{
        grid-template-columns:
            minmax(0,40%)
            minmax(0,60%);
    }


    .iqos-series-showcase > article:nth-of-type(2){
        grid-template-columns:
            minmax(0,60%)
            minmax(0,40%);
    }


    .iqos-series-showcase > article:nth-of-type(1) > h2,
    .iqos-series-showcase > article:nth-of-type(1) > h3,
    .iqos-series-showcase > article:nth-of-type(1) > p:not(:empty),
    .iqos-series-showcase > article:nth-of-type(2) > h2,
    .iqos-series-showcase > article:nth-of-type(2) > h3,
    .iqos-series-showcase > article:nth-of-type(2) > p:not(:empty){
        margin-left:38px !important;
        margin-right:38px !important;
    }


    .iqos-series-showcase > article > img{
        min-height:520px;
    }


    .iqos-series-showcase > article:nth-of-type(2) > img{
        min-height:390px;
    }


    .iqos-series-showcase > article > h2{
        font-size:23px !important;
    }


    .iqos-series-showcase > article > h3{
        font-size:15px !important;
    }


    .iqos-series-showcase > article > p:not(:empty){
        font-size:13px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px){

    .iqos-series-showcase{
        width:calc(100% - 18px);

        padding:38px 0 45px;
    }


    /* 上方介紹 */

    .iqos-series-showcase > h2{
        padding-bottom:14px !important;

        font-size:23px !important;

        line-height:1.45 !important;

        text-align:left;
    }


    .iqos-series-showcase > h2::after{
        left:0;

        width:38px;

        transform:none;
    }


    .iqos-series-showcase > h2 + p{
        margin-bottom:30px !important;

        font-size:13px;

        line-height:1.8;

        text-align:left;
    }


    .iqos-series-showcase > h2 + p br{
        display:none;
    }


    /* =====================================================
       兩個 article 手機全部上圖下文
    ===================================================== */

    .iqos-series-showcase > article,
    .iqos-series-showcase > article:nth-of-type(1),
    .iqos-series-showcase > article:nth-of-type(2){
        display:flex !important;

        flex-direction:column !important;

        margin-bottom:22px !important;

        border-radius:11px;
    }


    .iqos-series-showcase > article > img,
    .iqos-series-showcase > article:nth-of-type(1) > img,
    .iqos-series-showcase > article:nth-of-type(2) > img{
        order:1;

        width:100% !important;
        height:auto !important;

        min-height:0 !important;

        aspect-ratio:1 / 1;

        object-fit:cover;

        border-radius:
            11px
            11px
            0
            0 !important;
    }


    .iqos-series-showcase > article > h2{
        order:2;
    }


    .iqos-series-showcase > article > h3,
    .iqos-series-showcase > article > p:not(:empty){
        order:3;
    }


    /* 移除桌面 margin */

    .iqos-series-showcase > article:nth-of-type(1) > h2,
    .iqos-series-showcase > article:nth-of-type(1) > h3,
    .iqos-series-showcase > article:nth-of-type(1) > p:not(:empty),
    .iqos-series-showcase > article:nth-of-type(2) > h2,
    .iqos-series-showcase > article:nth-of-type(2) > h3,
    .iqos-series-showcase > article:nth-of-type(2) > p:not(:empty){
        margin-left:20px !important;
        margin-right:20px !important;
    }


    /* H2 */

    .iqos-series-showcase > article > h2,
    .iqos-series-showcase > article:nth-of-type(2) > h2{
        margin-top:28px !important;
        margin-bottom:23px !important;

        padding-bottom:14px !important;

        font-size:21px !important;
    }


    /* H3 */

    .iqos-series-showcase > article > h3{
        margin-bottom:7px !important;

        padding-left:12px !important;

        font-size:15px !important;
    }


    /* P */

    .iqos-series-showcase > article > p:not(:empty){
        margin-bottom:21px !important;

        padding-bottom:19px !important;

        font-size:13px;

        line-height:1.8;
    }


    .iqos-series-showcase > article > p:last-child,
    .iqos-series-showcase > article:nth-of-type(2) > p:last-child{
        margin-bottom:28px !important;

        padding-bottom:0 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:400px){

    .iqos-series-showcase{
        width:calc(100% - 12px);
    }


    .iqos-series-showcase > h2{
        font-size:21px !important;
    }


    .iqos-series-showcase > article > h2{
        font-size:19px !important;
    }


    .iqos-series-showcase > article:nth-of-type(1) > h2,
    .iqos-series-showcase > article:nth-of-type(1) > h3,
    .iqos-series-showcase > article:nth-of-type(1) > p:not(:empty),
    .iqos-series-showcase > article:nth-of-type(2) > h2,
    .iqos-series-showcase > article:nth-of-type(2) > h3,
    .iqos-series-showcase > article:nth-of-type(2) > p:not(:empty){
        margin-left:16px !important;
        margin-right:16px !important;
    }


    .iqos-series-showcase > article > p:not(:empty){
        font-size:12.5px;
    }

}


/* =========================================================
   Reduced Motion
========================================================= */

@media(prefers-reduced-motion:reduce){

    .iqos-series-showcase > article > img{
        transition:none !important;
    }

}

/* =========================================================
   WooCommerce Product Description
   Fasoul Stellar 產品內容
   Scope: #tab-description
========================================================= */

#tab-description,
#tab-description *,
#tab-description *::before,
#tab-description *::after{
    box-sizing:border-box;
}


/* =========================================================
   01. DESCRIPTION CONTAINER
========================================================= */

#tab-description{
    width:100% !important;
    max-width:1080px !important;

    margin:45px auto 70px !important;
    padding:48px 52px 58px !important;

    background:#fff !important;

    border:1px solid #e5e5e1;
    border-radius:14px;

    box-shadow:
        0 8px 35px rgba(0,0,0,.035);

    color:#51514d;

    font-size:15px;
    line-height:1.9;
}


/* =========================================================
   02. FIRST BLOCKQUOTE
   首屏快速摘要
========================================================= */

#tab-description > blockquote:first-child{
    position:relative;

    margin:0 0 48px !important;

    padding:
        30px
        32px
        30px
        36px !important;

    background:#f2f5f3 !important;

    border:0 !important;
    border-left:4px solid #17494c !important;

    border-radius:0 10px 10px 0;

    color:#394542;

    font-style:normal !important;
}


#tab-description > blockquote:first-child::before{
    content:"PRODUCT OVERVIEW";

    display:block;

    margin:0 0 13px;

    color:#17494c;

    font-size:10px;
    font-weight:700;

    line-height:1;

    letter-spacing:2px;
}


#tab-description > blockquote:first-child p{
    margin:0 !important;

    color:#3f4946 !important;

    font-size:15px !important;

    line-height:1.9 !important;
}


#tab-description > blockquote:first-child strong{
    color:#202827 !important;
}


/* =========================================================
   03. H2
========================================================= */

#tab-description > h2{
    position:relative;

    margin:
        58px
        0
        22px !important;

    padding:
        0
        0
        16px !important;

    color:#202020 !important;

    font-size:27px !important;
    font-weight:650 !important;

    line-height:1.4 !important;

    letter-spacing:-.35px;

    border-bottom:1px solid #e3e3df;
}


#tab-description > blockquote:first-child + h2{
    margin-top:0 !important;
}


#tab-description > h2::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:48px;
    height:3px;

    background:#17494c;

    border-radius:3px;
}


/* =========================================================
   04. H3
========================================================= */

#tab-description > h3{
    position:relative;

    margin:
        32px
        0
        12px !important;

    padding:
        0
        0
        0
        15px !important;

    color:#263d3e !important;

    font-size:18px !important;
    font-weight:650 !important;

    line-height:1.55 !important;
}


#tab-description > h3::before{
    content:"";

    position:absolute;

    left:0;
    top:.22em;

    width:3px;
    height:1.15em;

    background:#17494c;

    border-radius:3px;
}


/* =========================================================
   05. PARAGRAPH
========================================================= */

#tab-description > p{
    margin:
        0
        0
        18px !important;

    padding:0 !important;

    color:#565652 !important;

    font-size:15px !important;

    line-height:1.9 !important;
}


#tab-description strong,
#tab-description b{
    color:#292927;

    font-weight:650;
}


/* =========================================================
   06. LIST
========================================================= */

#tab-description > ul,
#tab-description > ol{
    margin:
        17px
        0
        30px !important;

    padding:
        17px
        22px
        17px
        43px !important;

    background:#f8f8f6;

    border:1px solid #e7e7e2;
    border-radius:8px;
}


#tab-description > ul li,
#tab-description > ol li{
    position:relative;

    margin:
        0
        0
        10px !important;

    padding-left:3px;

    color:#53534f;

    font-size:14px;

    line-height:1.8;
}


#tab-description > ul li:last-child,
#tab-description > ol li:last-child{
    margin-bottom:0 !important;
}


#tab-description > ul li::marker,
#tab-description > ol li::marker{
    color:#17494c;
}


/* =========================================================
   07. TABLE
========================================================= */

#tab-description table{
    width:100% !important;

    margin:
        25px
        0
        34px !important;

    border-collapse:separate !important;
    border-spacing:0 !important;

    overflow:hidden;

    background:#fff;

    border:1px solid #dedfda !important;
    border-radius:9px;

    box-shadow:none !important;

    font-size:13px;
}


/* =========================================================
   TABLE HEADER
========================================================= */

#tab-description table thead th{
    padding:
        14px
        16px !important;

    background:#17494c !important;

    border:0 !important;
    border-right:
        1px solid rgba(255,255,255,.12) !important;

    color:#fff !important;

    font-size:12px !important;
    font-weight:600 !important;

    line-height:1.5;

    text-align:left;

    vertical-align:middle;
}


#tab-description table thead th:last-child{
    border-right:0 !important;
}


/* =========================================================
   TABLE CELLS
========================================================= */

#tab-description table tbody td{
    padding:
        13px
        16px !important;

    border:0 !important;
    border-right:1px solid #e7e7e3 !important;
    border-bottom:1px solid #e7e7e3 !important;

    color:#50504c !important;

    font-size:13px !important;

    line-height:1.65;

    text-align:left;

    vertical-align:middle;
}


#tab-description table tbody td:last-child{
    border-right:0 !important;
}


#tab-description table tbody tr:last-child td{
    border-bottom:0 !important;
}


/* Zebra */

#tab-description table tbody tr:nth-child(even){
    background:#fafaf8;
}


/* 第一欄 */

#tab-description table tbody td:first-child{
    color:#292927 !important;

    font-weight:600;

    background:rgba(247,247,244,.55);
}


/* Hover */

@media(hover:hover){

    #tab-description table tbody tr:hover{
        background:#f3f6f4;
    }

}


/* =========================================================
   08. TWO-COLUMN TABLE
========================================================= */

#tab-description table th:first-child:nth-last-child(2),
#tab-description table th:first-child:nth-last-child(2) ~ th{
    width:50%;
}


/* =========================================================
   09. THREE-COLUMN COMPARISON TABLE
========================================================= */

#tab-description table th:first-child:nth-last-child(3){
    width:28%;
}


#tab-description table th:first-child:nth-last-child(3) ~ th{
    width:36%;
}


/* =========================================================
   10. FAQ
   全部直接顯示，不使用 Accordion
========================================================= */

/*
   找到 FAQ 標題之後的 H3，
   直接做成問題卡片。
*/

#tab-description
h2:nth-last-of-type(2) ~ h3{
    position:relative;

    margin:
        18px
        0
        0 !important;

    padding:
        17px
        18px
        17px
        52px !important;

    background:#f3f5f3;

    border:1px solid #e1e4e0;
    border-bottom:0;

    border-radius:
        8px
        8px
        0
        0;

    color:#252927 !important;

    font-size:15px !important;
    font-weight:650 !important;

    line-height:1.6 !important;
}


/* FAQ Q 圓形 */

#tab-description
h2:nth-last-of-type(2) ~ h3::before{
    content:"Q";

    position:absolute;

    left:17px;
    top:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;

    transform:translateY(-50%);

    background:#17494c;

    border-radius:50%;

    color:#fff;

    font-size:10px;
    font-weight:700;

    line-height:1;
}


/* FAQ Answer */

#tab-description
h2:nth-last-of-type(2) ~ h3 + p{
    margin:
        0
        0
        17px !important;

    padding:
        16px
        19px
        18px !important;

    background:#fff;

    border:1px solid #e1e4e0;

    border-radius:
        0
        0
        8px
        8px;

    color:#555551 !important;

    font-size:14px !important;

    line-height:1.85 !important;
}


/* =========================================================
   11. 注意：
   FAQ 有部分答案是兩個 P
   第二段也保持靠近上一段
========================================================= */

#tab-description
h2:nth-last-of-type(2) ~ h3 + p + p{
    margin-top:-17px !important;

    padding:
        0
        19px
        18px !important;

    background:#fff;

    border-left:1px solid #e1e4e0;
    border-right:1px solid #e1e4e0;
    border-bottom:1px solid #e1e4e0;

    border-radius:
        0
        0
        8px
        8px;
}


/* =========================================================
   12. FINAL SECTION
   最後選購結論
========================================================= */

#tab-description > h2:last-of-type{
    margin-top:65px !important;
}


#tab-description > h2:last-of-type ~ ul{
    background:#f2f5f3;

    border-color:#dce3df;
}


#tab-description > h2:last-of-type ~ ul li{
    margin-bottom:11px !important;
}


/* =========================================================
   13. 最後核心定位
========================================================= */

#tab-description > p:last-child{
    margin:
        25px
        0
        0 !important;

    padding:
        19px
        22px !important;

    background:#17494c;

    border-radius:8px;

    color:#fff !important;

    font-size:15px !important;

    line-height:1.75 !important;

    text-align:center;
}


#tab-description > p:last-child strong{
    color:#fff !important;

    font-weight:650;
}


/* =========================================================
   14. LINKS
========================================================= */

#tab-description a{
    color:#17494c;

    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:3px;
}


#tab-description a:hover{
    color:#0d3335;
}


/* =========================================================
   15. TABLET
========================================================= */

@media screen and (max-width:1024px){

    #tab-description{
        width:calc(100% - 30px) !important;

        margin:
            35px
            auto
            60px !important;

        padding:
            38px
            34px
            45px !important;
    }


    #tab-description > h2{
        font-size:24px !important;
    }


    #tab-description > h3{
        font-size:17px !important;
    }


    #tab-description > p{
        font-size:14px !important;
    }

}


/* =========================================================
   16. MOBILE
========================================================= */

@media screen and (max-width:700px){

    #tab-description{
        width:calc(100% - 18px) !important;

        margin:
            25px
            auto
            45px !important;

        padding:
            24px
            15px
            30px !important;

        border-radius:9px;

        box-shadow:none;
    }


    /* =========================
       Overview
    ========================= */

    #tab-description > blockquote:first-child{
        margin-bottom:35px !important;

        padding:
            19px
            17px
            20px !important;
    }


    #tab-description > blockquote:first-child::before{
        margin-bottom:11px;

        font-size:9px;

        letter-spacing:1.5px;
    }


    #tab-description > blockquote:first-child p{
        font-size:13px !important;

        line-height:1.8 !important;
    }


    /* =========================
       H2
    ========================= */

    #tab-description > h2{
        margin-top:43px !important;
        margin-bottom:18px !important;

        padding-bottom:12px !important;

        font-size:21px !important;

        line-height:1.45 !important;
    }


    #tab-description > h2::after{
        width:38px;

        height:2px;
    }


    /* =========================
       H3
    ========================= */

    #tab-description > h3{
        margin-top:25px !important;

        padding-left:12px !important;

        font-size:15px !important;
    }


    /* =========================
       P
    ========================= */

    #tab-description > p{
        margin-bottom:15px !important;

        font-size:13px !important;

        line-height:1.8 !important;
    }


    /* =========================
       LIST
    ========================= */

    #tab-description > ul,
    #tab-description > ol{
        margin-bottom:25px !important;

        padding:
            14px
            14px
            14px
            32px !important;
    }


    #tab-description > ul li,
    #tab-description > ol li{
        margin-bottom:8px !important;

        font-size:12.5px;

        line-height:1.75;
    }


    /* =====================================================
       MOBILE TABLE
    ===================================================== */

    #tab-description table{
        display:block;

        width:100% !important;
        max-width:100%;

        margin:
            19px
            0
            28px !important;

        overflow-x:auto;
        overflow-y:hidden;

        -webkit-overflow-scrolling:touch;

        border-radius:7px;

        white-space:nowrap;
    }


    #tab-description table thead,
    #tab-description table tbody{
        width:100%;
    }


    #tab-description table th,
    #tab-description table td{
        min-width:125px;

        padding:
            10px
            11px !important;

        font-size:11px !important;

        line-height:1.55 !important;

        white-space:normal;
    }


    /* 第一欄稍微縮小 */

    #tab-description table th:first-child,
    #tab-description table td:first-child{
        min-width:105px;
    }


    /* =========================
       FAQ
    ========================= */

    #tab-description
    h2:nth-last-of-type(2) ~ h3{
        margin-top:14px !important;

        padding:
            14px
            13px
            14px
            44px !important;

        font-size:13px !important;

        line-height:1.6 !important;

        border-radius:
            7px
            7px
            0
            0;
    }


    #tab-description
    h2:nth-last-of-type(2) ~ h3::before{
        left:12px;

        width:23px;
        height:23px;

        font-size:9px;
    }


    #tab-description
    h2:nth-last-of-type(2) ~ h3 + p{
        padding:
            13px
            14px
            15px !important;

        font-size:12.5px !important;

        line-height:1.8 !important;
    }


    #tab-description
    h2:nth-last-of-type(2) ~ h3 + p + p{
        padding:
            0
            14px
            15px !important;

        font-size:12.5px !important;
    }


    /* =========================
       Final Highlight
    ========================= */

    #tab-description > p:last-child{
        padding:
            16px
            15px !important;

        font-size:13px !important;

        text-align:left;
    }

}


/* =========================================================
   17. SMALL MOBILE
========================================================= */

@media screen and (max-width:380px){

    #tab-description{
        width:calc(100% - 12px) !important;

        padding:
            21px
            12px
            27px !important;
    }


    #tab-description > h2{
        font-size:19px !important;
    }


    #tab-description > h3{
        font-size:14px !important;
    }

}


/* =========================================================
   18. ACCESSIBILITY
========================================================= */

#tab-description a:focus-visible{
    outline:2px solid #17494c;

    outline-offset:3px;
}


/* =========================================================
   19. REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    #tab-description *,
    #tab-description *::before,
    #tab-description *::after{
        scroll-behavior:auto !important;

        transition:none !important;
    }

}