/* =========================================================
   CSS hasil ekstraksi dari blok <style> #6
   Nama file: 06-pecitoto-premium-table.css
   ========================================================= */

/* =========================================================
   RESIDENT EVIL PREMIUM INFO TABLE
========================================================= */

                    .PECITOTO-premium-box {
                        position: relative;

                        margin: 30px 0;
                        padding: 26px;

                        border-radius: 24px;

                        overflow: hidden;

                        background:
                            radial-gradient(circle at top,
                                rgba(255, 0, 0, .18),
                                transparent 35%),
                            linear-gradient(180deg,
                                #1a1a1a 0%,
                                #101010 45%,
                                #050505 100%);

                        border: 1px solid rgba(255, 60, 60, .3);

                        box-shadow:
                            0 0 25px rgba(255, 0, 0, .15),
                            0 0 60px rgba(255, 0, 0, .08),
                            inset 0 0 20px rgba(255, 0, 0, .04);
                    }

                    /* UMBRELLA LABEL */

                    .PECITOTO-premium-box::before {
                        content: "☣ UMBRELLA DATABASE";
                        position: absolute;

                        top: 14px;
                        right: 18px;

                        color: rgba(255, 80, 80, .45);

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

                        letter-spacing: 2px;
                    }

                    /* SCANLINE */

                    .PECITOTO-premium-box::after {
                        content: "";

                        position: absolute;
                        inset: 0;

                        background:
                            repeating-linear-gradient(to bottom,
                                rgba(255, 0, 0, .015),
                                rgba(255, 0, 0, .015) 1px,
                                transparent 2px,
                                transparent 4px);

                        pointer-events: none;
                    }

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

                    .PECITOTO-premium-head {
                        text-align: center;
                        margin-bottom: 20px;
                    }

                    .PECITOTO-premium-head h3 {
                        margin: 0;

                        font-size: 28px;
                        font-weight: 900;

                        text-transform: uppercase;

                        letter-spacing: 2px;

                        background: linear-gradient(180deg, #5b0000 0%, #ff0000 50%, #5b0000 100%) !important;
                    }

                    /* RED LINE */

                    .PECITOTO-premium-line {
                        width: 100%;
                        max-width: 850px;

                        height: 2px;

                        margin: 14px auto 0;

                        border-radius: 999px;

                        background:
                            linear-gradient(90deg,
                                transparent,
                                #ff2d2d,
                                transparent);

                        box-shadow:
                            0 0 15px rgba(255, 0, 0, .55);
                    }

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

                    .PECITOTO-premium-table {
                        width: 100%;

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

                        overflow: hidden;

                        border-radius: 18px;

                        border: 1px solid rgba(255, 60, 60, .18);

                        background:
                            linear-gradient(180deg,
                                #151515,
                                #080808);
                    }

                    .PECITOTO-premium-table tr {
                        transition: .3s ease;
                    }

                    .PECITOTO-premium-table tr:hover {
                        background:
                            rgba(255, 0, 0, .05);
                    }

                    .PECITOTO-premium-table td {
                        padding: 18px 16px;

                        border-bottom:
                            1px solid rgba(255, 0, 0, .08);

                        font-size: 15px;
                    }

                    .PECITOTO-premium-table tr:last-child td {
                        border-bottom: none;
                    }

                    /* LABEL */

                    .PECITOTO-premium-table td.label {
                        width: 38%;

                        color: #ff7070;

                        font-weight: 800;

                        text-transform: uppercase;

                        letter-spacing: 1px;
                    }

                    /* VALUE */

                    .PECITOTO-premium-table td.value {
                        color: #e6e6e6;

                        font-weight: 600;
                    }

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

                    .PECITOTO-badge-gold {
                        display: inline-block;

                        padding: 7px 14px;

                        border-radius: 999px;

                        border: 1px solid rgba(255, 60, 60, .3);

                        background:
                            linear-gradient(135deg,
                                #420000,
                                #b50000);

                        color: #ffffff;

                        font-size: 13px;
                        font-weight: 800;

                        text-transform: uppercase;

                        letter-spacing: 1px;

                        box-shadow:
                            0 0 15px rgba(255, 0, 0, .25);
                    }

                    /* =========================================================
   RATING
========================================================= */

                    .PECITOTO-rating {
                        color: #ff4b4b;

                        font-size: 18px;
                        font-weight: 900;

                        letter-spacing: 2px;

                        text-shadow:
                            0 0 12px rgba(255, 0, 0, .6);
                    }

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

                    @media(max-width:768px) {

                        .PECITOTO-premium-head h3 {
                            font-size: 22px;
                        }

                        .PECITOTO-premium-table td {
                            padding: 14px 12px;
                            font-size: 14px;
                        }

                        .PECITOTO-premium-table td.label {
                            width: 42%;
                        }
                    }