/* Grape Buy shares the wallet's locally hosted typefaces and color palette. */
@font-face{font-family:BuyManrope;src:url(Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:BuySans;src:url(DMSans.ttf) format("truetype");font-weight:100 900;font-display:swap}
body.grape-buy{--ink:#241c2c;--muted:#655e6d;--line:#e8e5eb;--paper:#fff;--canvas:#f7f7f5;--accent:#ff6c00;--purple:#652fa0;background:var(--canvas);color:var(--ink);font:400 15px/1.5 BuySans,sans-serif;-webkit-font-smoothing:antialiased}
.grape-buy :is(h1,h2,h3,h4,h5,.card-title,.page-ath-heading){font-family:BuyManrope,sans-serif;font-weight:550;letter-spacing:-.045em;color:var(--ink)}
.grape-buy :is(button,input,select,textarea,.btn,.input-bordered,.form-note,.forgotlink a,.navbar-menu a,.user-welcome){font-family:BuySans,sans-serif}
.grape-buy :is(a,button,input,select,textarea):focus-visible{outline:3px solid #9a74be;outline-offset:3px}
.grape-buy .input-bordered{border:1px solid #d4cfd9;background:#fff;border-radius:12px;color:var(--ink)}
.grape-buy .input-bordered:focus{border-color:var(--purple)}
.grape-buy .input-bordered:is(.input-error,.input-bordered-error){border-color:#ad3d3d}
.grape-buy .btn-primary,.grape-buy .signBtn,.grape-buy .grp_coincal .buyCoinbtn{border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:#241c2c;box-shadow:none;font-family:BuySans,sans-serif;font-weight:650;letter-spacing:0}
.grape-buy .btn-primary:hover,.grape-buy .signBtn:hover,.grape-buy .grp_coincal .buyCoinbtn:hover{background:#f36200;color:#201623;border-color:#f36200}
.grape-buy .btn:disabled{opacity:.5}
.buy-mast,.buy-entry{width:calc(100% - 64px);max-width:1140px;margin-inline:auto}
.buy-mast{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line)}
.buy-brand,.grape-buy .topbar-logo{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.buy-brand img,.grape-buy .buy-wordmark{width:100px;height:auto}
.buy-brand span,.buy-tag{border-left:1px solid #d8d4db;padding-left:14px;font:500 14px BuySans,sans-serif;color:var(--muted)}
.buy-home{color:var(--muted);font-size:14px;padding:10px 0}
.buy-entry{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:start;gap:clamp(20px,4vw,56px);padding-block:clamp(24px,4.3vw,62px)}
.buy-entry--alter .buy-intro{order:1}
.buy-entry:has(.buy-account:only-child){display:block;max-width:510px}
.buy-intro{display:flex;flex-direction:column;align-self:stretch;justify-content:space-between;overflow:hidden;border-radius:26px;border:1px solid #e1dce7;background:linear-gradient(145deg,#fff 2%,#f7f3fc 57%,#eeebf3);padding:clamp(25px,3vw,44px);min-height:460px}
.grape-buy .buy-kicker,.buy-plaque{font:600 11px/1.5 BuySans,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.buy-intro-copy h1{font-size:clamp(48px,5vw,74px);line-height:1.04;margin:16px 0}
.buy-intro-copy>p:last-child{font-size:17px;max-width:32ch;color:var(--muted)}
.buy-art{width:100%;height:auto;display:block;flex-shrink:0}
.buy-plaque{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd6e4;padding-top:16px}
.buy-plaque strong{color:var(--purple)}
.buy-account{min-width:0}
.grape-buy .page-ath-form,.grape-buy .page-ath-text{margin:0;background:white;width:100%;max-width:none;border:1px solid var(--line);border-radius:24px;box-shadow:0 5px 18px #34213e05;padding:clamp(22px,3vw,40px)}
.grape-buy .page-ath-heading{font-size:clamp(29px,3vw,40px);line-height:1.13;margin:12px 0 24px}
.grape-buy .page-ath-heading small{margin-top:8px;font:400 15px/1.5 BuySans,sans-serif;color:var(--muted)}
.grape-buy .buy-label{display:block;margin-bottom:5px;color:var(--ink);font:600 13px/1.5 BuySans,sans-serif}
.buy-account .input-bordered{min-height:46px;font-size:16px}
.buy-account .input-item{margin-bottom:0;padding-bottom:15px}
.grape-buy .signBtn{height:auto;min-height:48px;font-size:16px;display:flex;justify-content:space-between;align-items:center;padding:12px 17px}
.grape-buy .page-ath-footer{width:100%;padding:18px 8px 0;text-align:center;color:var(--muted)}
.grape-buy .page-ath-footer ul{justify-content:center;flex-wrap:wrap}
.grape-buy .buy-account a:not(.btn){color:var(--purple)}
.grape-buy .topbar,.grape-buy .navbar,.grape-buy .footer-bar{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}
.grape-buy .topbar{border-bottom:1px solid var(--line)}
.grape-buy .toggle-line{background:var(--ink)}
.grape-buy .user-welcome,.grape-buy .navbar-menu>li>a{color:var(--ink)}
.grape-buy .navbar-menu>li>a:hover,.grape-buy .navbar-menu>li.active>a{color:var(--purple)}
.grape-buy .page-content{background:var(--canvas)}
.grape-buy :is(.card,.left_coin,.right_grp,.left_sec,.modal-content){border-radius:18px;border:1px solid var(--line);box-shadow:0 4px 16px #34213e05}
.grape-buy .pay-option-label{border-color:#d9d4df;border-radius:12px;background:white}
.grape-buy .pay-option-check:checked+.pay-option-label{border-color:var(--purple);background:#f2edf7;color:var(--ink)}
.grape-buy .pay-option-check:focus-visible+.pay-option-label{outline:3px solid #9a74be}
.grape-buy .addwallet a{background:#f1edf6;color:var(--purple)!important;font-family:BuySans,sans-serif}
.grape-buy .buy-section-title{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:8px 0 24px}
@media(max-width:800px){
  .buy-mast,.buy-entry{width:calc(100% - 32px)}
  .buy-mast{padding:14px 0}
  .buy-brand img,.grape-buy .buy-wordmark{width:86px}
  .buy-entry{display:block;max-width:520px;padding-block:22px}
  .buy-intro{display:none}
  .buy-account .page-ath-form{padding:24px 20px}
  .grape-buy .topbar-logo{gap:6px}
  .grape-buy .buy-tag{display:none}
  .grape-buy .left_coin{padding:20px}
}

.grape-buy .topbar-wrap .navbar-mobile{background:var(--paper)}
.grape-buy .topbar-wrap .navbar-mobile .navbar-menu>li>a{color:var(--ink)!important}
.grape-buy .topbar-wrap .navbar-mobile .navbar-menu>li.active>a{color:var(--purple)!important}
.grape-buy .card-token{background:linear-gradient(130deg,#30243f,#514063)}
.grape-buy .card-token :is(h2,h3,h4,h5,.card-title){color:#fff}
.grape-buy .user-account-dashboard .btnbuyCoinbtn{max-width:100%;min-height:48px;height:auto;justify-content:space-between;font:650 16px/1.5 BuySans,sans-serif}
.grape-buy .left_sec .top_sec p{font:400 15px/1.6 BuySans,sans-serif;color:var(--muted)}
.grape-buy .right_grp{background:linear-gradient(135deg,#fff,#f2eef8)}

/* Page hierarchy, account and operations screens */
.buy-page-heading{padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid var(--line);min-width:0}
.buy-page-heading h1{font-size:clamp(29px,3.8vw,48px);line-height:1.12;margin:6px 0 8px;overflow-wrap:anywhere}
.buy-page-heading .buy-page-note{font:400 15px/1.55 BuySans,sans-serif;color:var(--muted);margin:0}
.grape-buy .site-brand{display:inline-flex;align-items:center;gap:12px}
.grape-buy .card-head .card-title,.grape-buy .modal-title{font-family:BuyManrope,sans-serif;color:var(--ink);font-weight:600}
.grape-buy :is(.navbar-dropdown,.dropdown-content,.select2-dropdown,.dropdown-menu){border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.grape-buy .navbar-dropdown li>a{color:var(--ink)}
.grape-buy .navbar-dropdown li>a:hover{color:var(--purple)}
.grape-buy .user-thumb{background:#f1edf6;color:var(--purple)}
.grape-buy .table{font-family:BuySans,sans-serif;color:var(--ink);margin-bottom:0}
.grape-buy .table th{font:600 12px/1.5 BuySans,sans-serif;color:var(--muted);background:#f7f6f8;border-color:var(--line)}
.grape-buy .table td{font-family:BuySans,sans-serif;border-color:var(--line)}
.grape-buy .table-responsive,.grape-buy .dataTables_wrapper{min-width:0;max-width:100%;overflow-x:auto}
.grape-buy :is(.nav-tabs,.modal-header,.modal-footer){border-color:var(--line)}
.grape-buy .nav-tabs .nav-link.active{color:var(--purple);border-bottom-color:var(--purple)}
.grape-buy .modal-content{overflow-wrap:break-word;background:#fff}
.grape-buy .modal-body :is(.form-control,.input-bordered,.custom-select),.grape-buy .card .form-control{border-radius:10px;border-color:#d4cfd9}
.grape-buy .modal-content .close{opacity:1;color:var(--muted)}
.grape-buy .input-item-label,.grape-buy .form-label{font:600 13px/1.5 BuySans,sans-serif;color:var(--ink)}
.grape-buy .page-item.active .page-link{background:var(--purple);border-color:var(--purple);color:#fff}
.grape-buy .user-account-dashboard .btnbuyCoinbtn.disabled{opacity:.5}

/* Errors and installation must render even when the database is unavailable. */
.buy-state .vh100{min-height:100vh;height:auto;padding:32px 0}
.buy-state :is(.error-content,.offline-content),.buy-setup .master .box{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 6px 22px #34213e07}
.buy-state :is(.error-content,.offline-content){padding:clamp(24px,6vw,52px);text-align:left}
.buy-state-brand{width:100px;height:auto;display:block;margin:0 0 28px}
.buy-state .error-text-large{display:block;color:var(--purple);font:550 clamp(42px,9vw,80px)/1 BuyManrope,sans-serif;letter-spacing:-.06em}
.buy-state .offline-content .text-light{color:var(--muted)!important}
.buy-state .btn{margin:6px 5px 0 0;white-space:normal}
.buy-setup .master{background:var(--canvas);min-height:100vh;padding:32px 12px}
.buy-setup .box .header{background:#f4f0f7;color:var(--ink);text-align:left;border-radius:22px 22px 0 0}
.buy-setup .box .header__title{color:var(--ink);font-family:BuyManrope,sans-serif}
.buy-setup .box .button{border-radius:10px;background:var(--accent);color:var(--ink)}
@media(max-width:767px){
  .grape-buy .main-content,.grape-buy .card,.grape-buy .card-innr{min-width:0}
  .grape-buy .card-innr{padding:18px}
  .grape-buy .buy-page-heading{margin-bottom:16px;padding-bottom:14px}
  .grape-buy .modal-dialog{margin:12px auto;max-width:calc(100% - 24px)}
  .grape-buy .dataTables_filter input,.grape-buy .dataTables_length select{max-width:100%}
  .grape-buy .btn:not(.btn-icon){white-space:normal}
}

/* Customer navigation follows the wallet: a rail on desktop and an in-flow mobile menu. */
.buy-workspace .topbar-wrap{backdrop-filter:none;background:white}
.buy-workspace .buy-rail-brand,.buy-workspace .buy-bar-context{display:none}
.buy-workspace .buy-nav-label{font:600 10px/1.4 BuySans,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 10px 6px}
.buy-workspace #main-nav>li{padding:0}
.buy-workspace #main-nav>li>a{padding:10px 12px;min-height:42px;gap:9px;border-radius:10px;color:var(--ink);font:500 14px/1.4 BuySans,sans-serif}
.buy-workspace #main-nav>li>a em{width:19px;margin:0;text-align:center}
.buy-workspace #main-nav>li.active>a,.buy-workspace #main-nav>li>a:hover{color:var(--purple)!important;background:#f3edf7}
.buy-workspace #main-nav>li.active>a::before,.buy-workspace #main-nav>li.active>a::after{display:none}
.buy-workspace .user-account-dashboard .token-purchase>.row:first-child{display:block;margin:0}
.buy-workspace .user-account-dashboard .token-currency-choose{width:100%;margin:16px 0 22px}
.buy-workspace .user-account-dashboard .token-currency-choose>.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(125px,100%),1fr));gap:9px;margin:0}
.buy-workspace .token-currency-choose>.row>div{width:auto;max-width:100%;padding:0}
.buy-workspace .token-currency-choose .payment-item{height:100%;margin:0}
.buy-workspace .token-currency-choose .pay-option-label{display:flex!important;align-items:flex-start;justify-content:center;flex-direction:column;gap:4px;margin:0;height:100%;min-height:72px;padding:10px 14px}
.buy-workspace .token-currency-choose .pay-title{font:600 14px/1.4 BuySans,sans-serif}
.buy-workspace .token-currency-choose .pay-amount{font:400 13px/1.4 BuySans,sans-serif;color:var(--muted);overflow-wrap:anywhere}
.buy-workspace .buy-balance-column{margin-bottom:18px}
.buy-workspace .buy-order-column,.buy-workspace .buy-balance-column{min-width:0}
.buy-workspace .buy-balance-column .right_grp{height:auto}
@media(min-width:992px){
 .buy-workspace{display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:auto 1fr auto;min-height:100vh;align-items:start}
 .buy-workspace .topbar-wrap{display:contents}
 .buy-workspace .topbar{grid-area:1/2/2/3;align-self:start;position:relative}
 .buy-workspace .topbar .topbar-logo{display:none}
 .buy-workspace .buy-bar-context{display:block;font-size:14px;color:var(--muted)}
 .buy-workspace .topbar>.container{padding:0 clamp(20px,3vw,54px);max-width:none}
 .buy-workspace #buy-navigation{grid-area:1/1/4/2;position:sticky;display:block;left:auto;top:0;height:100vh;height:100dvh;overflow-y:auto;width:100%;min-width:0;background:white;border-right:1px solid var(--line);box-shadow:none}
 .buy-workspace #buy-navigation>.container{display:block;max-width:none;padding:0 16px}
 .buy-workspace #buy-navigation .navbar-innr{display:block}
 .buy-workspace .buy-rail-brand{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;padding:22px 8px;margin-bottom:12px;border-bottom:1px solid var(--line)}
 .buy-workspace .buy-rail-brand span{border-left:1px solid var(--line);padding-left:12px}
 .buy-workspace #main-nav{display:grid;gap:3px;padding:0;margin:0}
 .buy-workspace>.page-content{grid-area:2/2/3/3;width:100%;padding:32px clamp(20px,3vw,54px) 40px}
 .buy-workspace .page-content>.container{width:100%;max-width:1320px;padding:0}
 .buy-workspace>.footer-bar{grid-area:3/2/4/3;width:100%;align-self:end}
 .buy-workspace>#ajax-modal:empty{display:none}
 .buy-workspace .user-account-dashboard .card-head{margin-bottom:6px}
}
@media(max-width:991.98px){
 .buy-workspace #buy-navigation{display:none;position:static;height:auto;width:100%;transition:none;box-shadow:none}
 .buy-workspace #buy-navigation.active{display:block;border-bottom:1px solid var(--line);max-height:70vh;overflow-y:auto}
 .buy-workspace #buy-navigation .container{max-width:none}
 .buy-workspace #main-nav{margin:0;padding:0 0 12px}
 .buy-workspace .toggle-nav{background:transparent;border:none;min-width:44px;min-height:44px;padding:9px}
 .buy-workspace .page-content{padding-top:20px}
 .buy-workspace .token-currency-choose>.row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.buy-workspace .buy-order-amount,.buy-workspace .buy-order-review{width:100%;min-width:0}
.buy-workspace .token-purchase>.row:nth-child(2){margin-inline:0}
.buy-workspace .buy-order-review .token-overview{padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#f6f3f8}
.buy-workspace .buy-order-review .token-overview>.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:10px;margin:0}
.buy-workspace .buy-order-review .token-overview>.row>div{width:auto;max-width:none;padding:0}
.buy-workspace .buy-order-review :is(.token-bonus,.token-total){padding:0}
.buy-workspace .buy-order-review .data_red_info{font:400 14px/1.5 BuySans,sans-serif;color:var(--muted);margin:12px 0}
.buy-workspace .dashboard-btns,.buy-workspace .dashboard-btns>.pay-buttons{display:block;width:100%;margin:0}
.buy-workspace .dashboard-btns .btnbuyCoinbtn{width:100%;margin:16px 0 0}

.buy-bonus-card{container-type:inline-size;background:linear-gradient(115deg,#fff 25%,#f3eef8);color:var(--ink);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 5px 16px #20172c0a}
.buy-bonus-brand{display:flex;align-items:center;gap:10px;margin:23px 25px 0;color:var(--muted);font:500 12px/1.4 BuySans,sans-serif}
.buy-bonus-brand img{display:block;width:68px;height:auto}
.buy-bonus-brand span{border-left:1px solid var(--line);padding-left:10px}
.buy-bonus-body{display:grid;grid-template-columns:minmax(0,1fr) 30%;align-items:center;min-height:94px;margin:10px 23px 12px 25px}
.grape-buy .buy-bonus-label{margin:0;color:var(--muted);font:600 13px/1.45 BuySans,sans-serif;letter-spacing:0}
.buy-bonus-rate{font:520 clamp(32px,9cqi,60px)/1.1 BuyManrope,sans-serif;letter-spacing:-.055em;overflow-wrap:anywhere}
.buy-bonus-rate small{font-size:.66em}
.buy-bonus-art{display:block;width:100%;height:auto}
.buy-bonus-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 25px;border-top:1px solid var(--line);background:#fff}
.buy-bonus-caption{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}
.buy-bonus-reading{display:inline-flex;align-items:baseline;gap:6px;margin-inline-start:auto;white-space:nowrap}
.buy-bonus-hours{font:500 13px/1.3 BuySans,sans-serif;color:var(--muted)}
.buy-bonus-time{color:var(--purple);font:650 clamp(29px,7.8cqi,38px)/1.1 BuyManrope,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.buy-bonus-state{padding:20px 25px}
@container(max-width:390px){.buy-bonus-body{grid-template-columns:minmax(0,1fr) 24%;margin-left:17px;margin-right:12px}.buy-bonus-brand{margin-left:17px}.buy-bonus-footer{padding-inline:17px}}