/*==========================================
        PORES — HOME / HERO SECTION
==========================================*/

.pores-hero{

    position:relative;

    padding:140px 2% 0;

    background:linear-gradient(
        135deg,
        #ffffff 0%,
        #fff8fc 55%,
        #fff4fa 100%
    );

    overflow:hidden;

}

.pores-hero-wrap{

    max-width:1200px;

    margin:auto;

    display:grid;

    grid-template-columns:.90fr 1fr;

    align-items:center;

    gap:90px;

}


/*==========================================
            HERO CONTENT
==========================================*/

.pores-hero-content{

    max-width:620px;

}

.pores-hero-label{

    display:inline-flex;

    align-items:center;

    padding:9px 18px;

    margin-bottom:20px;

    border:1px solid #f1d7e5;

    border-radius:999px;

    background:#fff;

    font-family:var(--ff-paragraph);

    font-size:.82rem;

    letter-spacing:.05em;

    color:#c96d9d;

}

.pores-hero-title{

    margin:0 0 22px;

    font-family:var(--ff-heading);

    font-size:clamp(3.2rem, 5vw, 5.2rem);

    font-weight:400;

    line-height:1.05;

    color:var(--clr-heading);

}

.pores-hero-text{

    max-width:600px;

    margin:0 0 17px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            QUICK POINTS
==========================================*/

.pores-hero-points{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:28px;

}

.pores-hero-point{

    display:flex;

    align-items:center;

    gap:8px;

    padding:10px 13px;

    background:#ffffff;

    border:1px solid #eee0e8;

    border-radius:999px;

    box-shadow:0 6px 18px rgba(0,0,0,.025);

}

.pores-hero-point i{

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:.82rem;

    color:#cc719e;

}

.pores-hero-point span{

    font-family:var(--ff-paragraph);

    font-size:.84rem;

    color:#665b61;

}


/*==========================================
            HERO VISUAL
==========================================*/
/* 
.pores-hero-visual{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:500px;

    padding:30px;

    border:1px solid #f1e0e8;

    border-radius:36px;

    background:rgba(255,255,255,.62);

    box-shadow:0 15px 45px rgba(220,165,195,.09);

    overflow:hidden;

} */

.pores-hero-glow{

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:#fde5ef;

    filter:blur(12px);

    opacity:.7;

}

.pores-hero-visual img{

    position:relative;

    /* z-index:2; */

    display:block;

    width:115%;

    max-width:700px;
/* 
    height:auto; */

    object-fit:contain;

    transition:transform .45s ease;

}

.pores-hero-visual img:hover{

    transform:translateY(-7px);

}


/*==========================================
            FLOATING ICONS
==========================================*/
/* 
.pores-hero-icon{

    position:absolute;

    z-index:3;

    display:flex;

    align-items:center;

    justify-content:center;

    width:45px;

    height:45px;

    border-radius:50%;

    background:rgba(255,255,255,.94);

    border:1px solid #efd7e4;

    box-shadow:0 8px 22px rgba(190,125,160,.12);

    color:#cc719e;

}

.pores-hero-icon i{

    font-size:.95rem;

}

.pores-hero-icon-one{

    top:70px;

    right:70px;

}

.pores-hero-icon-two{

    bottom:85px;

    left:65px;

}

.pores-hero-icon-three{

    top:145px;

    left:45px;

}
 */

/*==========================================
            BOTTOM REMINDER
==========================================*/
/* 
.pores-hero-reminder{

    max-width:850px;

    margin:55px auto 0;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    padding:17px 22px;

    background:#fff;

    border:1px solid #f1d9e5;

    border-radius:18px;

    box-shadow:0 8px 25px rgba(220,165,195,.07);

}

.pores-hero-reminder i{

    flex-shrink:0;

    font-size:.95rem;

    color:#c96d9d;

}

.pores-hero-reminder p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.6;

    color:var(--clr-text);

}
 */

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

@media(max-width:900px){

    .pores-hero{

        padding:90px 6% 50px;

    }

    .pores-hero-wrap{

        grid-template-columns:1fr;

        gap:50px;

    }

    .pores-hero-content{

        max-width:750px;

        text-align:center;

        margin:auto;

    }

    .pores-hero-text{

        margin-left:auto;

        margin-right:auto;

    }

    .pores-hero-points{

        justify-content:center;

    }

    .pores-hero-visual{

        max-width:650px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .pores-hero-visual img{

        max-width:430px;

    }

}


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

@media(max-width:600px){

    .pores-hero{

        padding:70px 6% 40px;

    }

    .pores-hero-wrap{

        gap:38px;

    }

    .pores-hero-label{

        font-size:.76rem;

        padding:8px 15px;

    }

    .pores-hero-title{

        font-size:3.1rem;

        margin-bottom:18px;

    }

    .pores-hero-text{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pores-hero-points{

        gap:8px;

        margin-top:23px;

    }

    .pores-hero-point{

        padding:9px 11px;

    }

    .pores-hero-point span{

        font-size:.78rem;

    }

    .pores-hero-visual{

        min-height:320px;

        padding:15px;

        border-radius:26px;

    }

    .pores-hero-glow{

        width:220px;

        height:220px;

    }

    .pores-hero-visual img{

        max-width:320px;

    }

    .pores-hero-icon{

        width:36px;

        height:36px;

    }

    .pores-hero-icon i{

        font-size:.75rem;

    }

    .pores-hero-icon-one{

        top:35px;

        right:32px;

    }

    .pores-hero-icon-two{

        bottom:42px;

        left:30px;

    }

    .pores-hero-icon-three{

        top:95px;

        left:24px;

    }

    .pores-hero-reminder{

        margin-top:38px;

        padding:15px 16px;

        text-align:center;

    }

    .pores-hero-reminder p{

        font-size:1.03rem;

        line-height:1.7;

    }

}

/*==========================================
        SECTION 1 — WHAT ARE PORES?
==========================================*/

.pores-understanding{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff8fc 100%
    );

}

.pup-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pup-head{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.pup-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#fff4f8;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pup-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pup-sub{

    max-width:780px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/

.pup-main{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    align-items:center;

    gap:65px;

}


/*==========================================
            VISUAL
==========================================*/

.pup-visual{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:510px;

    padding:25px;

    background:#fffafd;

    border:1px solid #f1e0e8;

    border-radius:32px;

    overflow:hidden;

}

.pup-glow{

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:#fde4ec;

    filter:blur(12px);

    opacity:.7;

}

.pup-visual img{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:480px;

    height:auto;

    object-fit:contain;

    transition:transform .4s ease;

}

.pup-visual img:hover{

    transform:translateY(-7px);

}


/*==========================================
            VISUAL LABEL
==========================================*/

.pup-visual-label{

    position:absolute;

    left:24px;

    bottom:24px;

    z-index:3;

    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 15px;

    background:rgba(255,255,255,.94);

    border:1px solid #f0dce6;

    border-radius:999px;

    box-shadow:0 9px 24px rgba(120,80,105,.07);

    backdrop-filter:blur(7px);

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    color:#987687;

}

.pup-visual-label i{

    font-size:.8rem;

    color:#c96d9d;

}


/*==========================================
            CONTENT
==========================================*/

.pup-content{

    max-width:620px;

}

.pup-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.pup-content h3{

    margin:0 0 25px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}

.pup-content > p{

    margin:0 0 17px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            KEY FACTS
==========================================*/

.pup-facts{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:28px;

}

.pup-fact{

    display:flex;

    align-items:flex-start;

    gap:13px;

    padding:16px 17px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:19px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pup-fact:hover{

    transform:translateX(5px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            FACT ICON
==========================================*/

.pup-fact-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:38px;

    height:38px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pup-fact-icon i{

    font-size:.8rem;

}

.pup-fact strong{

    display:block;

    margin-bottom:4px;

    font-family:var(--ff-paragraph);

    font-size:1rem;

    font-weight:600;

    line-height:1.45;

    color:var(--clr-heading);

}

.pup-fact p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.7;

    color:var(--clr-text);

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.pup-note{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    max-width:900px;

    margin:45px auto 0;

    padding:20px 25px;

    text-align:center;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:22px;

}

.pup-note > i{

    flex-shrink:0;

    font-size:.95rem;

    color:#c96d9d;

}

.pup-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.75;

    color:var(--clr-text);

}


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

@media(max-width:900px){

    .pup-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .pup-visual{

        max-width:600px;

        width:100%;

        min-height:420px;

        margin:auto;

    }

    .pup-visual img{

        max-width:420px;

    }

    .pup-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-understanding{

        padding:75px 6%;

    }

    .pup-head{

        margin-bottom:50px;

    }

    .pup-title{

        font-size:2.5rem;

    }

    .pup-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pup-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .pup-glow{

        width:210px;

        height:210px;

    }

    .pup-visual img{

        max-width:320px;

    }

    .pup-visual-label{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .pup-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .pup-content > p{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pup-fact{

        padding:14px;

    }

    .pup-fact-icon{

        width:34px;

        height:34px;

    }

    .pup-fact strong{

        font-size:.96rem;

    }

    .pup-fact p{

        font-size:1.03rem;

        line-height:1.75;

    }

    .pup-note{

        margin-top:30px;

        padding:17px 16px;

    }

    .pup-note p{

        font-size:1.03rem;

        line-height:1.7;

    }

}

/*==========================================
        SECTION 2 — WHAT DO PORES DO?
==========================================*/

.pores-functions{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #fff8fc 0%,
        #ffffff 100%
    );

}

.pfn-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pfn-head{

    max-width:850px;

    margin:0 auto 65px;

    text-align:center;

}

.pfn-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pfn-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pfn-sub{

    max-width:790px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            FUNCTION GRID
==========================================*/

.pfn-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}


/*==========================================
            FUNCTION CARD
==========================================*/

.pfn-card{

    position:relative;

    padding:30px 25px 27px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:27px;

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

    overflow:hidden;

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pfn-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #f3c9dc,
        #e8b2cd
    );

    opacity:.8;

}

.pfn-card:hover{

    transform:translateY(-6px);

    border-color:#efc5db;

    box-shadow:0 17px 38px rgba(236,180,215,.13);

}


/*==========================================
            ICON
==========================================*/

.pfn-icon img{

    display:flex;

    align-items:center;

    justify-content:center;

    width:94px;

    height:94px;

    margin-bottom:20px;

    border-radius:18px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pfn-icon i{

    font-size:1.05rem;

}


/*==========================================
            NUMBER
==========================================*/

.pfn-number{

    position:absolute;

    top:27px;

    right:24px;

    font-family:var(--ff-paragraph);

    font-size:.7rem;

    letter-spacing:.08em;

    color:#cfa8ba;

}


/*==========================================
            CARD TEXT
==========================================*/

.pfn-card h3{

    margin:0 0 13px;

    font-family:var(--ff-paragraph);

    font-size:1.35rem;

    font-weight:500;

    line-height:1.5;

    color:var(--clr-heading);

}

.pfn-card > p{

    margin:0 0 22px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.85;

    color:var(--clr-text);

}


/*==========================================
            SUPPORT BOX
==========================================*/

.pfn-support{

    padding:18px;

    background:#fff9fc;

    border:1px solid #f1e2e9;

    border-radius:18px;

}

.pfn-support-title{

    display:block;

    margin-bottom:12px;

    font-family:var(--ff-paragraph);

    font-size:.82rem;

    font-weight:600;

    color:#b77d9b;

}


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

.pfn-list-item{

    display:flex;

    align-items:flex-start;

    gap:9px;

    margin-bottom:10px;

}

.pfn-list-item:last-child{

    margin-bottom:0;

}

.pfn-list-item i{

    flex-shrink:0;

    margin-top:5px;

    font-size:.72rem;

    color:#c96d9d;

}

.pfn-list-item span{

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.65;

    color:var(--clr-text);

}


/*==========================================
            SIMPLE SUPPORT
==========================================*/

.pfn-simple-support{

    margin-top:7px;

}

.pfn-simple-support .pfn-list-item{

    padding-bottom:10px;

    border-bottom:1px solid #f2e5eb;

}

.pfn-simple-support .pfn-list-item:last-child{

    padding-bottom:0;

    border-bottom:none;

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.pfn-note{

    display:flex;

    align-items:center;

    gap:15px;

    max-width:900px;

    margin:45px auto 0;

    padding:24px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:24px;

}

.pfn-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff0f5;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.pfn-note span{

    display:block;

    margin-bottom:5px;

    font-family:var(--ff-paragraph);

    font-size:.74rem;

    text-transform:uppercase;

    letter-spacing:.09em;

    color:#c795b0;

}

.pfn-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:950px){

    .pfn-grid{

        grid-template-columns:1fr 1fr;

    }

    .pfn-card:last-child{

        grid-column:1 / -1;

        max-width:500px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:768px){

    .pores-functions{

        padding:75px 6%;

    }

    .pfn-head{

        margin-bottom:50px;

    }

    .pfn-title{

        font-size:2.5rem;

    }

    .pfn-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pfn-grid{

        grid-template-columns:1fr;

        gap:14px;

    }

    .pfn-card{

        padding:25px 19px 22px;

        border-radius:23px;

    }

    .pfn-card:last-child{

        grid-column:auto;

        max-width:none;

    }

    .pfn-icon img{

        width:100px;

        height:100px;

        margin-bottom:17px;

    }

    .pfn-number{

        top:24px;

        right:19px;

    }

    .pfn-card h3{

        font-size:1.3rem;

    }

    .pfn-card > p{

        font-size:1.03rem;

        line-height:1.8;

    }

    .pfn-support{

        padding:15px;

    }

    .pfn-list-item span{

        font-size:1.03rem;

        line-height:1.65;

    }

    .pfn-note{

        align-items:flex-start;

        margin-top:30px;

        padding:20px 18px;

        border-radius:21px;

    }

    .pfn-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 3 — HOW ARE PORES STRUCTURED?
==========================================*/

.pores-structure{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff8fc 100%
    );

}

.pst-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pst-head{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.pst-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#fff4f8;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pst-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pst-sub{

    max-width:790px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/

.pst-main{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    align-items:center;

    gap:65px;

}


/*==========================================
            VISUAL
==========================================*/

.pst-visual{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:560px;

    padding:25px;

    background:#fffafd;

    border:1px solid #f1e0e8;

    border-radius:32px;

    overflow:hidden;

}

.pst-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:#fde4ec;

    filter:blur(12px);

    opacity:.68;

}

.pst-visual img{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:290px;

    height:auto;

    object-fit:contain;

    transition:transform .4s ease;

}

.pst-visual img:hover{

    transform:translateY(-7px);

}


/*==========================================
            VISUAL BADGE
==========================================*/

.pst-visual-badge{

    position:absolute;

    left:24px;

    bottom:24px;

    z-index:3;

    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 15px;

    background:rgba(255,255,255,.94);

    border:1px solid #f0dce6;

    border-radius:999px;

    box-shadow:0 9px 24px rgba(120,80,105,.07);

    backdrop-filter:blur(7px);

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    color:#987687;

}

.pst-visual-badge i{

    font-size:.8rem;

    color:#c96d9d;

}


/*==========================================
            CONTENT
==========================================*/

.pst-content{

    max-width:620px;

}

.pst-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.pst-content h3{

    margin:0 0 28px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}


/*==========================================
            STEPS
==========================================*/

.pst-steps{

    display:flex;

    flex-direction:column;

}

.pst-step{

    display:flex;

    align-items:flex-start;

    gap:16px;

    padding:18px 19px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:20px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pst-step:hover{

    transform:translateX(5px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            STEP MARKER
==========================================*/

.pst-step-marker{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    width:47px;

    height:47px;

    flex-shrink:0;

    border-radius:15px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pst-step-marker span{

    position:absolute;

    top:3px;

    right:5px;

    font-family:var(--ff-paragraph);

    font-size:.48rem;

    letter-spacing:.03em;

    color:#cda5b9;

}

.pst-step-marker i{

    font-size:.9rem;

}


/*==========================================
            STEP CONTENT
==========================================*/

.pst-step-content{

    flex:1;

}

.pst-step-content h4{

    margin:0 0 5px;

    font-family:var(--ff-paragraph);

    font-size:1.08rem;

    font-weight:600;

    line-height:1.5;

    color:var(--clr-heading);

}

.pst-step-content p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.75;

    color:var(--clr-text);

}


/*==========================================
            CONNECTOR
==========================================*/

.pst-connector{

    display:flex;

    align-items:center;

    justify-content:center;

    width:47px;

    height:24px;

    color:#d6a5bb;

}

.pst-connector i{

    font-size:.7rem;

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.pst-note{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    max-width:900px;

    margin:45px auto 0;

    padding:22px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:23px;

}

.pst-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff0f5;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.pst-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:900px){

    .pst-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .pst-visual{

        max-width:600px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .pst-visual img{

        max-width:420px;

    }

    .pst-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-structure{

        padding:75px 6%;

    }

    .pst-head{

        margin-bottom:50px;

    }

    .pst-title{

        font-size:2.5rem;

    }

    .pst-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pst-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .pst-glow{

        width:210px;

        height:210px;

    }

    .pst-visual img{

        max-width:320px;

    }

    .pst-visual-badge{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .pst-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .pst-step{

        gap:12px;

        padding:15px 13px;

        border-radius:18px;

    }

    .pst-step-marker{

        width:40px;

        height:40px;

        border-radius:13px;

    }

    .pst-step-marker i{

        font-size:.78rem;

    }

    .pst-step-content h4{

        font-size:1rem;

    }

    .pst-step-content p{

        font-size:1.03rem;

        line-height:1.75;

    }

    .pst-connector{

        width:40px;

        height:20px;

    }

    .pst-note{

        align-items:flex-start;

        margin-top:30px;

        padding:18px 16px;

        border-radius:20px;

    }

    .pst-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 4 — WHY CAN I SEE MY PORES?
==========================================*/

.pores-visibility{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #fff8fc 0%,
        #ffffff 100%
    );

}

.pvs-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pvs-head{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.pvs-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pvs-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pvs-sub{

    max-width:780px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/

.pvs-main{

    display:grid;

  
    align-items:center;

    justify-content: center;

    gap:65px;

}


/*==========================================
            VISUAL
==========================================*/

.pvs-visual{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:560px;

    padding:25px;

    background:#fffafd;

    border:1px solid #f1e0e8;

    border-radius:32px;

    overflow:hidden;

}

.pvs-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:#fde4ec;

    filter:blur(12px);

    opacity:.68;

}

.pvs-visual img{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:490px;

    height:auto;

    object-fit:contain;

    transition:transform .4s ease;

}

.pvs-visual img:hover{

    transform:translateY(-7px);

}


/*==========================================
            VISUAL BADGE
==========================================*/

.pvs-visual-badge{

    position:absolute;

    left:24px;

    bottom:24px;

    z-index:3;

    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 15px;

    background:rgba(255,255,255,.94);

    border:1px solid #f0dce6;

    border-radius:999px;

    box-shadow:0 9px 24px rgba(120,80,105,.07);

    backdrop-filter:blur(7px);

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    color:#987687;

}

.pvs-visual-badge i{

    font-size:.8rem;

    color:#c96d9d;

}


/*==========================================
            CONTENT
==========================================*/

.pvs-content{

    max-width:1100px;

}

.pvs-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.pvs-content h3{

    margin:0 0 22px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}

.pvs-content > p{

    margin:0 0 27px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            FACTOR GRID
==========================================*/

.pvs-factors{

    display:grid;

    grid-template-columns:repeat(3,1fr) ;

    gap:40px;

}

.pvs-factor{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:16px 15px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:19px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pvs-factor:hover{

    transform:translateY(-4px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            FACTOR ICON
==========================================*/

.pvs-factor-icon img{

    display:flex;

    align-items:center;

    justify-content:center;

    width:127px;

    height:67px;

    flex-shrink:0;

    border-radius:13px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pvs-factor-icon i{

    font-size:.78rem;

}


/*==========================================
            FACTOR TEXT
==========================================*/

.pvs-factor h4{

    margin:0 0 5px;

    font-family:var(--ff-paragraph);

    font-size:1rem;

    font-weight:600;

    line-height:1.45;

    color:var(--clr-heading);

}

.pvs-factor p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.65;

    color:var(--clr-text);

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.pvs-note{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    max-width:900px;

    margin:45px auto 0;

    padding:22px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:23px;

}

.pvs-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff0f5;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.pvs-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:900px){

    .pvs-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .pvs-visual{

        max-width:600px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .pvs-visual img{

        max-width:420px;

    }

    .pvs-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-visibility{

        padding:75px 6%;

    }

    .pvs-head{

        margin-bottom:50px;

    }

    .pvs-title{

        font-size:2.5rem;

    }

    .pvs-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pvs-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .pvs-glow{

        width:210px;

        height:210px;

    }

    .pvs-visual img{

        max-width:320px;

    }

    .pvs-visual-badge{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .pvs-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .pvs-content > p{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pvs-factors{

        grid-template-columns:1fr;

        gap:9px;

    }

    .pvs-factor{

        padding:14px;

    }

    .pvs-factor-icon img{

        width:100px;

        
    }

    .pvs-factor h4{

        font-size:.96rem;

    }

    .pvs-factor p{

        font-size:1.03rem;

        line-height:1.7;

    }

    .pvs-note{

        align-items:flex-start;

        margin-top:30px;

        padding:18px 16px;

        border-radius:20px;

    }

    .pvs-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 5 — WHAT MAKES PORES LOOK LARGER?
==========================================*/

.pores-larger{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff8fc 100%
    );

}

.plg-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.plg-head{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.plg-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#fff4f8;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.plg-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.plg-sub{

    max-width:780px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/

.plg-main{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    align-items:center;

    gap:65px;

}


/*==========================================
            VISUAL
==========================================*/

.plg-visual{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:550px;

    padding:25px;

    background:#fffafd;

    border:1px solid #f1e0e8;

    border-radius:32px;

    overflow:hidden;

}

.plg-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:#fde4ec;

    filter:blur(12px);

    opacity:.68;

}

.plg-visual img{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:490px;

    height:auto;

    object-fit:contain;

    transition:transform .4s ease;

}

.plg-visual img:hover{

    transform:translateY(-7px);

}


/*==========================================
            VISUAL BADGE
==========================================*/

.plg-visual-badge{

    position:absolute;

    left:24px;

    bottom:24px;

    z-index:3;

    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 15px;

    background:rgba(255,255,255,.94);

    border:1px solid #f0dce6;

    border-radius:999px;

    box-shadow:0 9px 24px rgba(120,80,105,.07);

    backdrop-filter:blur(7px);

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    color:#987687;

}

.plg-visual-badge i{

    font-size:.8rem;

    color:#c96d9d;

}


/*==========================================
            CONTENT
==========================================*/

.plg-content{

    max-width:620px;

}

.plg-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.plg-content h3{

    margin:0 0 28px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}


/*==========================================
            FACTORS
==========================================*/

.plg-factors{

    display:flex;

    flex-direction:column;

    gap:11px;

}

.plg-factor{

    display:flex;

    align-items:flex-start;

    gap:15px;

    padding:17px 18px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:20px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.plg-factor:hover{

    transform:translateX(5px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            FACTOR ICON
==========================================*/

.plg-factor-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;

    height:43px;

    flex-shrink:0;

    border-radius:15px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.plg-factor-icon i{

    font-size:.88rem;

}


/*==========================================
            FACTOR CONTENT
==========================================*/

.plg-factor-content{

    flex:1;

}

.plg-factor-content h4{

    margin:0 0 5px;

    font-family:var(--ff-paragraph);

    font-size:1.02rem;

    font-weight:600;

    line-height:1.45;

    color:var(--clr-heading);

}

.plg-factor-content p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.7;

    color:var(--clr-text);

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.plg-note{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    max-width:900px;

    margin:45px auto 0;

    padding:22px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:23px;

}

.plg-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff0f5;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.plg-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:900px){

    .plg-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .plg-visual{

        max-width:600px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .plg-visual img{

        max-width:420px;

    }

    .plg-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-larger{

        padding:75px 6%;

    }

    .plg-head{

        margin-bottom:50px;

    }

    .plg-title{

        font-size:2.5rem;

    }

    .plg-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .plg-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .plg-glow{

        width:210px;

        height:210px;

    }

    .plg-visual img{

        max-width:320px;

    }

    .plg-visual-badge{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .plg-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .plg-factor{

        gap:12px;

        padding:14px;

        border-radius:18px;

    }

    .plg-factor-icon{

        width:37px;

        height:37px;

        border-radius:13px;

    }

    .plg-factor-icon i{

        font-size:.75rem;

    }

    .plg-factor-content h4{

        font-size:.96rem;

    }

    .plg-factor-content p{

        font-size:1.03rem;

        line-height:1.7;

    }

    .plg-note{

        align-items:flex-start;

        margin-top:30px;

        padding:18px 16px;

        border-radius:20px;

    }

    .plg-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 6 — PORES VS ENLARGED PORES VS CLOGGED PORES
==========================================*/

.pores-comparison{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff8fc 100%
    );

}

.pcp-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pcp-head{

    max-width:900px;

    margin:0 auto 65px;

    text-align:center;

}

.pcp-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#fff4f8;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pcp-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pcp-sub{

    max-width:790px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            COMPARISON GRID
==========================================*/

.pcp-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}


/*==========================================
            CARDS
==========================================*/

.pcp-card{

    position:relative;

    padding:30px 25px 27px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:27px;

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

    overflow:hidden;

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pcp-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    opacity:.85;

}

.pcp-normal::before{

    background:#dcb6ca;

}

.pcp-visible::before{

    background:#d7a0bd;

}

.pcp-clogged::before{

    background:#d28ba9;

}

.pcp-card:hover{

    transform:translateY(-6px);

    border-color:#efc5db;

    box-shadow:0 17px 38px rgba(236,180,215,.13);

}


/*==========================================
            CARD TOP
==========================================*/

.pcp-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    margin-bottom:21px;

}

.pcp-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:53px;

    height:53px;

    border-radius:17px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pcp-icon i{

    font-size:1rem;

}

.pcp-label{

    padding:7px 11px;

    border-radius:999px;

    background:#fff7fa;

    border:1px solid #f1dce5;

    font-family:var(--ff-paragraph);

    font-size:.68rem;

    letter-spacing:.05em;

    color:#b9849e;

}


/*==========================================
            CARD CONTENT
==========================================*/

.pcp-card h3{

    margin:0 0 11px;

    font-family:var(--ff-paragraph);

    font-size:1.4rem;

    font-weight:500;

    line-height:1.5;

    color:var(--clr-heading);

}

.pcp-intro{

    min-height:92px;

    margin:0 0 23px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


/*==========================================
            POINTS
==========================================*/

.pcp-points{

    display:flex;

    flex-direction:column;

    gap:9px;

}

.pcp-point{

    display:flex;

    align-items:flex-start;

    gap:10px;

    padding:11px 12px;

    background:#fffafd;

    border:1px solid #f0e3e9;

    border-radius:15px;

}

.pcp-point i{

    flex-shrink:0;

    margin-top:4px;

    font-size:.72rem;

    color:#c96d9d;

}

.pcp-point p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.65;

    color:var(--clr-text);

}


/*==========================================
            QUICK TIP
==========================================*/

.pcp-tip{

    display:flex;

    align-items:center;

    gap:15px;

    max-width:900px;

    margin:45px auto 0;

    padding:24px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:24px;

}

.pcp-tip-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;

    height:43px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff0f5;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.pcp-tip span{

    display:block;

    margin-bottom:5px;

    font-family:var(--ff-paragraph);

    font-size:.74rem;

    text-transform:uppercase;

    letter-spacing:.09em;

    color:#c795b0;

}

.pcp-tip p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:950px){

    .pcp-grid{

        grid-template-columns:1fr;

        max-width:650px;

        margin:auto;

    }

    .pcp-intro{

        min-height:auto;

    }

}


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

@media(max-width:600px){

    .pores-comparison{

        padding:75px 6%;

    }

    .pcp-head{

        margin-bottom:50px;

    }

    .pcp-title{

        font-size:2.5rem;

    }

    .pcp-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pcp-grid{

        gap:14px;

    }

    .pcp-card{

        padding:25px 19px 22px;

        border-radius:23px;

    }

    .pcp-icon{

        width:49px;

        height:49px;

        border-radius:15px;

    }

    .pcp-card h3{

        font-size:1.3rem;

    }

    .pcp-intro{

        font-size:1.03rem;

        line-height:1.8;

        margin-bottom:19px;

    }

    .pcp-point{

        padding:10px 11px;

    }

    .pcp-point p{

        font-size:1.03rem;

        line-height:1.65;

    }

    .pcp-tip{

        align-items:flex-start;

        margin-top:30px;

        padding:20px 18px;

        border-radius:21px;

    }

    .pcp-tip p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 7 — CAN PORES OPEN AND CLOSE?
==========================================*/

.pores-open-close{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #fff8fc 0%,
        #ffffff 100%
    );

}

.poc-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.poc-head{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.poc-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.poc-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.poc-sub{

    max-width:780px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/

.poc-main{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    align-items:center;

    gap:65px;

}


/*==========================================
            VISUAL
==========================================*/

.poc-visual{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:540px;

    padding:25px;

    background:#fffafd;

    border:1px solid #f1e0e8;

    border-radius:32px;

    overflow:hidden;

}

.poc-glow{

    position:absolute;

    width:340px;

    height:340px;

    border-radius:50%;

    background:#fde4ec;

    filter:blur(12px);

    opacity:.68;

}

.poc-visual img{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:350px;

    height:auto;

    object-fit:contain;

    transition:transform .4s ease;

}

.poc-visual img:hover{

    transform:translateY(-7px);

}


/*==========================================
            VISUAL BADGE
==========================================*/

.poc-visual-badge{

    position:absolute;

    left:24px;

    bottom:24px;

    z-index:3;

    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 15px;

    background:rgba(255,255,255,.94);

    border:1px solid #f0dce6;

    border-radius:999px;

    box-shadow:0 9px 24px rgba(120,80,105,.07);

    backdrop-filter:blur(7px);

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    color:#987687;

}

.poc-visual-badge i{

    font-size:.8rem;

    color:#c96d9d;

}


/*==========================================
            CONTENT
==========================================*/

.poc-content{

    max-width:620px;

}

.poc-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.poc-content h3{

    margin:0 0 22px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}

.poc-content > p{

    margin:0 0 27px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            COMMON CLAIMS
==========================================*/

.poc-claims{

    display:flex;

    flex-direction:column;

    gap:11px;

    margin-bottom:18px;

}

.poc-claim{

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px 17px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:20px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.poc-claim:hover{

    transform:translateX(5px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            CLAIM ICON
==========================================*/

.poc-claim-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;

    height:43px;

    flex-shrink:0;

    border-radius:15px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.poc-claim-icon i{

    font-size:.88rem;

}


/*==========================================
            CLAIM TEXT
==========================================*/

.poc-claim-label{

    display:block;

    margin-bottom:4px;

    font-family:var(--ff-paragraph);

    font-size:.72rem;

    text-transform:uppercase;

    letter-spacing:.07em;

    color:#c795b0;

}

.poc-claim p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.7;

    color:var(--clr-text);

}


/*==========================================
            REALITY BOX
==========================================*/

.poc-reality{

    display:flex;

    align-items:flex-start;

    gap:14px;

    padding:20px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:22px;

}

.poc-reality-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.poc-reality span{

    display:block;

    margin-bottom:6px;

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.07em;

    color:#b77d9b;

}

.poc-reality p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


/*==========================================
            BOTTOM TAKEAWAY
==========================================*/

.poc-takeaway{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    max-width:900px;

    margin:45px auto 0;

    padding:22px 27px;

    background:#ffffff;

    border:1px solid #f1dce5;

    border-radius:23px;

    box-shadow:0 7px 22px rgba(0,0,0,.025);

}

.poc-takeaway-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.poc-takeaway p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:900px){

    .poc-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .poc-visual{

        max-width:600px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .poc-visual img{

        max-width:420px;

    }

    .poc-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-open-close{

        padding:75px 6%;

    }

    .poc-head{

        margin-bottom:50px;

    }

    .poc-title{

        font-size:2.5rem;

    }

    .poc-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .poc-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .poc-glow{

        width:210px;

        height:210px;

    }

    .poc-visual img{

        max-width:320px;

    }

    .poc-visual-badge{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .poc-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .poc-content > p{

        font-size:1.03rem;

        line-height:1.85;

    }

    .poc-claim{

        gap:11px;

        padding:14px;

        border-radius:18px;

    }

    .poc-claim-icon{

        width:37px;

        height:37px;

        border-radius:13px;

    }

    .poc-claim-label{

        font-size:.68rem;

    }

    .poc-claim p{

        font-size:1.03rem;

        line-height:1.7;

    }

    .poc-reality{

        padding:17px 15px;

        border-radius:19px;

    }

    .poc-reality-icon{

        width:37px;

        height:37px;

    }

    .poc-reality p{

        font-size:1.03rem;

        line-height:1.75;

    }

    .poc-takeaway{

        align-items:flex-start;

        margin-top:30px;

        padding:18px 16px;

        border-radius:20px;

    }

    .poc-takeaway p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 8 — CAN YOU PERMANENTLY SHRINK PORES?
==========================================*/

.pores-shrink{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff8fc 100%
    );

}

.psp-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.psp-head{

    max-width:900px;

    margin:0 auto 70px;

    text-align:center;

}

.psp-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#fff4f8;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.psp-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.psp-sub{

    max-width:790px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/



/*==========================================
            CONTENT
==========================================*/

.psp-content{

    max-width:1200px;

}

.psp-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.psp-content h3{

    margin:0 0 22px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}

.psp-content > p{

    margin:0 0 27px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            FACTORS
==========================================*/

.psp-factors{

    display:grid;

    grid-template-columns:repeat(2, 1fr);

    gap:40px;

}

.psp-factor{

    display:flex;

    align-items:flex-start;

    gap:11px;

    padding:14px 13px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:18px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.psp-factor:hover{

    transform:translateY(-4px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            FACTOR ICON
==========================================*/

.psp-factor-icon img{ 

    display:flex;

    align-items:center;

    justify-content:center;

    width:100px;

    

    flex-shrink:0;

    border-radius:13px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.psp-factor-icon i{

    font-size:.76rem;

}


/*==========================================
            FACTOR TEXT
==========================================*/

.psp-factor h4{

    margin:0 0 4px;

    font-family:var(--ff-paragraph);

    font-size:.98rem;

    font-weight:600;

    line-height:1.4;

    color:var(--clr-heading);

}

.psp-factor p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.6;

    color:var(--clr-text);

}


/*==========================================
            WHAT YOU CAN DO
==========================================*/

.psp-help-box{

    display:flex;

    align-items:flex-start;

    gap:13px;

    margin-top:17px;

    padding:19px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:21px;

}

.psp-help-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:41px;

    height:41px;

    flex-shrink:0;

    border-radius:50%;

    background:#ffffff;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.psp-help-box span{

    display:block;

    margin-bottom:5px;

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.07em;

    color:#b77d9b;

}

.psp-help-box p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.psp-note{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    max-width:900px;

    margin:45px auto 0;

    padding:22px 27px;

    background:#ffffff;

    border:1px solid #f1dce5;

    border-radius:23px;

    box-shadow:0 7px 22px rgba(0,0,0,.025);

}

.psp-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.psp-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:900px){

    .psp-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .psp-visual{

        max-width:600px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .psp-visual img{

        max-width:420px;

    }

    .psp-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-shrink{

        padding:75px 6%;

    }

    .psp-head{

        margin-bottom:50px;

    }

    .psp-title{

        font-size:2.5rem;

    }

    .psp-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .psp-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .psp-glow{

        width:210px;

        height:210px;

    }

    .psp-visual img{

        max-width:320px;

    }

    .psp-visual-badge{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .psp-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .psp-content > p{

        font-size:1.03rem;

        line-height:1.85;

    }

    .psp-factors{

        grid-template-columns:1fr;

        gap:9px;

    }

    .psp-factor{

        padding:13px;

        border-radius:17px;

    }

    .psp-factor-icon{

        width:35px;

        height:35px;

    }

    .psp-factor h4{

        font-size:.95rem;

    }

    .psp-factor p{

        font-size:1.03rem;

        line-height:1.7;

    }

    .psp-help-box{

        padding:17px 15px;

        border-radius:19px;

    }

    .psp-help-box p{

        font-size:1.03rem;

        line-height:1.75;

    }

    .psp-note{

        align-items:flex-start;

        margin-top:30px;

        padding:18px 16px;

        border-radius:20px;

    }

    .psp-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 9 — WHAT CAN CLOG PORES?
==========================================*/

.pores-clogging{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #fff8fc 0%,
        #ffffff 100%
    );

}

.pcl-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pcl-head{

    max-width:900px;

    margin:0 auto 70px;

    text-align:center;

}

.pcl-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pcl-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pcl-sub{

    max-width:800px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/

.pcl-main{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    align-items:center;

    gap:65px;

}


/*==========================================
            VISUAL
==========================================*/

.pcl-visual{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:550px;

    padding:25px;

    background:#fffafd;

    border:1px solid #f1e0e8;

    border-radius:32px;

    overflow:hidden;

}

.pcl-glow{

    position:absolute;

    width:240px;

    height:240px;

    border-radius:50%;

    background:#fde4ec;

    filter:blur(12px);

    opacity:.68;

}

.pcl-visual img{

    position:relative;

    z-index:2;

    display:block;

    width:100%;

    max-width:290px;

    height:auto;

    object-fit:contain;

    transition:transform .4s ease;

}

.pcl-visual img:hover{

    transform:translateY(-7px);

}


/*==========================================
            VISUAL BADGE
==========================================*/

.pcl-visual-badge{

    position:absolute;

    left:24px;

    bottom:24px;

    z-index:3;

    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 15px;

    background:rgba(255,255,255,.94);

    border:1px solid #f0dce6;

    border-radius:999px;

    box-shadow:0 9px 24px rgba(120,80,105,.07);

    backdrop-filter:blur(7px);

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    color:#987687;

}

.pcl-visual-badge i{

    font-size:.8rem;

    color:#c96d9d;

}


/*==========================================
            CONTENT
==========================================*/

.pcl-content{

    max-width:620px;

}

.pcl-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.pcl-content h3{

    margin:0 0 28px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}


/*==========================================
            CONTRIBUTORS
==========================================*/

.pcl-contributors{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:11px;

}

.pcl-contributor{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:17px 15px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:19px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pcl-contributor:hover{

    transform:translateY(-4px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            ICON
==========================================*/

.pcl-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:40px;

    height:40px;

    flex-shrink:0;

    border-radius:14px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pcl-icon i{

    font-size:.82rem;

}


/*==========================================
            CONTRIBUTOR TEXT
==========================================*/

.pcl-contributor h4{

    margin:0 0 5px;

    font-family:var(--ff-paragraph);

    font-size:1rem;

    font-weight:600;

    line-height:1.45;

    color:var(--clr-heading);

}

.pcl-contributor p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.65;

    color:var(--clr-text);

}


/*==========================================
            RESULTS BOX
==========================================*/

.pcl-result-box{

    margin-top:18px;

    padding:20px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:22px;

}

.pcl-result-label{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.76rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.07em;

    color:#b77d9b;

}


/*==========================================
            RESULTS
==========================================*/

.pcl-results{

    display:flex;

    flex-wrap:wrap;

    gap:9px;

}

.pcl-result{

    display:flex;

    align-items:center;

    gap:8px;

    padding:9px 12px;

    background:#ffffff;

    border:1px solid #f0dce6;

    border-radius:999px;

}

.pcl-result i{

    font-size:.45rem;

    color:#c96d9d;

}

.pcl-result span{

    font-family:var(--ff-paragraph);

    font-size:.85rem;

    color:var(--clr-text);

}


/*==========================================
            IMPORTANT NOTE
==========================================*/

.pcl-note{

    display:flex;

    align-items:center;

    gap:14px;

    max-width:900px;

    margin:45px auto 0;

    padding:23px 27px;

    background:#ffffff;

    border:1px solid #f1dce5;

    border-radius:23px;

    box-shadow:0 7px 22px rgba(0,0,0,.025);

}

.pcl-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pcl-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:900px){

    .pcl-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .pcl-visual{

        max-width:600px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .pcl-visual img{

        max-width:420px;

    }

    .pcl-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-clogging{

        padding:75px 6%;

    }

    .pcl-head{

        margin-bottom:50px;

    }

    .pcl-title{

        font-size:2.5rem;

    }

    .pcl-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pcl-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .pcl-glow{

        width:210px;

        height:210px;

    }

    .pcl-visual img{

        max-width:320px;

    }

    .pcl-visual-badge{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .pcl-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .pcl-contributors{

        grid-template-columns:1fr;

        gap:9px;

    }

    .pcl-contributor{

        padding:14px;

        border-radius:18px;

    }

    .pcl-icon{

        width:37px;

        height:37px;

    }

    .pcl-contributor h4{

        font-size:.96rem;

    }

    .pcl-contributor p{

        font-size:1.03rem;

        line-height:1.7;

    }

    .pcl-result-box{

        padding:17px 15px;

        border-radius:19px;

    }

    .pcl-results{

        gap:7px;

    }

    .pcl-result{

        padding:8px 10px;

    }

    .pcl-result span{

        font-size:.8rem;

    }

    .pcl-note{

        align-items:flex-start;

        margin-top:30px;

        padding:18px 16px;

        border-radius:20px;

    }

    .pcl-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 10 — INGREDIENTS THAT HELP KEEP PORES CLEAR
==========================================*/

.pores-ingredients{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff8fc 100%
    );

}

.pin-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pin-head{

    max-width:900px;

    margin:0 auto 65px;

    text-align:center;

}

.pin-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#fff4f8;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pin-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pin-sub{

    max-width:800px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            INGREDIENT GRID
==========================================*/

.pin-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}


/*==========================================
            INGREDIENT CARD
==========================================*/

.pin-card{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:310px;

    padding:28px 24px 24px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:27px;

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

    overflow:hidden;

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pin-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #f3c9dc,
        #e8b2cd
    );

    opacity:.85;

}

.pin-card:hover{

    transform:translateY(-6px);

    border-color:#efc5db;

    box-shadow:0 17px 38px rgba(236,180,215,.13);

}


/*==========================================
            CARD TOP
==========================================*/

.pin-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:22px;

}

.pin-icon img{

    display:flex;

    align-items:center;

    justify-content:center;

    width:120px;

    height:120px;

    border-radius:18px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pin-icon i{

    font-size:1rem;

}

.pin-number{

    font-family:var(--ff-paragraph);

    font-size:.7rem;

    letter-spacing:.09em;

    color:#cfa8ba;

}


/*==========================================
            CARD TEXT
==========================================*/

.pin-card h3{

    margin:0 0 12px;

    font-family:var(--ff-paragraph);

    font-size:1.35rem;

    font-weight:500;

    line-height:1.5;

    color:var(--clr-heading);

}

.pin-card > p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


/*==========================================
            INGREDIENT TAG
==========================================*/

.pin-tag{

    display:flex;

    align-items:center;

    gap:8px;

    margin-top:auto;

    padding-top:22px;

}

.pin-tag i{

    display:flex;

    align-items:center;

    justify-content:center;

    width:29px;

    height:29px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff4f8;

    border:1px solid #f1d6e4;

    font-size:.65rem;

    color:#c96d9d;

}

.pin-tag span{

    font-family:var(--ff-paragraph);

    font-size:.82rem;

    line-height:1.5;

    color:#a67f91;

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.pin-note{

    display:flex;

    align-items:center;

    gap:15px;

    max-width:900px;

    margin:45px auto 0;

    padding:24px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:24px;

}

.pin-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;

    height:43px;

    flex-shrink:0;

    border-radius:50%;

    background:#ffffff;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.pin-note span{

    display:block;

    margin-bottom:5px;

    font-family:var(--ff-paragraph);

    font-size:.74rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.09em;

    color:#c795b0;

}

.pin-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:950px){

    .pin-grid{

        grid-template-columns:1fr 1fr;

    }

    .pin-card:last-child{

        grid-column:1 / -1;

        max-width:500px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-ingredients{

        padding:75px 6%;

    }

    .pin-head{

        margin-bottom:50px;

    }

    .pin-title{

        font-size:2.5rem;

    }

    .pin-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pin-grid{

        grid-template-columns:1fr;

        gap:14px;

    }

    .pin-card{

        min-height:280px;

        padding:25px 19px 22px;

        border-radius:23px;

    }

    .pin-card:last-child{

        grid-column:auto;

        max-width:none;

    }

    .pin-icon img{

        width:100px;

       
        border-radius:16px;

    }

    .pin-card h3{

        font-size:1.3rem;

    }

    .pin-card > p{

        font-size:1.03rem;

        line-height:1.8;

    }

    .pin-tag{

        padding-top:18px;

    }

    .pin-tag span{

        font-size:.8rem;

    }

    .pin-note{

        align-items:flex-start;

        margin-top:30px;

        padding:20px 18px;

        border-radius:21px;

    }

    .pin-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 11 — HOW TO CARE FOR YOUR PORES
==========================================*/

.pores-care{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #fff8fc 100%
    );

}

.pcr-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pcr-head{

    max-width:900px;

    margin:0 auto 70px;

    text-align:center;

}

.pcr-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#fff4f8;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pcr-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pcr-sub{

    max-width:800px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MAIN CONTENT
==========================================*/

.pcr-main{

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

    gap:65px;

}


/*==========================================
            CONTENT
==========================================*/

.pcr-content{

    max-width:1200px;

    

}

.pcr-small-title{

    display:block;

    margin-bottom:13px;

    font-family:var(--ff-paragraph);

    font-size:.78rem;

    text-transform:uppercase;

    letter-spacing:.1em;

    color:#c795b0;

}

.pcr-content h3{

    margin:0 0 28px;

    font-family:var(--ff-paragraph);

    font-size:1.45rem;

    font-weight:500;

    line-height:1.55;

    color:var(--clr-heading);

}


/*==========================================
            CARE TIPS
==========================================*/

.pcr-tips{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:11px;

}

.pcr-tip{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:17px 15px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:20px;

    box-shadow:0 6px 20px rgba(0,0,0,.025);

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pcr-tip:hover{

    transform:translateY(-4px);

    border-color:#efc5db;

    box-shadow:0 12px 27px rgba(236,180,215,.11);

}


/*==========================================
            TIP ICON
==========================================*/

.pcr-tip-icon img{

    display:flex;

    align-items:center;

    justify-content:center;

    width:250px;


    flex-shrink:0;

    border-radius:14px;

    background:#fff2f7;

    border:1px solid #f1d6e4;

    color:#c96d9d;

}

.pcr-tip-icon i{

    font-size:.82rem;

}


/*==========================================
            TIP NUMBER
==========================================*/

.pcr-tip-number{

    display:block;

    margin-bottom:3px;

    font-family:var(--ff-paragraph);

    font-size:.62rem;

    letter-spacing:.08em;

    color:#cfa8ba;

}


/*==========================================
            TIP CONTENT
==========================================*/

.pcr-tip h4{

    margin:0 0 5px;

    font-family:var(--ff-paragraph);

    font-size:1rem;

    font-weight:600;

    line-height:1.45;

    color:var(--clr-heading);

}

.pcr-tip p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.65;

    color:var(--clr-text);

}


/*==========================================
            BOTTOM NOTE
==========================================*/

.pcr-note{

    display:flex;

    align-items:center;

    gap:15px;

    max-width:900px;

    margin:45px auto 0;

    padding:24px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:24px;

}

.pcr-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;

    height:43px;

    flex-shrink:0;

    border-radius:50%;

    background:#ffffff;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.pcr-note span{

    display:block;

    margin-bottom:5px;

    font-family:var(--ff-paragraph);

    font-size:.74rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.09em;

    color:#c795b0;

}

.pcr-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:950px){

    .pcr-main{

        grid-template-columns:1fr;

        gap:50px;

    }

    .pcr-visual{

        position:relative;

        top:auto;

        max-width:600px;

        width:100%;

        min-height:430px;

        margin:auto;

    }

    .pcr-visual img{

        max-width:420px;

    }

    .pcr-content{

        max-width:720px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-care{

        padding:75px 6%;

    }

    .pcr-head{

        margin-bottom:50px;

    }

    .pcr-title{

        font-size:2.5rem;

    }

    .pcr-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pcr-visual{

        min-height:310px;

        padding:14px;

        border-radius:25px;

    }

    .pcr-glow{

        width:210px;

        height:210px;

    }

    .pcr-visual img{

        max-width:320px;

    }

    .pcr-visual-badge{

        left:14px;

        bottom:14px;

        padding:8px 11px;

        font-size:.68rem;

    }

    .pcr-content h3{

        font-size:1.3rem;

        line-height:1.5;

    }

    .pcr-tips{

        grid-template-columns:1fr;

        gap:9px;

    }

    .pcr-tip{

        padding:14px;

        border-radius:18px;

    }

    .pcr-tip-icon{

        width:37px;

        height:37px;

    }

    .pcr-tip h4{

        font-size:.96rem;

    }

    .pcr-tip p{

        font-size:1.03rem;

        line-height:1.7;

    }

    .pcr-note{

        align-items:flex-start;

        margin-top:30px;

        padding:20px 18px;

        border-radius:21px;

    }

    .pcr-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
        SECTION 12 — MYTHS VS FACTS
==========================================*/

.pores-myths{

    padding:100px 6%;

    background:linear-gradient(
        180deg,
        #fff8fc 0%,
        #ffffff 100%
    );

}

.pmf-wrap{

    max-width:1200px;

    margin:auto;

}


/*==========================================
            SECTION HEADING
==========================================*/

.pmf-head{

    max-width:900px;

    margin:0 auto 65px;

    text-align:center;

}

.pmf-pill{

    display:inline-block;

    padding:9px 19px;

    margin-bottom:20px;

    border-radius:999px;

    background:#ffffff;

    border:1px solid #f3d9e7;

    font-family:var(--ff-paragraph);

    font-size:.9rem;

    letter-spacing:.04em;

    color:#c96d9d;

}

.pmf-title{

    margin:0 0 20px;

    font-family:var(--ff-heading);

    font-size:3rem;

    font-weight:400;

    line-height:1.25;

    color:var(--clr-heading);

}

.pmf-sub{

    max-width:800px;

    margin:auto;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:var(--clr-text);

}


/*==========================================
            MYTH / FACT GRID
==========================================*/

.pmf-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}


/*==========================================
            CARD
==========================================*/

.pmf-card{

    position:relative;

    padding:27px 24px 24px;

    background:#ffffff;

    border:1px solid #eee0e7;

    border-radius:26px;

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

    overflow:hidden;

    transition:

        transform .3s ease,

        border-color .3s ease,

        box-shadow .3s ease;

}

.pmf-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #efc5d8,
        #e4abc6
    );

}

.pmf-card:hover{

    transform:translateY(-6px);

    border-color:#efc5db;

    box-shadow:0 17px 38px rgba(236,180,215,.13);

}


/*==========================================
            CARD HEADER
==========================================*/

.pmf-card-head{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:19px;

}

.pmf-number{

    margin-left:auto;

    order:4;

    font-family:var(--ff-paragraph);

    font-size:.68rem;

    letter-spacing:.09em;

    color:#cfa8ba;

}

.pmf-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;

    height:43px;

    flex-shrink:0;

    border-radius:14px;

}

.myth-icon{

    background:#fff2f5;

    border:1px solid #f1d4df;

    color:#c77a99;

}

.pmf-icon i{

    font-size:.88rem;

}

.pmf-label{

    padding:6px 10px;

    border-radius:999px;

    font-family:var(--ff-paragraph);

    font-size:.67rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.07em;

}

.myth-label{

    background:#fff5f8;

    border:1px solid #f1dce5;

    color:#b77d9b;

}


/*==========================================
            MYTH TEXT
==========================================*/

.pmf-card h3{

    min-height:70px;

    margin:0 0 20px;

    font-family:var(--ff-paragraph);

    font-size:1.17rem;

    font-weight:500;

    line-height:1.65;

    color:var(--clr-heading);

}


/*==========================================
            FACT BOX
==========================================*/

.pmf-fact{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:16px;

    background:linear-gradient(
        135deg,
        #fff5f9,
        #ffffff
    );

    border:1px solid #f0dce6;

    border-radius:19px;

}

.pmf-fact-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:35px;

    height:35px;

    flex-shrink:0;

    border-radius:50%;

    background:#fff;

    border:1px solid #efd1df;

    color:#bd7298;

}

.pmf-fact-icon i{

    font-size:.7rem;

}

.pmf-fact span{

    display:block;

    margin-bottom:5px;

    font-family:var(--ff-paragraph);

    font-size:.7rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:#bd7298;

}

.pmf-fact p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.03rem;

    line-height:1.7;

    color:var(--clr-text);

}


/*==========================================
            BOTTOM REMINDER
==========================================*/

.pmf-note{

    display:flex;

    align-items:center;

    gap:15px;

    max-width:900px;

    margin:45px auto 0;

    padding:24px 27px;

    background:linear-gradient(
        135deg,
        #fff1f6,
        #ffffff
    );

    border:1px solid #f1d6e5;

    border-radius:24px;

    box-shadow:0 7px 22px rgba(0,0,0,.025);

}

.pmf-note-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;

    height:43px;

    flex-shrink:0;

    border-radius:50%;

    background:#ffffff;

    border:1px solid #efd1df;

    color:#c96d9d;

}

.pmf-note span{

    display:block;

    margin-bottom:5px;

    font-family:var(--ff-paragraph);

    font-size:.74rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.09em;

    color:#c795b0;

}

.pmf-note p{

    margin:0;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.8;

    color:var(--clr-text);

}


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

@media(max-width:950px){

    .pmf-grid{

        grid-template-columns:1fr 1fr;

    }

    .pmf-card:last-child{

        grid-column:1 / -1;

        max-width:500px;

        width:100%;

        margin:auto;

    }

}


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

@media(max-width:600px){

    .pores-myths{

        padding:75px 6%;

    }

    .pmf-head{

        margin-bottom:50px;

    }

    .pmf-title{

        font-size:2.5rem;

    }

    .pmf-sub{

        font-size:1.03rem;

        line-height:1.85;

    }

    .pmf-grid{

        grid-template-columns:1fr;

        gap:14px;

    }

    .pmf-card{

        padding:24px 18px 20px;

        border-radius:23px;

    }

    .pmf-card:last-child{

        grid-column:auto;

        max-width:none;

    }

    .pmf-card h3{

        min-height:auto;

        font-size:1.1rem;

        line-height:1.6;

    }

    .pmf-icon{

        width:40px;

        height:40px;

    }

    .pmf-fact{

        padding:14px;

        border-radius:17px;

    }

    .pmf-fact-icon{

        width:33px;

        height:33px;

    }

    .pmf-fact p{

        font-size:1.03rem;

        line-height:1.75;

    }

    .pmf-note{

        align-items:flex-start;

        margin-top:30px;

        padding:20px 18px;

        border-radius:21px;

    }

    .pmf-note p{

        font-size:1.03rem;

        line-height:1.75;

    }

}

/*==========================================
            MIMII'S TIP — SECTION 13
==========================================*/

.mk-note-panel{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:80px;

    max-width:1250px;

    margin:70px auto;

    padding:0 42px;

    background:linear-gradient(
        135deg,
        #fff8fc,
        #ffffff,
        #fff6fb
    );

    border:1px solid #f4dde7;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(236,177,201,.12);

    transition:

        transform .35s ease,

        box-shadow .35s ease;

}

.mk-note-panel:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(236,177,201,.18);

}


/*==========================================
            MIMII IMAGE
==========================================*/

.mk-note-avatar{

    width:100%;

    max-width:430px;

    flex-shrink:0;

    align-self:flex-end;

}

.mk-note-avatar img{

    display:block;

    width:100%;

    height:auto;

    object-fit:contain;

}


/*==========================================
            CONTENT
==========================================*/

.mk-note-content{

    flex:1;

    padding:45px 0;

}

.mk-note-label{

    display:inline-block;

    margin-bottom:16px;

    font-family:var(--ff-heading);

    font-size:1.55rem;

    font-weight:500;

    color:#cf679d;

}

.mk-note-title{

    margin:0 0 16px;

    font-family:var(--ff-heading);

    font-size:2rem;

    font-weight:400;

    line-height:1.35;

    color:#222;

}

.mk-note-description{

    max-width:600px;
    

    margin:0 0 22px;

    font-family:var(--ff-paragraph);

    font-size:1.04rem;

    line-height:1.9;

    color:#666;

}

.mk-note-signature{

    font-family:var(--ff-paragraph);

    font-size:.95rem;

    font-weight:600;

    color:#bf7296;

}


/*==========================================
            DECORATION
==========================================*/

.mk-note-decoration{

    width:90px;

    flex-shrink:0;

    align-self:flex-end;

}

.mk-note-decoration img{

    display:block;

    width:100%;

    height:auto;

}


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

@media(max-width:950px){

    .mk-note-panel{

        gap:40px;

        padding:0 30px;

    }

    .mk-note-avatar{

        max-width:330px;

    }

    .mk-note-title{

        font-size:1.8rem;

    }

    .mk-note-description{

        font-size:1.03rem;

    }

    .mk-note-decoration{

        width:65px;

    }

}


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

@media(max-width:700px){

    .mk-note-panel{

        flex-direction:column;

        gap:0;

        margin:55px 6%;

        padding:30px 25px 0;

        text-align:center;

    }

    .mk-note-content{

        order:1;

        padding:0 0 30px;

    }

    .mk-note-avatar{

        order:2;

        max-width:280px;

        align-self:center;

    }

    .mk-note-decoration{

        display:none;

    }

    .mk-note-label{

        font-size:1.45rem;

        margin-bottom:12px;

    }

    .mk-note-title{

        font-size:1.65rem;

        line-height:1.4;

    }

    .mk-note-description{

        font-size:1.03rem;

        line-height:1.85;

        margin-bottom:18px;

    }

    .mk-note-signature{

        font-size:.9rem;

    }

}