@font-face{font-family:BBInter;src:url('bestbuy-assets/source/Inter-Regular-DOEsKK9O.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BBInter;src:url('bestbuy-assets/source/Inter-SemiBold-BPCbN7rN.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--bb-purple:#5b3fd5;--bb-orange:#ff8a00;--bb-border:#d6d9de;--bb-gray:#f3f4f5;--bb-muted:#747a82}
html{background:#fff}
body[data-page]{font-family:BBInter,Arial,sans-serif!important;background:#fff!important;color:#17191d!important;overflow-x:hidden;padding-bottom:68px!important}
body[data-page] .container{width:100%!important;max-width:480px!important;margin:0 auto!important;background:#fff!important;min-height:100vh}
body[data-page] a{cursor:pointer}
body[data-page] button,body[data-page] input,body[data-page] select,body[data-page] textarea{font-family:inherit}
body[data-page] .header{background:#fff!important;box-shadow:none!important;border-color:#e9ebed!important}
body[data-page] .header-title,body[data-page] .page-title{color:#17191d!important;font-size:16px!important;font-weight:600!important}
body[data-page] input:not([type=checkbox]):not([type=radio]),body[data-page] select,body[data-page] textarea{border-color:var(--bb-border);border-radius:12px}
body[data-page] input:focus,body[data-page] select:focus,body[data-page] textarea:focus{outline-color:var(--bb-purple)!important;border-color:var(--bb-purple)!important}
body[data-page] .bottom-nav{display:none!important}
.bb-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:1000;display:grid;grid-template-columns:repeat(5,1fr);height:60px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e9ebed;background:#fff}
.bb-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#747a82;font-size:10px;white-space:nowrap}
.bb-nav a.active{color:var(--bb-purple);font-weight:600}
.bb-nav svg{width:24px;height:24px}
body[data-page] .status-tab.active,body[data-page] .tab.active{color:var(--bb-purple)!important;border-color:var(--bb-purple)!important}
body[data-page] .order-status.delivered,body[data-page] .status-success{background:#00ab3e!important;color:#fff!important}
body[data-page] .balance-badge,body[data-page] .stats-banner,body[data-page] .receive-btn:not(.disabled),body[data-page] .login-btn,body[data-page] .register-btn,body[data-page] .primary-btn,body[data-page] button[type=submit],body[data-page] .btn-primary{background:var(--bb-purple)!important;color:#fff!important;box-shadow:none!important;border:0!important;border-radius:7px!important}
body[data-page] .menu-item,body[data-page] .order-card,body[data-page] .stat-card{box-shadow:none!important}
/* Login and registration */
body[data-page=login],body[data-page=register]{display:block!important;padding-bottom:0!important;background:#fff!important}
body[data-page=login] .container,body[data-page=register] .container{max-width:480px!important;display:block!important}
body[data-page=login] .header,body[data-page=register] .header{display:none!important}
body[data-page=login] .logo-wrapper,body[data-page=register] .logo-wrapper{height:250px;padding:0!important;background:url('bestbuy-assets/source/bgLogReg-LC7XzKLu.png') center/cover no-repeat}
body[data-page=login] .logo-wrapper .logo,body[data-page=register] .logo-wrapper .logo{display:none}
body[data-page=login] .form-container,body[data-page=register] .form-container{padding:10px 12px 28px!important}
.bb-auth-heading{display:flex;align-items:center;justify-content:space-between;height:28px;margin:0 0 4px}
.bb-auth-heading .form-title{margin:0!important;height:28px!important;line-height:28px!important}
.bb-auth-switch{font-size:13px;color:var(--bb-muted);white-space:nowrap}.bb-auth-switch a{color:var(--bb-purple);font-weight:600;text-decoration:none}
.bb-forgot{display:block;text-align:left;color:var(--bb-purple);font-size:13px;font-weight:600;text-decoration:none;margin-top:4px}
body[data-page=login] .form-title,body[data-page=register] .form-title{font-size:22px!important;font-weight:600!important;text-align:left!important;margin:0 0 36px!important;color:#17191d!important}
body[data-page=login] .form-group,body[data-page=register] .form-group{margin-bottom:10px!important}
body[data-page=login] .form-group:nth-child(2){margin-bottom:4px!important}
body[data-page=login] .input-wrapper,body[data-page=register] .input-wrapper{border:0!important;padding:0!important;box-shadow:none!important;background:transparent!important}
body[data-page=login] .form-label,body[data-page=register] .form-label{font-size:12px!important;color:#17191d!important;margin-bottom:7px!important}
body[data-page=login] .form-input,body[data-page=register] .form-input{height:41px!important;background:#fff!important;border:1px solid #d7dbe0!important;border-radius:12px!important;padding:0 16px!important;font-size:14px!important}
body[data-page=login] .form-input::placeholder,body[data-page=register] .form-input::placeholder{color:#9aa3b2}
body[data-page=login] .login-btn,body[data-page=register] .register-btn{height:42px!important;width:100%!important;margin-top:24px!important;font-size:14px!important;font-weight:600!important}
body[data-page=login] .register-link,body[data-page=register] .login-link{position:absolute;top:264px;right:max(12px,calc((100vw - 480px)/2 + 12px));font-size:13px!important;color:var(--bb-purple)!important;text-decoration:none!important}
body[data-page=login] .login-btn{margin-top:46px!important}
/* Home */
body[data-page=index] .header,body[data-page=index] .announcement,body[data-page=index] .quick-actions,body[data-page=index] .vip-section,body[data-page=index] .commission-section,body[data-page=index] .footer-text{display:none!important}
body[data-page=index] .banner-section{padding:0!important}
body[data-page=index] .banner-swiper{height:226px!important;border-radius:0!important}
body[data-page=index] .banner-swiper img{object-fit:cover!important}
body[data-page=index] .section-title{padding:16px 12px 4px!important;font-family:Georgia,serif!important;font-size:24px!important;font-weight:700!important;color:#191919!important;background:#fff!important}
body[data-page=index] .bb-home-desc{padding:2px 12px 14px;color:#747a82;font-size:14px;line-height:1.35}
body[data-page=index] .product-scroll{padding:0 0 12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory}
body[data-page=index] .product-track{gap:12px!important;animation:none!important;display:flex!important;width:max-content!important;padding:0 12px!important}
body[data-page=index] .product-item{flex:0 0 150px!important;width:150px!important;min-width:150px!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;scroll-snap-align:start}
body[data-page=index] .product-item img{height:220px!important;width:150px!important;object-fit:contain!important}
body[data-page=index] .product-title{font-size:12px!important;font-weight:400!important;line-height:1.35!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:8px!important}
body[data-page=index] .product-price{color:var(--bb-orange)!important;font-size:13px!important}
body[data-page=index] .bb-home-promo{display:block;width:100%;height:180px;object-fit:cover;margin:4px 0 20px}
body[data-page=index] .popup-overlay{display:none!important}
/* Account page */
body[data-page=profile] .header{display:none!important}
body[data-page=profile] .main-content{padding:0!important}
.bb-account-head{display:flex;align-items:center;gap:12px;padding:13px 12px 25px;background:#fff}
.bb-avatar{width:48px;height:48px;border-radius:50%;background:var(--bb-purple);flex:none}
.bb-account-name{font-size:14px;font-weight:600}.bb-account-vip{font-size:13px;font-weight:600;color:var(--bb-orange);margin-top:5px}
.bb-wallet{margin:0 12px 16px;padding:14px 12px 12px;border:1px solid var(--bb-border);border-radius:13px;background:var(--bb-gray)}
.bb-wallet-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:17px}
.bb-wallet-top a{color:var(--bb-purple);text-decoration:none;font-size:12px;font-weight:400}
.bb-balance-label{font-size:12px}.bb-balance-value{color:var(--bb-orange);font-size:18px;font-weight:600;margin:3px 0 17px}
.bb-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bb-wallet-actions a{height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;background:var(--bb-purple);color:#fff}
.bb-wallet-actions a:last-child{background:transparent;border:1px solid #ff3333;color:#e11}
.bb-account-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 12px 12px;border-bottom:7px solid var(--bb-gray)}
.bb-account-stats div{min-height:52px;border-left:1px solid var(--bb-border);padding:2px 12px;font-size:12px}
.bb-account-stats b{display:block;color:var(--bb-orange);font-size:14px;margin-top:3px}
.bb-account-menu{padding:4px 12px}
.bb-account-menu a{height:51px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e3e6e9;color:#17191d;text-decoration:none;font-size:14px}
.bb-account-menu svg{width:19px;height:19px;color:#79818a}
/* Order task page */
body[data-page=tasks] .header{position:static!important;padding:12px!important;height:auto!important}
body[data-page=tasks] .header-title{font-size:16px!important}
body[data-page=tasks] .main-content{padding:0 12px 85px!important}
body[data-page=tasks] .main-image{height:180px!important;background:var(--bb-gray)!important;border:1px solid var(--bb-border)!important;border-radius:13px!important;margin:0 4px 16px!important;display:flex;align-items:center;justify-content:center}
body[data-page=tasks] .main-image img{height:125px!important;width:125px!important;object-fit:contain!important}
body[data-page=tasks] .package-badge{background:var(--bb-gray)!important;color:var(--bb-muted)!important;border:1px solid var(--bb-border)!important;border-radius:13px!important;box-shadow:none!important;margin:0 4px 10px!important;padding:10px 12px!important}
body[data-page=tasks] .package-badge-label,body[data-page=tasks] .package-badge-info{font-size:13px!important;color:var(--bb-muted)!important}
body[data-page=tasks] .package-badge-name{color:var(--bb-orange)!important;font-size:15px!important}
body[data-page=tasks] .receive-btn{width:calc(100% - 8px)!important;margin:16px 4px 24px!important;height:45px!important;font-size:14px!important}
body[data-page=tasks] .stats-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0 4px 18px!important}
body[data-page=tasks] .stat-card{display:flex!important;align-items:center!important;gap:5px!important;background:var(--bb-gray)!important;border:1px solid var(--bb-border)!important;border-radius:13px!important;padding:10px 12px!important;min-height:42px!important}
body[data-page=tasks] .stat-icon{display:none!important}
body[data-page=tasks] .stat-label{font-size:13px!important;color:var(--bb-muted)!important}
body[data-page=tasks] .stat-value{font-size:13px!important;color:var(--bb-orange)!important;margin:0!important}
body[data-page=tasks] .operating-steps{background:#f5f1e3!important;border:0!important;border-radius:13px!important;padding:16px!important;margin:24px 0!important;font-size:12px!important;box-shadow:none!important}
body[data-page=tasks] .steps-title{display:none!important}
body[data-page=tasks] .steps-content p:nth-child(n+3){display:none}
body[data-page=tasks] .steps-content p{margin:0 0 6px!important}
body[data-page=tasks] .products-grid{gap:12px!important}
/* History */
body[data-page=orders] .header{height:42px!important;padding:8px 12px!important}
body[data-page=orders] .header-right,body[data-page=orders] .stats-banner{display:none!important}
body[data-page=orders] .status-tabs{background:#fff!important;box-shadow:none!important;border-bottom:1px solid #eee!important}
body[data-page=orders] .status-tab{font-size:12px!important;color:var(--bb-muted)!important;border-radius:0!important;background:#fff!important;white-space:nowrap}
body[data-page=orders] .orders-container{background:var(--bb-gray)!important;padding:8px 0!important}
body[data-page=orders] .order-card{border:0!important;border-radius:0!important;margin:0 0 8px!important;background:#f5f5f5!important;padding:12px!important}
body[data-page=orders] .order-card-header{border:0!important}
body[data-page=orders] .order-status{border-radius:20px!important;font-size:11px!important}
body[data-page=orders] .order-img{width:72px!important;height:72px!important;border-radius:4px!important}
body[data-page=orders] .order-product-name{font-size:13px!important;font-weight:600!important}
body[data-page=orders] .order-price,body[data-page=orders] .order-total strong{color:var(--bb-orange)!important}
/* Support */
body[data-page=support] .header{box-shadow:none!important;width:100%!important;max-width:480px!important}
body[data-page=support] .back-btn{display:none!important}
body[data-page=support] .header-content{justify-content:flex-start!important}
body[data-page=support] .bb-support-main{min-height:calc(100vh - 105px);padding-top:56px}
body[data-page=support] .bb-support-link{display:flex;align-items:center;gap:12px;margin:12px 16px;border:1px solid var(--bb-border);border-radius:13px;padding:14px;color:#17191d;text-decoration:none;font-size:14px}
body[data-page=support] button.bb-support-link{width:calc(100% - 32px);background:#fff;text-align:left;cursor:pointer}
body[data-page=support] .bb-support-link span:last-child{margin-left:auto;color:var(--bb-muted)}
/* Shared secondary screens */
body[data-page] .card,body[data-page] .info-card,body[data-page] .form-card{box-shadow:none!important;border-color:var(--bb-border)!important}
body[data-page] .menu-icon,body[data-page] .icon-box{color:var(--bb-purple)!important}
body[data-page] .mobile-header,body[data-page] .top{background:#fff!important;color:#17191d!important;box-shadow:none!important;border-bottom:1px solid #e9ebed!important}
body[data-page] .filter-tabs,body[data-page] .status-tabs{background:#fff!important;box-shadow:none!important}
body[data-page] .filter-tab.active,body[data-page] .language-option.active{color:var(--bb-purple)!important;border-color:var(--bb-purple)!important}
body[data-page] .balance-card,body[data-page] .info-box{background:var(--bb-gray)!important;color:#17191d!important;border:1px solid var(--bb-border)!important;border-radius:13px!important;box-shadow:none!important}
body[data-page] .balance-amount,body[data-page] .amount-value{color:var(--bb-orange)!important}
body[data-page] .add-btn,body[data-page] .balance-btn,body[data-page] .btn-copy,body[data-page] .modal-btn.confirm{background:var(--bb-purple)!important;color:#fff!important;border-radius:7px!important;box-shadow:none!important}
body[data-page] .menu-list{background:#fff!important}
body[data-page] .menu-list .menu-item{background:#fff!important;border-bottom:1px solid #e9ebed!important;border-radius:0!important}
@media(min-width:481px){body[data-page]{background:#f2f3f5!important}.bb-nav{box-shadow:0 0 12px #0001}}