/* KUNCI overflow agar tidak meluber ke kanan */
   .preview,
   .m-product-preview__glider,
   .glide,
   .glide__track {
    overflow: hidden !important;
    max-width: 100% !important;
   }

   /* Biarkan Glide bekerja normal */
   .glide__slides {
    display: flex !important;
    /* jaga-jaga */
    margin: 0 !important;
    /* rollback kalau sebelumnya sempat dipasang: */
    contain: none !important;
   }

   /* Pastikan gambar terlihat dan tidak “ngecil 0” */
   .glide__slide img,
   .m-product-preview__glider-img img,
   .preview .jsProductMainImage {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
   }

   /* Anti scroll horizontal */
   html,
   body {
    overflow-x: hidden !important;
   }

.vc-header-logo{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

/* =====================================
   NERAKA33 - WAP RETRO BUTTON
===================================== */
.n-columns-2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    width:100%;
    margin:0 auto;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
}

.n-columns-2 a{
    display:block;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    text-align:center;
    text-decoration:none!important;
}

/* =====================================
   BASE TOMBOL
===================================== */
.login,
.register,
.login-button,
.register-button{
    min-height:42px;
    padding:9px 8px;

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

    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:900;
    line-height:18px;
    letter-spacing:.5px;
    text-transform:uppercase;

    color:#ffffff!important;

    border-radius:3px;

    text-shadow:
        1px 1px 0 #000,
        -1px -1px 0 rgba(0,0,0,.25);
}

/* =====================================
   LOGIN - MERAH WAP JADUL
===================================== */
.login,
.login-button{
    background:
        linear-gradient(
            180deg,
            #ff8585 0%,
            #ff1a1a 13%,
            #e60000 48%,
            #b00000 52%,
            #9f0000 100%
        );

    border-top:2px solid #fff29b;
    border-left:2px solid #ffd700;
    border-right:2px solid #8c0000;
    border-bottom:3px solid #790000;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.65),
        inset 1px 0 0 rgba(255,215,0,.35),
        inset -1px 0 0 rgba(80,0,0,.75),
        0 1px 0 #000;
}

/* =====================================
   REGISTER - HITAM WAP JADUL
===================================== */
.register,
.register-button{
    background:
        linear-gradient(
            180deg,
            #696969 0%,
            #454545 14%,
            #272727 48%,
            #151515 52%,
            #050505 100%
        );

    border-top:2px solid #ff5555;
    border-left:2px solid #ff2020;
    border-right:2px solid #5f0000;
    border-bottom:3px solid #9f0000;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 1px 0 0 rgba(255,32,32,.28),
        inset -1px 0 0 rgba(0,0,0,.8),
        0 1px 0 #000;
}

/* =====================================
   GARIS KLASIK DI BAGIAN ATAS
===================================== */
.login::before,
.register::before{
    content:"";
    position:absolute;
    top:3px;
    left:4px;
    right:4px;
    height:1px;
    pointer-events:none;
    background:rgba(255,255,255,.55);
}

/* =====================================
   GARIS RETRO DI BAGIAN BAWAH
===================================== */
.login::after,
.register::after{
    content:"";
    position:absolute;
    left:4px;
    right:4px;
    bottom:3px;
    height:1px;
    pointer-events:none;
    background:rgba(0,0,0,.55);
}

/* =====================================
   TEXT
===================================== */
.login span,
.register span{
    position:relative;
    z-index:5;
    display:inline-block;
}

/* =====================================
   HOVER - TETAP JADUL
===================================== */
.login:hover,
.login:focus{
    color:#ffffff!important;

    background:
        linear-gradient(
            180deg,
            #ffb0b0 0%,
            #ff3838 14%,
            #f00000 48%,
            #c20000 52%,
            #a50000 100%
        );

    border-top-color:#ffffff;
    border-left-color:#fff29b;
    border-right-color:#9f0000;
    border-bottom-color:#6d0000;
}

.register:hover,
.register:focus{
    color:#ffd700!important;

    background:
        linear-gradient(
            180deg,
            #858585 0%,
            #555555 14%,
            #333333 48%,
            #202020 52%,
            #090909 100%
        );

    border-top-color:#ffd700;
    border-left-color:#ff4040;
    border-right-color:#6d0000;
    border-bottom-color:#8c0000;
}