.faq-answer p{
    margin:0;

    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.55;

    color:#444444;
}

/* =========================================
   TABLET
========================================= */
@media(max-width:768px){

    .section-container{
        margin:12px auto;
        padding:0 8px;
    }

    .section-title{
        font-size:15px;
        padding:7px 8px;
    }

    .description-section,
    .reviews-section,
    .faq-section{
        padding:9px;
    }

    .reviews-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
    }

    .review-card{
        padding:8px;
    }

    .faq-section .section-title{
        font-size:14px;
    }
}

/* =========================================
   MOBILE WAP
========================================= */
@media(max-width:600px){

    .section-container{
        margin:8px auto;
        padding:0 5px;
    }

    .section-title{
        margin-bottom:6px;
        padding:6px 7px;

        font-size:13px;
        line-height:17px;
    }

    .description-section,
    .reviews-section,
    .faq-section{
        padding:6px;
        margin-bottom:8px;

        border-radius:1px;
    }

    .description-content{
        font-size:11px;
        line-height:1.5;
    }

    .description-content p{
        margin-bottom:7px;
    }

    .reviews-grid{
        grid-template-columns:1fr;
        gap:5px;

        margin-top:6px;
    }

    .review-card{
        padding:6px;
    }

    .reviewer-name{
        margin-bottom:4px;
        padding:4px 5px;

        font-size:11px;
    }

    .review-text{
        font-size:11px;
        line-height:1.45;
    }

    .faq-section .section-title{
        margin-bottom:6px;
        padding:6px 7px;

        font-size:12px;
    }

    .faq-container{
        gap:4px;
    }

    .faq-item{
        padding:7px;
    }

    .faq-question{
        margin-bottom:4px;

        font-size:11px;
        line-height:1.4;
    }

    .faq-question::before{
        font-size:11px;
    }

    .faq-answer{
        padding-left:19px;
    }

    .faq-answer::before,
    .faq-answer p{
        font-size:10.5px;
    }

    .faq-answer p{
        line-height:1.45;
    }
}

/* =========================================
   HP SANGAT KECIL
========================================= */
@media(max-width:380px){

    .section-container{
        padding:0 3px;
    }

    .section-title{
        font-size:12px;
    }

    .description-content{
        font-size:10.5px;
    }

    .reviewer-name{
        font-size:10.5px;
    }

    .review-text{
        font-size:10px;
    }

    .faq-question{
        font-size:10.5px;
    }

    .faq-answer p{
        font-size:10px;
    }
}

/* =====================================================
   NERAKA33 FLOATING FOOTER
   RETRO WAP CLASSIC
   MERAH • PUTIH • EMAS • HITAM
===================================================== */

:root{
    --wap-red:#d90000;
    --wap-red-light:#ff3b3b;
    --wap-red-dark:#740000;

    --wap-gold:#ffd700;
    --wap-gold-dark:#b88600;
    --wap-gold-light:#fff4a6;

    --wap-white:#ffffff;
    --wap-black:#050505;
    --wap-gray:#333333;
}

/* =====================================================
   FOOTER UTAMA
===================================================== */
.footer-floating-NERAKA33{
    position:fixed;

    left:50%;
    bottom:8px;

    transform:translateX(-50%);

    width:calc(100% - 16px);
    max-width:900px;

    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;

    gap:4px;

    padding:5px;

    background:
        linear-gradient(
            180deg,
            #4a4a4a 0%,
            #1c1c1c 14%,
            #0c0c0c 50%,
            #000000 100%
        );

    border-top:2px solid var(--wap-gold);
    border-left:2px solid var(--wap-gold);
    border-right:2px solid var(--wap-red-dark);
    border-bottom:3px solid var(--wap-red-dark);

    border-radius:3px;

    box-shadow:
        0 0 0 1px #000000,
        2px 2px 0 rgba(0,0,0,.75);

    overflow:hidden;

    z-index:9999;
}

/* garis retro atas */
.footer-floating-NERAKA33::before{
    content:"";

    position:absolute;

    left:4px;
    right:4px;
    top:3px;

    height:1px;

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

    pointer-events:none;
}

/* strip merah-emas */
.footer-floating-NERAKA33::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--wap-red-dark),
            var(--wap-red),
            var(--wap-gold),
            var(--wap-red),
            var(--wap-red-dark)
        );

    pointer-events:none;

    animation:none;
}