.preview,
         .m-product-preview__glider,
         .glide,
         .glide__track {
         overflow: hidden !important;
         max-width: 100% !important;
         }
         .glide__slides {
         display: flex !important;
         margin: 0 !important;
         contain: none !important;
         }
         .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;
         }
         html,
         body {
         overflow-x: hidden !important;
         }

/* ===== CSS BLOCK SEPARATOR ===== */

.m-top-banner,
         .m-top-banner .free-shipping {
         background-color: #000000 !important;
         }
         .m-top-banner,
         .m-top-banner .free-shipping,
         .m-top-banner .free-shipping strong,
         .m-top-banner .free-shipping span {
         color: #ffffff !important;
         }
         .m-top-banner a,
         .m-top-banner a:link,
         .m-top-banner a:visited,
         .m-top-banner a:hover,
         .m-top-banner a:active {
         color: #260000 !important;
         text-decoration: none !important;
         }
         .m-top-banner img,
         .m-top-banner svg {
         filter: none !important;
         }

/* ===== CSS BLOCK SEPARATOR ===== */

.icon-img-footer {
         width: 80px;
         padding: 0px 5px;
         }
         @media (min-width: 768px) {
         .icon-img-footer {
         width: 120px;
         }
         }
         @media (min-width: 992px) {
         .icon-img-footer {
         width: 120px;
         }
         }
         .button-login-daftar {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         font-weight: 700;
         }
         .button-login-daftar a {
         text-align: center;
         }
         .login,
         .register {
         color: #fff;
         padding: 15px 10px;
         font-size: 23px;
         }
         .login,
         .login-button {
         background: linear-gradient(to bottom, #ffe100 0, #ffe100 100%);
         border: 2px solid #ffffff;
         }
         .register,
         .register-button {
         background: linear-gradient(to bottom, #c40000 0, #c40000 100%);
         border: 2px solid #ffffff;
         }

/* ===== CSS BLOCK SEPARATOR ===== */

.petir-petir-btn {
                                       display: grid;
                                       grid-template-columns: repeat(2, 1fr);
                                       gap: 15px;
                                       font-weight: 700
                                       }
                                       .petir-petir-btn a {
                                       text-align: center;
                                       text-decoration: none;
                                       border-radius: 12px;
                                       padding: 15px 10px;
                                       position: relative;
                                       overflow: hidden;
                                       transition: all .3s ease;
                                       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3)
                                       }
                                       .petir-petir-btn a:hover {
                                       transform: translateY(-3px);
                                       box-shadow: 0 8px 25px rgb(255, 255, 255)
                                       }
                                       .petir-petir-btn a::before {
                                       content: "";
                                       position: absolute;
                                       top: 0;
                                       left: -100%;
                                       width: 100%;
                                       height: 100%;
                                       background: linear-gradient(90deg, transparent, rgba(0, 40, 30, 1), transparent);
                                       transition: left .5s ease
                                       }
                                       .petir-petir-btn a:hover::before {
                                       left: 100%
                                       }
                                       .login,
                                       .login-button {
                                       color: #ffffff;
                                       background: linear-gradient(180deg, #2a8307, #2a8307);
                                       background-size: 200% 200%;
                                       border: 2px solid #ffffff;
                                       animation: gradientShift 3s ease infinite
                                       }
                                       .register,
                                       .register-button {
                                       color: #ffffff;
                                       background: linear-gradient(180deg, #d19004, #d19004);
                                       background-size: 200% 200%;
                                       border: 2px solid #ffffff;
                                       animation: gradientShift 3s ease infinite;
                                       animation-delay: 1.5s
                                       }

/* ===== CSS BLOCK SEPARATOR ===== */

:root {
                              --gold: #000000;
                              --gold-light: #000000;
                              --gold-dark: #000000;
                              --gray-dark: #ffffff;
                              --gray-medium: #ffffff;
                              --gray-light: #F5F5F5;
                              --white: #FFFFFF;
                              }
                              body {
                              background-color: var(--gray-dark);
                              color: var(--gray-light);
                              line-height: 1.6;
                              }
                              .container {
                              max-width: 1200px;
                              margin: 0 auto;
                              padding: 0 20px;
                              }
                              /* Header */
                              header {
                              background: linear-gradient(135deg, #000000 0%, #000000 100%);
                              padding: 10px 0;
                              text-align: center;
                              position: relative;
                              overflow: hidden;
                              border-top: 5px double rgb(255, 0, 0);
                              border-bottom: 5px double rgb(255, 0, 0);
                              }
                              .m-explore-nav.jsExploreNav {
                              background: #000000;
                              border-bottom: 5px double rgb(255, 0, 0);
                              }
                              .m-footer__legal-bar {
                              background-color: #000000;
                              }
                              .logo {
                              font-size: 3.5rem;
                              color: #ffd700;
                              margin-bottom: 10px;
                              animation: pulse 3s infinite alternate;
                              }
                              @keyframes pulse {
                              0% {
                              text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
                              }
                              100% {
                              text-shadow: 0 0 20px rgba(212, 175, 55, 0.8), 0 0 30px rgba(212, 175, 55, 0.6);
                              }
                              }
                              h1 {
                              font-size: 2.2rem;
                              margin-bottom: 15px;
                              color: var(--black);
                              }
                              .description {
                              font-size: 1.2rem;
                              max-width: 800px;
                              margin: 0 auto;
                              color: var(--gray-light);
                              }
                              /* Artikel */
                              .article {
                              padding: 60px 0;
                              background: rgba(255, 255, 255, 0.05);
                              }
                              .article p {
                              margin-bottom: 25px;
                              font-size: 1.1rem;
                              text-align: justify;
                              }
                              /* Keunggulan */
                              .features {
                              padding: 60px 0;
                              background: rgba(214, 214, 214, 0.973);
                              }
                              .section-title {
                              text-align: center;
                              margin-bottom: 50px;
                              position: relative;
                              }
                              .section-title h2 {
                              font-size: 2.5rem;
                              color: #ffd700;
                              display: inline-block;
                              padding-bottom: 10px;
                              }
                              .section-title h2::after {
                              content: "";
                              position: absolute;
                              width: 100px;
                              height: 3px;
                              background: #ffd700;
                              bottom: 0;
                              left: 50%;
                              transform: translateX(-50%);
                              animation: linePulse 2s infinite;
                              }
                              @keyframes linePulse {
                              0%,
                              100% {
                              width: 100px;
                              }
                              50% {
                              width: 150px;
                              }
                              }
                              .features-grid {
                              display: grid;
                              grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                              gap: 30px;
                              }
                              .feature-card {
                              background: linear-gradient(145deg, var(--gray-medium) 0%, var(--gray-dark) 100%);
                              border-radius: 15px;
                              padding: 30px;
                              text-align: center;
                              transition: transform 0.4s ease, box-shadow 0.4s ease;
                              border: 1px solid rgba(212, 175, 55, 0.3);
                              position: relative;
                              overflow: hidden;
                              }
                              .feature-card::before {
                              content: "";
                              position: absolute;
                              top: 0;
                              left: 0;
                              width: 100%;
                              height: 5px;
                              background: linear-gradient(90deg, #ffd700, #ffd700);
                              transform: translateX(-100%);
                              animation: slideIn 1s forwards;
                              }
                              .feature-card:nth-child(1)::before {
                              animation-delay: 0.2s;
                              }
                              .feature-card:nth-child(2)::before {
                              animation-delay: 0.4s;
                              }
                              .feature-card:nth-child(3)::before {
                              animation-delay: 0.6s;
                              }
                              @keyframes slideIn {
                              to {
                              transform: translateX(0);
                              }
                              }
                              .feature-card:hover {
                              transform: translateY(-10px);
                              box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(212, 175, 55, 0.2);
                              }
                              .feature-icon {
                              font-size: 3rem;
                              color: #000000;
                              margin-bottom: 20px;
                              }
                              .feature-card h3 {
                              font-size: 1.5rem;
                              margin-bottom: 15px;
                              color: #000000;
                              }
                              /* Testimoni */
                              .testimonials {
                              padding: 60px 0;
                              }
                              .testimonials-grid {
                              display: grid;
                              grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                              gap: 30px;
                              }
                              .testimonial-card {
                              background: linear-gradient(145deg, var(--gray-medium) 0%, var(--gray-dark) 100%);
                              border-radius: 15px;
                              padding: 30px;
                              transition: transform 0.4s ease, box-shadow 0.4s ease;
                              border: 1px solid rgba(212, 175, 55, 0.3);
                              position: relative;
                              overflow: hidden;
                              }
                              .testimonial-card::before {
                              content: "";
                              position: absolute;
                              top: -50%;
                              left: -50%;
                              width: 200%;
                              height: 200%;
                              background: linear-gradient(45deg, transparent, rgba(212, 175, 55, 0.1), transparent);
                              transform: rotate(45deg);
                              transition: all 0.4s ease;
                              }
                              .testimonial-card:hover::before {
                              animation: cardShine 1.5s;
                              }
                              @keyframes cardShine {
                              0% {
                              transform: rotate(45deg) translateX(-100%);
                              }
                              100% {
                              transform: rotate(45deg) translateX(100%);
                              }
                              }
                              .testimonial-card:hover {
                              transform: translateY(-10px);
                              box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(212, 175, 55, 0.2);
                              }
                              .member-info {
                              display: flex;
                              align-items: center;
                              margin-bottom: 20px;
                              }
                              .member-avatar {
                              width: 60px;
                              height: 60px;
                              border-radius: 50%;
                              background: #ffd700;
                              display: flex;
                              align-items: center;
                              justify-content: center;
                              margin-right: 15px;
                              font-size: 1.5rem;
                              color: var(--gray-dark);
                              border: 2px solid #000000;
                              }
                              .member-details h3 {
                              font-size: 1.3rem;
                              margin-bottom: 5px;
                              color: #ffd700;
                              }
                              .member-details p {
                              color: var(--gray-light);
                              font-size: 0.9rem;
                              }
                              .testimonial-text {
                              font-style: italic;
                              position: relative;
                              padding-left: 20px;
                              }
                              .testimonial-text::before {
                              content: "";
                              position: absolute;
                              left: 0;
                              top: -10px;
                              font-size: 3rem;
                              color: #ffd700;
                              opacity: 0.7;
                              }
                              .rating {
                              margin-top: 15px;
                              color: #ffd700;
                              }
                              /* BAJAI89 */
                              .BAJAI89 {
                              padding: 60px 0;
                              background: rgba(255, 255, 255, 0.03);
                              }
                              .BAJAI89-container {
                              max-width: 800px;
                              margin: 0 auto;
                              }
                              .BAJAI89-item {
                              margin-bottom: 15px;
                              border-radius: 10px;
                              overflow: hidden;
                              box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
                              transition: all 0.3s ease;
                              border: 1px solid rgba(212, 175, 55, 0.2);
                              }
                              .BAJAI89-item:hover {
                              border-color: #ffd700;
                              }
                              .BAJAI89-question {
                              background: linear-gradient(90deg, var(--gray-medium) 0%, var(--gray-dark) 100%);
                              padding: 20px;
                              cursor: pointer;
                              display: flex;
                              justify-content: space-between;
                              align-items: center;
                              transition: all 0.3s ease;
                              }
                              .BAJAI89-question:hover {
                              background: linear-gradient(90deg, var(--gray-medium) 0%, #3a3a3a 100%);
                              }
                              .BAJAI89-question h3 {
                              font-size: 1.2rem;
                              color: var(--white);
                              }
                              .BAJAI89-icon {
                              color: #2a8307;
                              font-size: 1.5rem;
                              transition: transform 0.3s ease;
                              }
                              .BAJAI89-answer {
                              background: var(--gray-dark);
                              padding: 0 20px;
                              max-height: 0;
                              overflow: hidden;
                              transition: max-height 0.5s ease, padding 0.3s ease;
                              }
                              .BAJAI89-answer p {
                              padding: 20px 0;
                              color: var(--gray-light);
                              }
                              .BAJAI89-item.active .BAJAI89-answer {
                              max-height: 500px;
                              padding: 0 20px;
                              }
                              .BAJAI89-item.active .BAJAI89-icon {
                              transform: rotate(180deg);
                              }
                              /* Footer */
                              footer {
                              background: var(--gray-dark);
                              padding: 40px 0;
                              text-align: center;
                              border-top: 1px solid #ffd700;
                              }
                              .footer-logo {
                              font-size: 2rem;
                              color: #ffd700;
                              margin-bottom: 20px;
                              }
                              /* Responsive */
                              @media (max-width: 768px) {
                              h1 {
                              font-size: 1.8rem;
                              }
                              .description {
                              font-size: 1rem;
                              }
                              .section-title h2 {
                              font-size: 2rem;
                              }
                              .features-grid,
                              .testimonials-grid {
                              grid-template-columns: 1fr;
                              }
                              .article p {
                              font-size: 1rem;
                              }
                              }
                              .wt-grid .wt-grid__item-xs-12 {
                              background-color: #ffffff8f;
                              border-radius: 7px;
                              box-shadow: 0 0 35px #3f3d00;
                              border: solid 1px #956a00;
                              }
                              a {
                              color: #000000;
                              }
                              .wt-sem-text-primary {
                              color: #000000 !important;
                              }
                              .wt-sem-text-secondary {
                              color: #000000 !important;
                              }
                              .wt-btn.wt-btn--transparent {
                              background-color: #9c8686;
                              }

/* ===== CSS BLOCK SEPARATOR ===== */

/* === Artikel Container Tema BAJAI89 (RAPI) === */
                              .article-container {
                              margin: 30px auto;
                              /* jarak dari atas/bawah */
                              padding: 25px 20px;
                              /* padding lebih compact */
                              background-color: #ffffff;
                              /* hijau gelap nyaman */
                              border-radius: 15px;
                              border: 1px solid rgba(1, 29, 22, 1);
                              box-shadow: 0 0 10px rgb(255, 255, 255);
                              font-family: "Poppins", sans-serif;
                              color: #fcfcfc;
                              /* teks terang hijau lembut */
                              line-height: 1.7;
                              /* jarak antar baris nyaman */
                              position: relative;
                              overflow: hidden;
                              }
                              /* Paragraf */
                              .article-container p {
                              font-size: 15px;
                              margin-bottom: 18px;
                              /* jarak antar paragraf */
                              text-align: justify;
                              /* rapikan teks kiri-kanan */
                              }
                              /* Link */
                              .article-container a {
                              color: #ff9100;
                              text-decoration: underline;
                              transition: all 0.3s ease;
                              }
                              .article-container a:hover {
                              color: #000000;
                              text-shadow: 0 0 6px #ffd700;
                              }
                              /* List */
                              .article-container ul,
                              .article-container ol {
                              margin-left: 20px;
                              margin-bottom: 18px;
                              }
                              /* Blockquote */
                              .article-container blockquote {
                              border-left: 4px solid #ffd700;
                              padding-left: 15px;
                              margin: 18px 0;
                              font-style: italic;
                              color: #ffffff;
                              background-color: rgb(255, 255, 255);
                              border-radius: 6px;
                              }
                              /* Responsif */
                              @media (max-width: 600px) {
                              .article-container {
                              padding: 15px 12px;
                              }
                              .article-container p {
                              font-size: 14px;
                              }
                              }
                              /* ? efek kilap untuk article-container */
                              .article-container::after {
                              content: "";
                              position: absolute;
                              top: 0;
                              left: -150%;
                              width: 50%;
                              height: 100%;
                              background: linear-gradient(120deg,
                              rgba(1, 29, 22, 1) 0%,
                              rgb(255, 255, 255) 50%,
                              rgb(240, 144, 0) 100%);
                              transform: skewX(-20deg);
                              animation: shineArticle 3s infinite;
                              pointer-events: none;
                              mix-blend-mode: screen;
                              border-radius: inherit;
                              z-index: 2;
                              }
                              /* Animasi kilap bergerak */
                              @keyframes shineArticle {
                              0% {
                              left: -150%;
                              }
                              100% {
                              left: 150%;
                              }
                              }

/* ===== CSS BLOCK SEPARATOR ===== */

/* ===== GLOW WRAP ===== */
                              .glow-wrap {
                              margin: 0 auto;
                              position: relative;
                              padding: 16px;
                              border-radius: 28px;
                              }
                              .glow-wrap::before {
                              content: "";
                              position: absolute;
                              inset: -12px;
                              border-radius: 36px;
                              background: rgba(0, 0, 0, 0.226);
                              filter: blur(20px);
                              opacity: .55;
                              z-index: 0;
                              }
                              .glow-inner {
                              position: relative;
                              z-index: 1;
                              background: #fff;
                              border-radius: 24px;
                              padding: 26px 18px;
                              box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
                              }
                              /* ===== SECTION TITLE ===== */
                              .mw-title {
                              text-align: center;
                              margin: 10px 0 22px;
                              letter-spacing: 1px;
                              font-weight: 800;
                              }
                              /* ===== FAQ ===== */
                              .mw-faq-item {
                              background: #fff;
                              border-radius: 30px;
                              padding: 18px 22px;
                              margin-bottom: 14px;
                              cursor: pointer;
                              display: flex;
                              justify-content: space-between;
                              align-items: center;
                              box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
                              user-select: none;
                              }
                              .mw-faq-item strong {
                              font-size: 15px;
                              }
                              .mw-faq-icon {
                              font-weight: 900;
                              font-size: 18px;
                              line-height: 1;
                              }
                              .mw-faq-answer {
                              display: none;
                              padding: 0 25px 18px;
                              font-size: 14px;
                              color: #555;
                              }
                              /* ===== REVIEWS ===== */
                              .mw-review {
                              background: #fff;
                              border-radius: 20px;
                              padding: 20px;
                              margin-bottom: 18px;
                              box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
                              }
                              .mw-review h4 {
                              margin: 0 0 8px;
                              font-size: 15px;
                              font-weight: 800;
                              }
                              .mw-review p {
                              font-size: 14px;
                              color: #555;
                              margin: 0 0 10px;
                              }
                              .mw-stars {
                              color: #f5b301;
                              font-size: 16px;
                              letter-spacing: 1px;
                              }
                              /* ===== MOBILE ===== */
                              @media (max-width: 520px) {
                              .glow-wrap {
                              padding: 12px;
                              border-radius: 24px;
                              }
                              .glow-wrap::before {
                              inset: -10px;
                              filter: blur(18px);
                              border-radius: 30px;
                              }
                              .glow-inner {
                              border-radius: 18px;
                              padding: 20px 14px;
                              }
                              }

/* ===== CSS BLOCK SEPARATOR ===== */

.bobarawr {
         margin: 0;
         padding: 0;
         font-family: 'Playfair Display', 'Segoe UI', serif;
         background-color: transparent;
         color: #fff;
         overflow: hidden;
         }
         .popup-overlay {
         position: fixed;
         top: 0;
         left: 0;
         width: 100vw;
         height: 100vh;
         background: rgba(0, 0, 0, 0.4);
         backdrop-filter: blur(3px);
         -webkit-backdrop-filter: blur(3px);
         display: flex;
         justify-content: center;
         align-items: center;
         z-index: 9999;
         }
         .popup-container {
         position: relative;
         width: 90%;
         max-width: 420px;
         background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
         border-radius: 20px;
         overflow: hidden;
         text-align: center;
         animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
         box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.2);
         padding-bottom: 20px;
         border: 1px solid rgba(212, 175, 55, 0.15);
         backdrop-filter: blur(10px);
         -webkit-backdrop-filter: blur(10px);
         }
         /* 💛 Emas berdenyut yang mewah */
         @keyframes goldPulse {
         0%,
         100% {
         box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.2);
         }
         50% {
         box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(255, 255, 255, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.3);
         }
         }
         /* ✨ Shiny diagonal emas yang elegan */
         .popup-container::before {
         content: "";
         position: absolute;
         top: -100%;
         left: -100%;
         width: 200%;
         height: 200%;
         background: linear-gradient(135deg,
         rgba(255, 255, 255, 0) 45%,
         rgba(255, 255, 255, 0.15) 50%,
         rgba(255, 255, 255, 0) 55%);
         animation: shineDiagonal 5s linear infinite;
         z-index: 2;
         pointer-events: none;
         }
         @keyframes shineDiagonal {
         0% {
         transform: translate(-100%, -100%) rotate(30deg);
         }
         100% {
         transform: translate(100%, 100%) rotate(30deg);
         }
         }
         .popup-image {
         width: 100%;
         display: block;
         border-bottom: 1px solid rgba(255, 255, 255, 0.15);
         }
         .popup-image2 {
         width: 40%;
         display: block;
         }
         .popup-buttons {
         display: flex;
         flex-direction: column;
         padding: 25px 20px 0px 20px;
         position: relative;
         z-index: 3;
         }
         .popup-buttons a {
         width: 100%;
         display: block;
         padding: 18px 0;
         font-size: 18px;
         font-weight: 700;
         border-radius: 50px;
         text-decoration: none;
         text-align: center;
         color: #050402;
         background: linear-gradient(180deg, #f8cf5e, #f7ec58);
         box-shadow: 0 2px 5px rgb(255, 255, 255);
         transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         position: relative;
         overflow: hidden;
         text-transform: uppercase;
         font-family: 'Montserrat', sans-serif;
         }
         .popup-buttons a::before {
         content: "";
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg,
         transparent,
         rgb(255, 255, 255),
         transparent);
         transition: left 0.8s;
         }
         .popup-buttons a:hover::before {
         left: 100%;
         }
         .popup-buttons a:hover {
         transform: translateY(-4px);
         box-shadow: 0 2px 5px rgba(255, 255, 255, 0.856);
         background: linear-gradient(180deg, #3a0000, #2a8307);
         }
         .popup-buttons a:active {
         transform: translateY(1px);
         }
         .info-table {
         width: 90%;
         margin: 20px auto;
         border-collapse: collapse;
         color: #eee;
         font-size: 14px;
         position: relative;
         z-index: 3;
         background: rgba(0, 0, 0, 0.3);
         border-radius: 10px;
         overflow: hidden;
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
         }
         .info-table th {
         background: linear-gradient(135deg, #ffcd27, #ffc60c);
         padding: 14px 10px;
         font-size: 15px;
         color: #ffffff;
         border: none;
         font-weight: 700;
         letter-spacing: 0.8px;
         text-transform: uppercase;
         }
         .info-table td {
         padding: 12px;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
         text-align: left;
         }
         .info-table tr:last-child td {
         border-bottom: none;
         }
         .popup-footer {
         font-size: 13px;
         color: #ccc;
         padding: 20px 10px;
         position: relative;
         z-index: 3;
         line-height: 1.6;
         font-family: 'Playfair Display', serif;
         }
         @keyframes rotateScaleIn {
         0% {
         opacity: 0;
         transform: scale(0.3) rotate(-10deg);
         }
         50% {
         transform: scale(1.05) rotate(2deg);
         }
         100% {
         opacity: 1;
         transform: scale(1) rotate(0deg);
         }
         }
         /* Efek partikel emas */
         .gold-particle {
         position: absolute;
         background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 100%);
         border-radius: 50%;
         pointer-events: none;
         z-index: 1;
         animation: floatGold 10s infinite ease-in-out;
         box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
         }
         @keyframes floatGold {
         0%,
         100% {
         transform: translateY(0) translateX(0);
         opacity: 0;
         }
         10% {
         opacity: 0.8;
         }
         90% {
         opacity: 0.8;
         }
         100% {
         transform: translateY(-120px) translateX(40px);
         opacity: 0;
         }
         }
         /* Efek border emas mewah */
         .luxury-border {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         border: 1px solid rgba(255, 255, 255, 0.2);
         border-radius: 20px;
         pointer-events: none;
         z-index: 4;
         background: linear-gradient(135deg,
         rgba(212, 175, 55, 0) 0%,
         rgba(255, 255, 255, 0.1) 50%,
         rgba(212, 175, 55, 0) 100%);
         }
         /* Tombol Close */
         .close-btn {
         position: absolute;
         top: 15px;
         right: 15px;
         width: 32px;
         height: 32px;
         background: rgba(0, 0, 0, 0.5);
         border-radius: 50%;
         display: flex;
         justify-content: center;
         align-items: center;
         cursor: pointer;
         z-index: 10;
         transition: all 0.3s ease;
         border: 1px solid rgba(255, 255, 255, 0.3);
         }
         .close-btn:hover {
         background: rgba(255, 255, 255, 0.8);
         transform: rotate(90deg);
         }
         .close-btn::before,
         .close-btn::after {
         content: '';
         position: absolute;
         width: 16px;
         height: 2px;
         background: #fff;
         }
         .close-btn::before {
         transform: rotate(45deg);
         }
         .close-btn::after {
         transform: rotate(-45deg);
         }
         /* Responsif untuk layar kecil */
         @media (max-width: 480px) {
         .popup-container {
         width: 95%;
         max-width: 350px;
         }
         .popup-buttons a {
         font-size: 18px;
         padding: 18px 0;
         }
         .info-table {
         font-size: 13px;
         }
         .popup-footer {
         font-size: 12px;
         }
         .close-btn {
         width: 28px;
         height: 28px;
         }
         }

/* ===== CSS BLOCK SEPARATOR ===== */

.popup-button {
         display: flex;
         flex-direction: column;
         padding: 15px 20px 25px 20px;
         position: relative;
         z-index: 3;
         }
         .popup-button a {
         width: 100%;
         display: block;
         padding: 18px 0;
         font-size: 18px;
         font-weight: 700;
         border-radius: 50px;
         text-decoration: none;
         text-align: center;
         color: #ffffff;
         background: linear-gradient(180deg, #d66a79, #dd0ddd);
         box-shadow: 0 2px 5px rgb(255, 255, 255);
         transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         position: relative;
         overflow: hidden;
         text-transform: uppercase;
         font-family: 'Montserrat', sans-serif;
         }
         .popup-button a::before {
         content: "";
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg,
         transparent,
         rgb(255, 255, 255),
         transparent);
         transition: left 0.8s;
         }
         .popup-button a:hover {
         transform: translateY(-4px);
         box-shadow: 0 2px 5px rgba(255, 255, 255, 0.856);
         background: linear-gradient(180deg, #3a0000, #2a8307);
         }
         .popup-button a:active {
         transform: translateY(1px);
         }