/* =========================================================
   BINUS4D Custom Styling
   Bagian 0: Background dasar halaman (dark grey)
   ========================================================= */
html,body,#site,#content,.main-wrapper{background-color:#1b1e21 !important;}

/* =========================================================
   Bagian 1: Panel produk (judul, harga, tombol daftar/login,
             keyword populer, informasi BINUS4D, quantity)
   ========================================================= */
.m-design__product,.m-design__product *{font-family:'Segoe UI',Arial,Helvetica,sans-serif !important;}
.m-design__product h1{color:#fff !important;}
.m-design__product .m-design__price{color:#fff !important;}
.m-design__product .tn-access-btn{font-weight:700 !important;border-radius:10px !important;padding:14px 30px !important;font-size:1.08rem !important;border:1px solid #75797f !important;transition:.2s ease;display:inline-block;}
.m-design__product .tn-access-btn--daftar{background:#1f4e79 !important;color:#fff !important;border-color:#1f4e79 !important;}
.m-design__product .tn-access-btn--daftar:hover{background:#2a6394 !important;}
.m-design__product .tn-access-btn--login{background:#5b5f67 !important;color:#000 !important;}
.m-design__product .tn-access-btn--login:hover{background:#6a6e76 !important;}
.m-design__product .m-cart-config__select-label{color:#a9c4e0 !important;font-weight:700 !important;font-size:1.08rem !important;}
.m-design__product .radio-selector__radios{all:unset !important;display:flex !important;flex-wrap:wrap !important;gap:10px !important;}
.m-design__product .radio-selector__radios label{all:unset !important;box-sizing:border-box !important;position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;min-width:150px !important;background:#5b5f67 !important;border:1px solid #75797f !important;border-radius:10px !important;padding:14px 20px !important;cursor:pointer !important;transition:.2s ease !important;}
.m-design__product .radio-selector__radios label:hover{border-color:#a9c4e0 !important;}
.m-design__product .radio-selector__radios label input.radio-selector__radio{all:unset !important;position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none !important;}
.m-design__product .radio-selector__radios label input.radio-selector__radio:checked ~ .radio-selector__select{color:#0d1b2b !important;}
.m-design__product .radio-selector__radios label:has(input:checked){border-color:#a9c4e0 !important;background:#c7cfd6 !important;}
.m-design__product .radio-selector__select{all:unset !important;position:relative !important;z-index:1 !important;display:inline-block !important;color:#000 !important;font-weight:700 !important;font-size:1.02rem !important;text-align:center !important;line-height:1.4 !important;text-decoration:none !important;}
.m-design__product .radio-selector__radios.size label{min-width:110px !important;padding:8px 12px !important;}
.m-design__product .radio-selector__radios.size .radio-selector__select{font-size:.78rem !important;font-weight:600 !important;}
.m-design__product .radio-selector__radios.size .radio-selector__select b{all:unset !important;display:block !important;margin-top:3px !important;font-size:.92rem !important;font-weight:800 !important;color:#0d1b2b !important;}
.m-design__product .m-cart-config__quantity-container{background:#5b5f67 !important;border:1px solid #75797f !important;border-radius:10px !important;padding:4px 10px !important;}
.m-design__product .jsQuantityStepper{background:transparent !important;color:#000 !important;font-weight:700 !important;}
.m-design__product .quantity-stepper__controls{color:#000 !important;font-weight:700 !important;}

/* =========================================================
   Bagian 2: Section konten (penjelasan, informasi, FAQ, review)
   ========================================================= */
#bx-wrapper,#bx-wrapper *{font-family:'Segoe UI',Arial,Helvetica,sans-serif;box-sizing:border-box;}
#bx-wrapper{max-width:1100px;margin:48px auto;padding:36px 30px;color:#e3e6e9;background:#050a11;border:1px solid #1c2733;border-radius:18px;}
#bx-wrapper h2{color:#a9c4e0;font-size:1.85rem;font-weight:700;margin:44px 0 22px;text-align:center;}
#bx-wrapper h2:first-child{margin-top:0;}
#bx-wrapper .bx-intro p{text-align:justify;line-height:1.8;margin:0 0 18px;color:#e3e6e9;font-size:1.08rem;font-weight:400;}
#bx-wrapper .bx-intro b,#bx-wrapper .bx-intro a{color:#a9c4e0;text-decoration:none;font-weight:700;}
#bx-wrapper .bx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;}
#bx-wrapper .bx-card{background:#5b5f67;border:1px solid #75797f;border-radius:14px;padding:24px;box-shadow:0 6px 16px rgba(0,0,0,.45);transition:.25s ease;}
#bx-wrapper .bx-card:hover{border-color:#a9c4e0;box-shadow:0 6px 20px rgba(169,196,224,.3);transform:translateY(-3px);}
#bx-wrapper .bx-card h3{color:#000 !important;font-size:1.2rem;font-weight:700;margin:0 0 10px;}
#bx-wrapper .bx-card p{margin:0;font-size:1.02rem;line-height:1.65;color:#000 !important;font-weight:400;}
#bx-wrapper .bx-faq{display:flex;flex-direction:column;gap:14px;}
#bx-wrapper .bx-faq details{background:#5b5f67;border:1px solid #75797f;border-radius:12px;padding:16px 20px;box-shadow:0 6px 16px rgba(0,0,0,.45);}
#bx-wrapper .bx-faq details[open]{border-color:#a9c4e0;}
#bx-wrapper .bx-faq summary{color:#000 !important;font-weight:700;font-size:1.1rem;cursor:pointer;list-style:none;}
#bx-wrapper .bx-faq summary::-webkit-details-marker{display:none;}
#bx-wrapper .bx-faq summary:before{content:"+ ";}
#bx-wrapper .bx-faq details[open] summary:before{content:"- ";}
#bx-wrapper .bx-faq p{margin:12px 0 0;color:#000 !important;font-size:1.02rem;line-height:1.65;font-weight:400;}
#bx-wrapper .bx-reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
#bx-wrapper .bx-review-card{background:#5b5f67;border:1px solid #75797f;border-radius:14px;padding:22px;box-shadow:0 6px 16px rgba(0,0,0,.45);}
#bx-wrapper .bx-review-card p{margin:0 0 16px;font-size:1.02rem;line-height:1.65;color:#000 !important;font-style:italic;font-weight:400;}
#bx-wrapper .bx-review-name{display:flex;align-items:center;gap:12px;}
#bx-wrapper .bx-avatar{width:40px;height:40px;flex:none;border-radius:50%;background:#75797f;border:1px solid #a9c4e0;color:#000 !important;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;}
#bx-wrapper .bx-review-name span{color:#000 !important;font-size:.98rem;font-weight:600;}
@media (max-width:640px){#bx-wrapper{padding:24px 16px;}#bx-wrapper h2{font-size:1.5rem;}}