/* Alpha Gameshop reference UI — clean white + pink reseller storefront */
:root{
  --alpha-pink:#ef35ad;
  --alpha-pink-dark:#dc249a;
  --alpha-purple:#522bb4;
  --alpha-navy:#091329;
  --alpha-text:#111827;
  --alpha-muted:#687386;
  --alpha-line:#e5e7eb;
  --alpha-soft:#f7f8fb;
  --alpha-white:#fff;
  --alpha-shadow:0 3px 12px rgba(15,23,42,.08);
}
html,body{background:#f7f8fb!important;color:var(--alpha-text)!important}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
a{text-decoration:none}
.container{max-width:1180px}

/* public header */
.nv-wrap{background:#fff!important;border-bottom:1px solid #edf0f4!important;box-shadow:none!important;backdrop-filter:none!important}
.nv-bar{height:72px!important}
.nv-logo img{max-height:52px!important;max-width:185px!important}
.nv-wrap .nv-menu nav>ul>li>a{color:#536174!important;font-weight:600!important}
.nv-wrap .nv-menu nav>ul>li>a:hover,.nv-wrap .nv-menu nav>ul>li>a.active,.nv-wrap .nv-menu nav>ul>li.active>a{color:var(--alpha-pink)!important;background:#fff2fb!important}
.nv-wrap .nv-menu nav>ul>li>a.active::after,.nv-wrap .nv-menu nav>ul>li.active>a::after{background:var(--alpha-pink)!important}
.nv-icon-btn{background:#fff!important;color:#3f4b5d!important;border-color:#e7e9ef!important;border-radius:999px!important}
.nv-wallet{background:#fff0fa!important;border:0!important;color:var(--alpha-pink)!important;border-radius:999px!important;padding:10px 14px!important;font-weight:800!important;box-shadow:none!important}
.nv-wallet i{color:var(--alpha-pink)!important}
.nv-profile .profile{width:42px!important;height:42px!important;border:2px solid #f4c6e5!important;border-radius:999px!important;overflow:hidden!important}
.nv-profile .profile img{width:100%!important;height:100%!important;object-fit:cover!important}
.nv-search-input{background:#f7f8fb!important;color:#111827!important;border-color:#e5e7eb!important}
.nv-search-input::placeholder{color:#9aa3b2!important}
.nv-results,.nv-drop{background:#fff!important;border-color:#e8ebf0!important;box-shadow:0 20px 48px rgba(15,23,42,.14)!important}
.nv-drop a,.nv-drop strong,.nv-results .title{color:#1f2937!important}
.nv-user-head span,.nv-results .sub-title{color:#7b8493!important}

/* homepage slider */
.gc-slider{background:#f7f8fb!important;padding:22px 0 12px!important}
.gc-shell::before{display:none!important}
.gc-slide{background:#fff!important;border:1px solid #e7e9ee!important;border-radius:20px!important;box-shadow:0 3px 14px rgba(15,23,42,.07)!important}
.gc-veil{display:none!important}
.gc-dots .swiper-pagination-bullet{background:#d7dae1!important}
.gc-dots .swiper-pagination-bullet-active{background:var(--alpha-pink)!important}
.gc-progress{display:none!important}

/* homepage products */
.trending-game-section{background:#fff!important;padding:44px 0 110px!important}
.tg-head{justify-content:center!important;text-align:center!important;margin-bottom:28px!important}
.tg-head-left{width:100%}
.tg-eyebrow,.tg-sub,.tg-search{display:none!important}
.tg-title{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(28px,3vw,40px)!important;color:#070b17!important;font-weight:700!important;margin:0!important}
.tg-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important}
.tg-card{background:#fff!important;border:1px solid #e3e6eb!important;border-radius:18px!important;box-shadow:0 2px 7px rgba(15,23,42,.06)!important;overflow:hidden!important;transform:none!important}
.tg-card:hover{border-color:#d9dce3!important;box-shadow:0 5px 14px rgba(15,23,42,.11)!important;transform:translateY(-2px)!important}
.tg-thumb{aspect-ratio:1/1!important;margin:10px 10px 0!important;border-radius:13px!important;background:#f4f5f8!important}
.tg-thumb img{border-radius:13px!important}
.tg-overlay,.tg-shine,.tg-meta{display:none!important}
.tg-body{padding:11px 8px 13px!important;text-align:center!important}
.tg-name{color:#344054!important;font-family:Georgia,"Times New Roman",serif!important;font-size:15px!important;font-weight:700!important;min-height:0!important;-webkit-line-clamp:2!important}
.tg-name:hover{color:var(--alpha-pink)!important}

/* public mobile bottom nav */
.alpha-mobile-nav{display:none}
.alpha-account-drawer{display:none}
.alpha-drawer-backdrop{display:none}

/* dashboard shell */
.dashboard-wrapper,.dashboard-container,.main{background:#f7f8fb!important}
.header{background:#fff!important;border-bottom:1px solid #e9ebf0!important;box-shadow:none!important}
.header .search-bar{display:none!important}
.header .header-nav .nav-profile img{border:2px solid #edd4e7!important}
.header .header-nav .nav-profile span{color:#1f2937!important}
.sidebar{background:#fff!important;border-right:1px solid #e7e9ef!important;box-shadow:none!important}
.sidebar .logo-container{border-bottom:1px solid #eceef2!important}
.sidebar-nav .nav-link{color:#566273!important;border-radius:12px!important}
.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:#fff0fa!important;color:var(--alpha-pink)!important}
.sidebar-nav .nav-link i{color:inherit!important}
.main-wrapper{padding-bottom:90px!important}
.card{background:#fff!important;border:1px solid #e3e6ec!important;box-shadow:0 2px 9px rgba(15,23,42,.05)!important;border-radius:18px!important}
.form-control,.form-select,.select2-container--default .select2-selection--single{background:#fff!important;color:#1f2937!important;border:1px solid #dfe3e8!important;border-radius:12px!important}
.form-label{color:#526072!important;font-weight:600!important}
.cmn-btn,.cmn-btn2,.cmn-btn3{background:var(--alpha-pink)!important;border-color:var(--alpha-pink)!important;color:#fff!important;border-radius:12px!important}

/* Account cards used by dashboard/profile */
.alpha-account-wrap{max-width:980px;margin:18px auto 0}
.alpha-profile-card{background:#fff;border:1px solid #dfe3e9;border-radius:20px;padding:26px;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.alpha-profile-head{display:flex;align-items:center;gap:18px;position:relative;padding-right:100px}
.alpha-avatar{width:78px;height:78px;border-radius:50%;overflow:hidden;background:var(--alpha-purple);display:grid;place-items:center;color:#fff;font-size:34px;border:4px solid #f3ebff;flex:0 0 auto}
.alpha-avatar img{width:100%;height:100%;object-fit:cover}
.alpha-profile-name{font-size:28px;font-weight:800;color:#111827;line-height:1.12;margin:0 0 3px}
.alpha-profile-email{font-size:15px;color:#697386;text-decoration:underline;text-underline-offset:4px}
.alpha-profile-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 11px;border:1px solid #e5e7eb;border-radius:999px;color:#566273;font-weight:700;font-size:13px;background:#fff}
.alpha-profile-badge i{color:#18b981}
.alpha-logout{position:absolute;right:0;top:4px;color:#e43b43;font-weight:700;display:inline-flex;gap:8px;align-items:center}
.alpha-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.alpha-stat{border:1px solid #dfe3e9;border-radius:17px;padding:22px;background:#fff;min-height:130px;box-shadow:0 2px 6px rgba(15,23,42,.05)}
.alpha-stat-label{display:flex;align-items:center;gap:9px;color:#667387;font-size:15px;margin-bottom:9px}
.alpha-stat-value{font-size:30px;line-height:1;font-weight:850;color:#050b18}
.alpha-stat-value.pink{color:var(--alpha-pink)}
.alpha-quick-tabs{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px;margin:22px 0;background:#f4f6f9;border:1px solid #e0e4ea;border-radius:999px;overflow:auto}
.alpha-quick-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-width:max-content;padding:9px 13px;border-radius:999px;color:#667386;font-weight:700;font-size:14px}
.alpha-quick-tabs a:hover,.alpha-quick-tabs a.active{background:#fff;color:var(--alpha-pink);box-shadow:0 1px 5px rgba(15,23,42,.06)}
.alpha-section-card{background:#fff;border:1px solid #e0e4e9;border-radius:18px;padding:24px;box-shadow:0 2px 7px rgba(15,23,42,.04)}
.alpha-section-title{font-size:20px;font-weight:800;color:#111827;margin-bottom:18px}

/* responsive */
@media(max-width:991.98px){
 .tg-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .nv-menu,.nv-search-item,.nv-cart{display:none!important}
}
@media(max-width:767.98px){
 body{padding-bottom:78px!important}
 .nv-wrap{position:sticky!important;top:0!important}
 .nv-bar{height:76px!important;gap:8px!important}
 .nv-logo{margin-right:auto!important}
 .nv-logo img{max-width:145px!important;max-height:52px!important}
 .nv-actions{gap:6px!important}
 .nv-actions .nav-item.d-lg-none{display:none!important}
 .nv-wallet{padding:10px 13px!important;font-size:16px!important}
 .nv-wallet .nv-wallet-amount{white-space:nowrap!important}
 .nv-profile .profile{width:42px!important;height:42px!important}
 .nv-profile .nv-user-drop{display:none!important}
 .trending-game-section{padding:36px 0 96px!important}
 .tg-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
 .tg-card{border-radius:14px!important}
 .tg-thumb{margin:8px 8px 0!important;border-radius:11px!important}
 .tg-name{font-size:13px!important}
 .gc-slider{padding:14px 0 8px!important}
 .gc-slide{aspect-ratio:16/7.2!important;border-radius:18px!important}
 .gc-dots{margin-top:9px!important}
 .alpha-mobile-nav{position:fixed;display:grid;grid-template-columns:1fr 1fr 1.18fr 1fr 1fr;left:0;right:0;bottom:0;z-index:1055;background:#fff;border-top:1px solid #e5e7eb;border-radius:22px 22px 0 0;box-shadow:0 -7px 25px rgba(15,23,42,.09);padding:8px 10px max(8px,env(safe-area-inset-bottom));pointer-events:auto!important;touch-action:manipulation}
 .alpha-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#697386;font-size:11px;font-weight:700;min-height:55px;pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:1}
 .alpha-mobile-nav a i{font-size:22px}
 .alpha-mobile-nav a.active,.alpha-mobile-nav a:hover{color:var(--alpha-pink)}
 .alpha-mobile-nav .alpha-add{width:68px;height:68px;margin:-28px auto 0;background:var(--alpha-pink);color:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 13px rgba(239,53,173,.3);font-size:0}
 .alpha-mobile-nav .alpha-add i{font-size:34px}
 .alpha-drawer-backdrop{position:fixed;display:none;inset:0;z-index:1090;background:rgba(0,0,0,.72)}
 .alpha-drawer-backdrop.open{display:block}
 .alpha-account-drawer{position:fixed;display:block;z-index:1100;top:0;right:0;bottom:0;width:min(75vw,390px);background:#fff;transform:translateX(105%);transition:transform .25s ease;padding:76px 28px 28px;box-shadow:-12px 0 35px rgba(15,23,42,.15)}
 .alpha-account-drawer.open{transform:translateX(0)}
 .alpha-drawer-close{position:absolute;right:20px;top:22px;background:none;border:0;font-size:24px;color:#4b5563}
 .alpha-drawer-user{display:flex;align-items:center;gap:13px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}
 .alpha-drawer-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--alpha-purple);color:#fff;display:grid;place-items:center;font-size:23px;flex:0 0 auto}
 .alpha-drawer-avatar img{width:100%;height:100%;object-fit:cover}
 .alpha-drawer-user strong{display:block;font-size:20px;color:#111827}
 .alpha-drawer-user span{display:block;color:#697386;text-decoration:underline;text-underline-offset:3px;margin-top:3px}
 .alpha-drawer-links{padding-top:26px;display:flex;flex-direction:column;gap:7px}
 .alpha-drawer-links a{display:flex;align-items:center;gap:16px;padding:14px 12px;border-radius:10px;color:#374151;font-size:17px}
 .alpha-drawer-links a i{width:22px;text-align:center;font-size:21px}
 .alpha-drawer-links a.active,.alpha-drawer-links a:hover{background:#f0f1f4;color:#111827}
 .alpha-drawer-links .logout-link{margin-top:13px;color:#e43b43}

 /* user dashboard mobile behaves like screenshot */
 .dashboard-wrapper{padding-bottom:78px!important}
 .header{height:76px!important;padding:0 14px!important;left:0!important;background:#fff!important}
 .header .toggle-sidebar-btn{display:none!important}
 .header:before{content:"";display:block;width:145px;height:52px;background:url('/assets/upload/logo.png') center/contain no-repeat}
 .header-nav{margin-left:auto!important}
 .header .nav-profile span{display:none!important}
 .header .nav-profile img{width:42px!important;height:42px!important}
 .sidebar{right:0!important;left:auto!important;transform:translateX(105%)!important;width:min(78vw,390px)!important;top:0!important;height:100vh!important;padding-top:85px!important;z-index:1090!important}
 body.toggle-sidebar .sidebar,.toggle-sidebar .sidebar{transform:translateX(0)!important}
 .main{margin-left:0!important;padding:12px!important}
 .bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;left:0!important;right:0!important;padding:7px 8px max(8px,env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;background:#fff!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -7px 25px rgba(15,23,42,.09)!important;z-index:1080!important;pointer-events:auto!important;touch-action:manipulation}
 .bottom-nav .nav-item{display:block!important}
 .bottom-nav .nav-link{height:56px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;color:#697386!important;font-size:11px!important;border-radius:12px!important;pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:1}
 .bottom-nav .nav-link i{font-size:22px!important}
 .bottom-nav .nav-link.active{color:var(--alpha-pink)!important;background:transparent!important}
 .alpha-profile-card{padding:22px 18px;border-radius:17px}
 .alpha-profile-head{padding-right:0;align-items:flex-start}
 .alpha-avatar{width:68px;height:68px;font-size:29px}
 .alpha-profile-name{font-size:24px}
 .alpha-logout{position:static;margin-left:auto;font-size:0}
 .alpha-logout i{font-size:22px}
 .alpha-stat{padding:18px 16px;min-height:118px}
 .alpha-stat-value{font-size:25px}
 .alpha-quick-tabs{border-radius:18px;justify-content:flex-start}
 .alpha-section-card{padding:18px 14px}
 .pagetitle{display:none!important}
}
@media(max-width:420px){
 .tg-grid{gap:9px!important}
 .tg-name{font-size:12px!important}
 .alpha-stat-grid{gap:11px}
 .alpha-stat-label{font-size:13px}
 .alpha-stat-value{font-size:22px}
 .alpha-profile-email{font-size:13px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.alpha-user-logo{display:flex;align-items:center;min-width:150px}.alpha-user-logo img{max-width:170px;max-height:54px;object-fit:contain}
.alpha-user-wallet{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#fff0fa;color:var(--alpha-pink)!important;font-weight:800}.alpha-user-wallet b{display:grid;place-items:center;width:32px;height:32px;margin:-8px -10px -8px 4px;border-radius:50%;background:var(--alpha-pink);color:#fff;font-size:20px}.alpha-dashboard-add{position:relative;background:var(--alpha-pink)!important;color:#fff!important;width:68px!important;height:68px!important;border:4px solid #fff!important;border-radius:50%!important;margin:-31px auto 0!important;box-shadow:0 4px 13px rgba(239,53,173,.3)!important}.alpha-dashboard-add span{position:absolute;top:69px;color:#697386;font-size:11px;white-space:nowrap}.alpha-dashboard-add i{font-size:32px!important}
@media(max-width:767.98px){.header:before{display:none!important}.alpha-user-logo{display:flex!important;margin-right:auto}.alpha-user-logo img{max-width:145px;max-height:52px}.alpha-user-wallet{font-size:14px;padding:8px 11px}.alpha-user-wallet b{width:28px;height:28px}.bottom-nav .alpha-dashboard-add.active{color:#fff!important}}
.gc-slide img{object-fit:cover!important}

/* Alpha Gameshop client revisions — wallet, mobile account drawer and orders */
.alpha-user-wallet-group{display:flex;align-items:center;background:#fff0fa;border-radius:999px;overflow:hidden}
.alpha-user-wallet-group .alpha-user-wallet{border-radius:999px 0 0 999px!important;padding-right:8px!important}
.alpha-wallet-plus{width:36px;height:36px;margin-right:4px;border-radius:50%;display:grid;place-items:center;background:var(--alpha-pink);color:#fff!important;font-size:17px;flex:0 0 auto}
.alpha-mobile-profile-btn{border:0;background:transparent;padding:0;display:grid;place-items:center}
.alpha-mobile-profile-btn img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #edd4e7}
.alpha-user-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(3,7,18,.65);z-index:1198;opacity:0;transition:opacity .2s ease}
.alpha-user-drawer-backdrop.open{display:block;opacity:1}
.alpha-user-drawer{position:fixed;top:0;right:0;bottom:0;width:min(76vw,390px);background:#fff;z-index:1199;transform:translateX(105%);transition:transform .24s ease;box-shadow:-14px 0 34px rgba(15,23,42,.18);padding:78px 28px 28px;display:flex;flex-direction:column}
.alpha-user-drawer.open{transform:translateX(0)}
.alpha-user-drawer-close{position:absolute;right:20px;top:20px;border:0;background:none;color:#4b5563;font-size:24px;padding:4px}
.alpha-user-drawer-head{display:flex;align-items:center;gap:13px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}
.alpha-user-drawer-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--alpha-purple);border:3px solid #f1e9ff;flex:0 0 auto}
.alpha-user-drawer-avatar img{width:100%;height:100%;object-fit:cover}
.alpha-user-drawer-person{min-width:0}.alpha-user-drawer-person strong{display:block;color:#111827;font-size:19px;line-height:1.2}.alpha-user-drawer-person span{display:block;color:#6b7280;font-size:14px;margin-top:4px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alpha-user-drawer-links{display:flex;flex-direction:column;gap:7px;padding-top:24px}.alpha-user-drawer-links a{display:flex;align-items:center;gap:15px;padding:14px 13px;border-radius:11px;color:#374151;font-size:17px}.alpha-user-drawer-links a i{width:23px;text-align:center;font-size:21px}.alpha-user-drawer-links a:hover,.alpha-user-drawer-links a.active{background:#f0f1f4;color:#111827}
.alpha-user-drawer-logout{margin-top:18px;display:flex;align-items:center;gap:15px;padding:14px 13px;color:#e43b43!important;font-size:17px}.alpha-user-drawer-logout i{width:23px;text-align:center;font-size:21px}
.alpha-account-menu-open{overflow:hidden!important}

/* dedicated wallet page */
.alpha-wallet-page{max-width:930px;margin:18px auto 0;display:flex;flex-direction:column;gap:18px}
.alpha-wallet-hero{background:linear-gradient(135deg,#15192b,#272d48);border-radius:22px;padding:26px;color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.16)}
.alpha-wallet-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.alpha-wallet-kicker{display:flex;align-items:center;gap:8px;color:#d7dced;font-size:14px;font-weight:700}.alpha-wallet-hero h1{margin:8px 0 5px;color:#fff;font-size:36px;font-weight:850}.alpha-wallet-hero p{margin:0;color:#b9c1d7;font-size:14px}.alpha-wallet-add{display:inline-flex;align-items:center;gap:8px;background:var(--alpha-pink);color:#fff!important;padding:11px 15px;border-radius:13px;font-weight:800;white-space:nowrap}.alpha-wallet-owner{display:flex;align-items:center;gap:11px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.alpha-wallet-owner-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden}.alpha-wallet-owner-avatar img{width:100%;height:100%;object-fit:cover}.alpha-wallet-owner strong{display:block;color:#fff;font-size:14px}.alpha-wallet-owner span{display:block;color:#aeb7cc;font-size:12px;margin-top:2px}
.alpha-wallet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.alpha-wallet-actions a{display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center;background:#fff;border:1px solid #e1e5eb;border-radius:16px;padding:16px;color:#111827;box-shadow:0 2px 7px rgba(15,23,42,.04)}.alpha-wallet-actions a>i{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#fff0fa;color:var(--alpha-pink);display:grid;place-items:center;font-size:20px}.alpha-wallet-actions strong{font-size:14px}.alpha-wallet-actions span{font-size:12px;color:#7a8495;margin-top:1px}
.alpha-wallet-card{background:#fff;border:1px solid #e1e5eb;border-radius:18px;padding:20px;box-shadow:0 2px 7px rgba(15,23,42,.04)}.alpha-wallet-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.alpha-wallet-card-head h2{margin:0;color:#111827;font-size:18px;font-weight:800}.alpha-wallet-card-head a{color:var(--alpha-pink);font-weight:700;font-size:13px}.alpha-wallet-list{display:flex;flex-direction:column}.alpha-wallet-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #eef0f3}.alpha-wallet-row:first-child{border-top:0}.alpha-wallet-row-icon{width:38px;height:38px;border-radius:11px;background:#f4f6f9;color:#667085;display:grid;place-items:center;flex:0 0 auto}.alpha-wallet-row-main{min-width:0;flex:1}.alpha-wallet-row-main strong{display:block;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alpha-wallet-row-main span{display:block;color:#98a1b2;font-size:12px;margin-top:2px}.alpha-wallet-row-amount{font-weight:800;font-size:14px;color:#ef4444}.alpha-wallet-row-amount.credit{color:#10a66a}.alpha-wallet-empty{padding:34px 16px;text-align:center;color:#7b8494;display:flex;flex-direction:column;align-items:center}.alpha-wallet-empty i{font-size:30px;color:#c0c6d0;margin-bottom:8px}.alpha-wallet-empty strong{color:#394150}.alpha-wallet-empty span{font-size:13px;margin-top:3px}

@media(max-width:767.98px){
 .alpha-user-header{gap:8px!important}.alpha-user-logo{min-width:0!important;flex:1}.alpha-user-logo img{max-width:116px!important}.alpha-top-actions{gap:7px!important}.alpha-wallet-nav-item{display:block!important}.alpha-user-wallet-group{max-width:155px}.alpha-user-wallet{font-size:12px!important;padding:7px 6px 7px 9px!important;gap:5px!important}.alpha-user-wallet span{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alpha-wallet-plus{width:30px;height:30px;font-size:15px;margin-right:3px}.header-nav .notifications{display:none!important}.alpha-mobile-profile-btn img{width:40px;height:40px}
 .alpha-user-drawer{display:flex;width:min(78vw,350px);padding:72px 24px 24px}
 .alpha-wallet-page{margin:3px 0 0;gap:12px}.alpha-wallet-hero{padding:20px 17px;border-radius:18px}.alpha-wallet-hero-top{align-items:center}.alpha-wallet-hero h1{font-size:31px}.alpha-wallet-hero p{font-size:12px}.alpha-wallet-add{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%}.alpha-wallet-add span{display:none}.alpha-wallet-owner{margin-top:22px}.alpha-wallet-actions{grid-template-columns:1fr;gap:9px}.alpha-wallet-actions a{padding:13px 14px}.alpha-wallet-card{padding:16px 14px;border-radius:16px}
}
@media(min-width:768px){.alpha-user-drawer,.alpha-user-drawer-backdrop{display:none!important}}


/* ======================================================================
   Alpha Gameshop unified global theme
   One palette across storefront, forms, modals, account pages and dashboard.
   ====================================================================== */
:root{
  --primary-color:239,53,173!important;
  --body-color:#687386!important;
  --heading-color:17,24,39!important;
  --bg-color1:#f7f8fb!important;
  --bg-color2:#ffffff!important;
  --bg-color3:#fff5fb!important;
  --bg-color4:#f4eef8!important;
  --border-color1:#e5e7eb!important;
  --border-color2:#edf0f4!important;
  --input-color:#ffffff!important;
  --input-color2:#ffffff!important;
  --btn-hover-bg2:#d92498!important;
  --soft-blue:#f7d9ec!important;
  --soft-magenta:239,53,173!important;
}
html,body,.dashboard-wrapper,.dashboard-container{background:#f7f8fb!important;color:#687386!important}
body,body p,.body-color{color:#687386!important}
h1,h2,h3,h4,h5,h6,.heading-color,.title{color:#111827}

/* main accent system */
a:hover,.text-primary,.text-base,.text-purple,.primary-color{color:#ef35ad!important}
.cmn-btn,.btn-primary,.cmn-btn2.active,.nav-pills .nav-link.active,.pagination .page-item.active .page-link,
.form-check-input:checked,.switch input:checked + .slider,.badge-primary,.bg-primary{
  background:#ef35ad!important;border-color:#ef35ad!important;color:#fff!important;
}
.cmn-btn:hover,.btn-primary:hover{background:#d92498!important;border-color:#d92498!important;color:#fff!important}
.cmn-btn2{border-color:#ef35ad!important;color:#ef35ad!important;background:#fff!important}
.cmn-btn2:hover{background:#fff0fa!important;color:#d92498!important}

/* surfaces */
.cmn-box,.card,.modal-content,.dropdown-menu,.payment-box,.checkout-box,.profile-box2,.search-result,
.table-responsive,.transaction-box,.support-box,.account-settings-profile-section,.dashboard-card{
  background:#fff!important;border-color:#e5e7eb!important;color:#111827!important;
}
section,.section-header,.section-title{border-color:#edf0f4}

/* forms: remove remaining dark/purple controls globally */
.form-control,.form-select,.select2-container--default .select2-selection--single,.nice-select,textarea,input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="search"]{
  background:#fff!important;color:#111827!important;border-color:#dfe3e8!important;
}
.form-control:focus,.form-select:focus,.select2-container--focus .select2-selection--single{
  border-color:#ef35ad!important;box-shadow:0 0 0 3px rgba(239,53,173,.12)!important;
}
.form-control::placeholder,textarea::placeholder,input::placeholder{color:#9aa3b2!important}
select option,.select2-dropdown{background:#fff!important;color:#111827!important}

/* tables / tabs / accordion */
.table,.table td,.table th{color:#334155!important;border-color:#edf0f4!important}
.table thead th{background:#fff7fc!important;color:#111827!important}
.nav-tabs{border-color:#e5e7eb!important}.nav-tabs .nav-link{color:#687386!important}.nav-tabs .nav-link.active{color:#ef35ad!important;border-color:#e5e7eb #e5e7eb #fff!important;background:#fff!important}
.accordion-item,.accordion-button{background:#fff!important;color:#111827!important;border-color:#e5e7eb!important}.accordion-button:not(.collapsed){background:#fff0fa!important;color:#d92498!important}

/* dashboard shell */
.header,.sidebar,.bottom-nav{background:#fff!important;border-color:#e5e7eb!important}
.header{box-shadow:0 2px 14px rgba(15,23,42,.06)!important}
.sidebar .nav-link,.sidebar-nav .nav-link{color:#5f6b7c!important}
.sidebar .nav-link:hover,.sidebar .nav-link.active,.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:#fff0fa!important;color:#ef35ad!important}
.sidebar .nav-link i,.sidebar-nav .nav-link i{color:inherit!important}
.main,.main-wrapper{background:#f7f8fb!important}

/* badges / statuses keep semantic meanings, but default brand badges are pink */
.badge:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info):not(.text-bg-success):not(.text-bg-danger):not(.text-bg-warning):not(.text-bg-info){border-color:transparent}

/* modals and overlays */
.modal-backdrop{background:#111827!important}.modal-header,.modal-footer{border-color:#edf0f4!important}.btn-close{filter:none!important}

/* footer and public page sections: light, unified with storefront */
.footer-section,.footer-area,footer{background:#fff!important;color:#687386!important;border-top:1px solid #edf0f4!important}
.footer-section h1,.footer-section h2,.footer-section h3,.footer-section h4,.footer-section h5,.footer-section h6,.footer-area h1,.footer-area h2,.footer-area h3,.footer-area h4,.footer-area h5,.footer-area h6,footer h1,footer h2,footer h3,footer h4,footer h5,footer h6{color:#111827!important}
.footer-section a,.footer-area a,footer a{color:#687386!important}.footer-section a:hover,.footer-area a:hover,footer a:hover{color:#ef35ad!important}

/* kill old decorative violet/green brand accents where components inherit them */
.progress-bar,.swiper-pagination-bullet-active,.owl-dot.active span{background:#ef35ad!important}
::selection{background:#ef35ad;color:#fff}

/* mobile polish */
@media(max-width:767.98px){
  .modal-dialog{margin:.75rem!important}.modal-content{border-radius:18px!important}
  .main-wrapper{padding-bottom:84px!important}
}

/* ======================================================================
   Alpha mobile bottom navigation — isolated from Bootstrap .nav/.fixed-bottom
   to avoid inherited layout/click issues on phones.
   ====================================================================== */
.alpha-bottom-nav{display:none}
@media(max-width:1199.98px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .main-wrapper{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}

  .alpha-bottom-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    z-index:2147483000!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end!important;
    height:68px!important;
    margin:0!important;
    padding:6px 6px 5px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid #e6e9ef!important;
    border-radius:22px!important;
    box-shadow:0 10px 32px rgba(15,23,42,.16)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    isolation:isolate!important;
    overflow:visible!important;
  }
  .alpha-bottom-nav::before{content:none!important;display:none!important}
  .alpha-bottom-link{
    position:relative!important;
    z-index:2!important;
    min-width:0!important;
    height:56px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:4px 2px!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#6b7484!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    font-weight:700!important;
    text-align:center!important;
    text-decoration:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
  }
  .alpha-bottom-link>i{
    display:block!important;
    font-size:20px!important;
    line-height:1!important;
    color:inherit!important;
    margin:0!important;
  }
  .alpha-bottom-link>span:not(.alpha-bottom-add-circle):not(.alpha-bottom-add-label){
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .alpha-bottom-link.active,
  .alpha-bottom-link:hover,
  .alpha-bottom-link:focus-visible{
    color:var(--alpha-pink)!important;
    background:#fff2fb!important;
  }

  .alpha-bottom-add{
    height:64px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    padding:0 2px!important;
    background:transparent!important;
  }
  .alpha-bottom-add:hover,
  .alpha-bottom-add.active,
  .alpha-bottom-add:focus-visible{background:transparent!important;color:var(--alpha-pink)!important}
  .alpha-bottom-add-circle{
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
    display:grid!important;
    place-items:center!important;
    margin-top:-24px!important;
    border:4px solid #fff!important;
    border-radius:50%!important;
    background:var(--alpha-pink)!important;
    color:#fff!important;
    box-shadow:0 6px 16px rgba(239,53,173,.28)!important;
    pointer-events:none!important;
  }
  .alpha-bottom-add-circle i{font-size:27px!important;line-height:1!important;color:#fff!important}
  .alpha-bottom-add-label{
    display:block!important;
    margin-top:3px!important;
    color:#6b7484!important;
    font-size:10.5px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  .alpha-bottom-add.active .alpha-bottom-add-label{color:var(--alpha-pink)!important}
}
@media(max-width:380px){
  .alpha-bottom-nav{left:6px!important;right:6px!important;border-radius:19px!important}
  .alpha-bottom-link{font-size:9.5px!important}
  .alpha-bottom-link>i{font-size:19px!important}
  .alpha-bottom-add-label{font-size:9.5px!important}
  .alpha-bottom-add-circle{width:54px!important;height:54px!important;flex-basis:54px!important}
}
@media(max-width:1199.98px){
  .bottom-nav:not(.alpha-bottom-nav){display:none!important}
}

/* ======================================================================
   Alpha mobile shell v4 — shared across storefront + every user Blade.
   The page canvas is intentionally light grey; only actual cards are white.
   This final block wins over legacy dashboard and inline theme rules.
   ====================================================================== */
:root{
  --alpha-page:#eef1f5;
  --alpha-surface:#ffffff;
  --alpha-border:#e1e5eb;
  --alpha-muted:#667386;
  --alpha-pink:#ef35ad;
}

/* User area canvas: stop legacy .main-wrapper/--bg-color2 from producing a
   full-screen white sheet on mobile. */
.dashboard-wrapper,
.dashboard-container,
#main,
.main,
.main-wrapper{
  background:var(--alpha-page)!important;
}

@media(max-width:1199.98px){
  html,
  body:has(.dashboard-wrapper),
  .dashboard-wrapper,
  .dashboard-container,
  #main,
  .main,
  .main-wrapper{
    background:var(--alpha-page)!important;
  }
  .dashboard-wrapper{
    margin:0!important;
    border-radius:0!important;
    min-height:100vh!important;
  }
  #main,.main{
    min-height:100vh!important;
  }
  .main-wrapper{
    width:100%!important;
    max-height:none!important;
    min-height:100vh!important;
    overflow:visible!important;
    border-radius:0!important;
    padding:92px 12px calc(102px + env(safe-area-inset-bottom))!important;
  }
  .pagetitle{background:transparent!important}

  /* Shared bottom bar. No Bootstrap .nav/.fixed-bottom dependency. */
  .alpha-mobile-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    z-index:2147483000!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end!important;
    height:70px!important;
    margin:0!important;
    padding:7px 6px 6px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid var(--alpha-border)!important;
    border-radius:22px!important;
    box-shadow:0 10px 32px rgba(15,23,42,.16)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
    overflow:visible!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    isolation:isolate!important;
  }
  .alpha-mobile-nav>a{
    position:relative!important;
    z-index:3!important;
    min-width:0!important;
    min-height:56px!important;
    height:56px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    margin:0!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#687386!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:750!important;
    text-decoration:none!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .alpha-mobile-nav>a>i{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-size:21px!important;
    line-height:1!important;
  }
  .alpha-mobile-nav>a>span{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .alpha-mobile-nav>a.active,
  .alpha-mobile-nav>a:hover,
  .alpha-mobile-nav>a:focus-visible{
    color:var(--alpha-pink)!important;
    background:#fff2fb!important;
  }
  .alpha-mobile-nav .alpha-add{
    width:auto!important;
    height:64px!important;
    min-height:64px!important;
    margin:0!important;
    padding:0 2px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    background:transparent!important;
    color:#687386!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-size:10.5px!important;
  }
  .alpha-mobile-nav .alpha-add::before{
    content:"";
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
    display:block!important;
    margin:-25px auto 3px!important;
    border:4px solid #fff!important;
    border-radius:50%!important;
    background:var(--alpha-pink)!important;
    box-shadow:0 7px 18px rgba(239,53,173,.30)!important;
    pointer-events:none!important;
  }
  .alpha-mobile-nav .alpha-add>i{
    position:absolute!important;
    top:-12px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:2!important;
    color:#fff!important;
    font-size:29px!important;
    pointer-events:none!important;
  }
  .alpha-mobile-nav .alpha-add>span{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:4px!important;
    text-align:center!important;
    color:#687386!important;
    font-size:10.5px!important;
    font-weight:750!important;
    pointer-events:none!important;
  }
  .alpha-mobile-nav .alpha-add.active>span{color:var(--alpha-pink)!important}

  /* Shared account drawer available from the same bottom menu on every page. */
  .alpha-drawer-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483001!important;
    display:block!important;
    background:rgba(9,15,27,.58)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility .22s ease!important;
  }
  .alpha-drawer-backdrop.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .alpha-account-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147483002!important;
    display:block!important;
    width:min(86vw,390px)!important;
    padding:72px 24px 28px!important;
    background:#fff!important;
    border-radius:24px 0 0 24px!important;
    box-shadow:-18px 0 50px rgba(15,23,42,.18)!important;
    transform:translate3d(105%,0,0)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .25s ease,visibility .25s ease!important;
    overflow-y:auto!important;
  }
  .alpha-account-drawer.open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* Old nightfall mobile bar must never stack underneath the shared one. */
  .bottom-nav:not(.alpha-mobile-nav),
  .alpha-bottom-nav{
    display:none!important;
  }
}

@media(max-width:575.98px){
  .alpha-mobile-nav{left:7px!important;right:7px!important;border-radius:20px!important}
  .main-wrapper{padding-left:10px!important;padding-right:10px!important}
}

/* Order history: outer wrapper stays transparent on the grey canvas. */
@media(max-width:767.98px){
  .alpha-orders-card,
  .alpha-orders-card.card,
  .alpha-orders-card>.card-body{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .alpha-orders-card>.card-body{padding:0!important}
}


/* ======================================================================
   Alpha UI final consistency pass — checkout, desktop dashboard and mobile.
   Scoped to .alpha-theme so legacy admin/theme pages are not affected.
   ====================================================================== */
.alpha-theme{
  --primary-color:239,53,173!important;
  --heading-color:#111827!important;
  --body-color:#667386!important;
  --bg-color1:#f5f7fa!important;
  --bg-color2:#ffffff!important;
  --bg-color3:#fff4fb!important;
  --input-color:#ffffff!important;
  --border-color1:#e2e7ee!important;
  --border-color2:#edf0f4!important;
  background:#f5f7fa!important;
  color:#667386!important;
}
.alpha-theme .main,
.alpha-theme .main-wrapper,
.alpha-theme .dashboard-wrapper,
.alpha-theme .dashboard-container{background:#f5f7fa!important}
.alpha-theme .header{background:#fff!important;border-bottom:1px solid #e8ebf0!important}
.alpha-theme .sidebar{background:#fff!important;border-color:#e8ebf0!important}
.alpha-theme .sidebar .logo-container{background:#fff!important;border-color:#edf0f4!important}
.alpha-theme .sidebar-nav .nav-link,
.alpha-theme .sidebar-nav .nav-content a{color:#5f6b7c!important}
.alpha-theme .sidebar-nav .nav-link:hover,
.alpha-theme .sidebar-nav .nav-link.active,
.alpha-theme .sidebar-nav .nav-content a:hover,
.alpha-theme .sidebar-nav .nav-content a.active{background:#fff0fa!important;color:#ef35ad!important}
.alpha-theme .card,
.alpha-theme .cmn-box,
.alpha-theme .modal-content,
.alpha-theme .dropdown-menu{background:#fff!important;border-color:#e2e7ee!important;color:#111827!important}
.alpha-theme .form-control,
.alpha-theme .form-select,
.alpha-theme .nice-select,
.alpha-theme .select2-selection{background:#fff!important;color:#111827!important;border-color:#dfe4eb!important}
.alpha-theme .form-control::placeholder{color:#99a2b1!important}
.alpha-theme h1,.alpha-theme h2,.alpha-theme h3,.alpha-theme h4,.alpha-theme h5,.alpha-theme h6{color:#111827}
.alpha-avatar{position:relative}
.alpha-avatar-letter{position:absolute;inset:0;place-items:center;background:#522bb4;color:#fff;font-size:30px;font-weight:800}

/* Desktop account area: balanced shell instead of oversized old dashboard chrome. */
@media(min-width:1200px){
  .alpha-theme .header{left:280px!important;height:72px!important;padding:0 22px!important}
  .alpha-theme .sidebar{width:260px!important;top:18px!important;left:18px!important;bottom:18px!important;height:calc(100vh - 36px)!important;border:1px solid #e2e7ee!important;border-radius:24px!important;box-shadow:0 8px 28px rgba(15,23,42,.06)!important;overflow:auto!important}
  .alpha-theme .sidebar .logo-container{height:126px!important;padding:18px!important}
  .alpha-theme .sidebar .logo img{max-width:138px!important;max-height:92px!important;object-fit:contain!important}
  .alpha-theme .sidebar-nav{padding:12px 14px 24px!important}
  .alpha-theme .sidebar-nav .nav-link{min-height:44px!important;padding:10px 13px!important;margin-bottom:3px!important}
  .alpha-theme .main{margin-left:280px!important;padding:92px 22px 34px!important}
  .alpha-theme .main-wrapper{max-width:1120px!important;margin:0 auto!important;padding:0!important;background:transparent!important}
  .alpha-theme .alpha-account-wrap{max-width:100%!important;margin:0!important}
  .alpha-theme .alpha-profile-card{border-radius:22px!important;padding:28px!important}
}

/* Checkout/payment page must stay readable after global light-theme overrides. */
.alpha-theme .pc-wrap{background:#f5f7fa!important;color:#667386!important}
.alpha-theme .pc-card,
.alpha-theme .pc-modal .modal-content,
.alpha-theme .pc-wrap .card,
.alpha-theme .pc-modal .card{background:#fff!important;border-color:#e2e7ee!important;color:#111827!important;box-shadow:0 8px 28px rgba(15,23,42,.07)!important}
.alpha-theme .pc-method label{background:#fff!important;border-color:#e2e7ee!important}
.alpha-theme .pc-method input:checked + label{background:#fff4fb!important;border-color:#ef35ad!important;box-shadow:0 0 0 3px rgba(239,53,173,.10)!important}
.alpha-theme .pc-method .image-area{background:#f7f8fb!important;border-color:#e2e7ee!important}
.alpha-theme .pc-m-name,.alpha-theme .pc-step h2,.alpha-theme .pc-title,.alpha-theme .pc-modal h4,.alpha-theme .pc-modal h5,.alpha-theme .pc-wrap h4,.alpha-theme .pc-wrap h5{color:#111827!important}
.alpha-theme .pc-m-desc,.alpha-theme .pc-step p,.alpha-theme .pc-steplabel,.alpha-theme .pc-trust span,.alpha-theme .pc-wrap .cmn-list2 .item,.alpha-theme .pc-modal .cmn-list2 .item{color:#687386!important}
.alpha-theme .pc-wrap .cmn-list2 .item h6,.alpha-theme .pc-modal .cmn-list2 .item h6{color:#111827!important}
.alpha-theme .pc-wrap .search-box2 .form-control,.alpha-theme .pc-modal .search-box2 .form-control{background:#fff!important;color:#111827!important;border-color:#dfe4eb!important}
.alpha-theme .pc-modal .modal-header{background:#fff!important}
.alpha-theme .pc-modal .modal-body{background:#f7f8fb!important}
.alpha-theme .pc-mobilebar{background:rgba(255,255,255,.97)!important;border-color:#e2e7ee!important}

/* Mobile content canvas: no giant white sheet; only real cards are white. */
@media(max-width:1199.98px){
  .alpha-theme .main,.alpha-theme .main-wrapper,.alpha-theme .dashboard-wrapper,.alpha-theme .dashboard-container{background:#eef1f5!important}
  .alpha-theme .main-wrapper{border-radius:0!important;box-shadow:none!important}
  .alpha-theme .alpha-mobile-nav{left:0!important;right:0!important;bottom:0!important;height:78px!important;border-radius:24px 24px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:0 -10px 32px rgba(15,23,42,.12)!important}
  .alpha-theme .alpha-mobile-nav>a{min-height:58px!important;color:#667386!important;font-size:11px!important}
  .alpha-theme .alpha-mobile-nav>a>i{font-size:23px!important}
  .alpha-theme .alpha-mobile-nav>a.active{background:transparent!important;color:#ef35ad!important}
  .alpha-theme .alpha-mobile-nav .alpha-add::before{width:64px!important;height:64px!important;flex-basis:64px!important;margin-top:-31px!important;border-width:5px!important;box-shadow:0 8px 22px rgba(239,53,173,.30)!important}
  .alpha-theme .alpha-mobile-nav .alpha-add>i{top:-18px!important;font-size:31px!important}
  .alpha-theme .alpha-mobile-nav .alpha-add>span{bottom:2px!important}
}
@media(max-width:575.98px){
  .alpha-theme .pc-wrap>.container{padding-left:12px!important;padding-right:12px!important}
  .alpha-theme .pc-card{border-radius:18px!important;padding:14px!important}
  .alpha-theme .pc-methods{gap:10px!important}
  .alpha-theme .pc-method label{min-height:78px!important;border-radius:15px!important;padding:13px!important}
  .alpha-theme .pc-modal .modal-dialog{margin:10px!important;max-width:calc(100% - 20px)!important}
  .alpha-theme .pc-modal .modal-content{border-radius:20px!important}
}