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

.section-container{
    max-width:1200px;
    margin:16px auto;
    padding:0 10px;
    font-family:Arial,Helvetica,sans-serif;
}

/* =========================================
   JUDUL SECTION
========================================= */
.section-title{
    position:relative;

    margin:0 0 10px;
    padding:8px 10px;

    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-weight:bold;
    line-height:22px;

    color:#ffd700;

    text-transform:uppercase;

    background:
        linear-gradient(
            180deg,
            #555555 0%,
            #292929 14%,
            #151515 48%,
            #050505 52%,
            #000000 100%
        );

    border-top:2px solid #d4af37;
    border-left:2px solid #d4af37;
    border-right:2px solid #8d160f;
    border-bottom:3px solid #8d160f;

    border-radius:2px;

    text-shadow:
        1px 1px 0 #000000;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.22),
        1px 1px 0 #000000;
}

/* bullet retro */
.section-title::before{
    content:"»";
    position:static;

    display:inline-block;

    width:auto;
    height:auto;

    margin-right:7px;

    color:#ff2a1a;
    background:none;

    font-weight:bold;

    animation:none;
    transform:none;
}

/* =========================================
   DESCRIPTION
========================================= */
.description-section{
    position:relative;
    overflow:hidden;

    margin-bottom:15px;
    padding:12px;

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

    border-top:2px solid #d4af37;
    border-left:2px solid #d4af37;
    border-right:2px solid #8d160f;
    border-bottom:3px solid #8d160f;

    border-radius:2px;

    box-shadow:
        inset 1px 1px 0 #ffffff,
        1px 1px 0 #111111;

    animation:none;
}

.description-section::before,
.description-section::after{
    display:none;
}

.description-content{
    position:relative;

    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    line-height:1.6;

    color:#333333;
}

.description-content p{
    margin:0 0 10px;
}

.description-content p:last-child{
    margin-bottom:0;
}

.description-content strong{
    color:#8d160f;
    font-weight:bold;
}

/* =========================================
   REVIEW SECTION
========================================= */
.reviews-section{
    position:relative;

    margin-bottom:15px;
    padding:12px;

    background:#ffffff;

    border-top:2px solid #d4af37;
    border-left:2px solid #d4af37;
    border-right:2px solid #8d160f;
    border-bottom:3px solid #8d160f;

    border-radius:2px;

    box-shadow:
        inset 1px 1px 0 #ffffff,
        1px 1px 0 #111111;

    animation:none;
}

.reviews-section::before,
.reviews-section::after{
    display:none;
}

/* =========================================
   GRID REVIEW
========================================= */
.reviews-grid{
    position:relative;

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

    gap:7px;

    margin-top:10px;
}

/* =========================================
   REVIEW CARD WAP
========================================= */
.review-card{
    position:relative;
    overflow:hidden;

    padding:10px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 45%,
            #f2f2f2 48%,
            #e7e7e7 100%
        );

    border-top:1px solid #d4af37;
    border-left:4px solid #d44537;
    border-right:1px solid #8d160f;
    border-bottom:2px solid #8d160f;

    border-radius:1px;

    box-shadow:
        inset 0 1px 0 #ffffff,
        1px 1px 0 rgba(0,0,0,.35);

    transition:none;
    animation:none!important;

    opacity:1!important;
    transform:none!important;
}

.review-card::after{
    display:none;
}

.review-card:hover{
    transform:none;

    background:
        linear-gradient(
            180deg,
            #fff8d6 0%,
            #f5e7c8 48%,
            #e2c979 52%,
            #d4af37 100%
        );

    border-left-color:#ff2a1a;

    box-shadow:
        inset 0 1px 0 #ffffff,
        1px 1px 0 #000000;
}

/* =========================================
   REVIEWER
========================================= */
.reviewer-name{
    position:relative;

    display:block;

    margin:0 0 6px;
    padding:5px 7px;

    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;

    color:#ffffff;

    background:
        linear-gradient(
            180deg,
            #ff5a4d 0%,
            #d44537 45%,
            #a91f16 50%,
            #8d160f 100%
        );

    border:1px solid #6d100b;

    text-shadow:
        1px 1px 0 #000000;
}