:root{--p:#00a86b;--pd:#008653;--ps:#e7f8f0;--ink:#17231d;--muted:#718078;--bg:#f5f7f6;--white:#fff;--line:#e2eae5;--shadow:0 12px 35px rgba(20,55,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1200px,calc(100% - 32px));margin:auto}
header{height:70px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.nav{height:70px;display:flex;align-items:center;gap:14px}.logo{font-size:25px;font-weight:900;letter-spacing:-1.2px;white-space:nowrap}.logo span{color:var(--p)}
.search{height:44px;display:flex;flex:1;max-width:640px;margin:auto;background:#f1f5f3;border:1px solid #dfe8e3;border-radius:12px;overflow:hidden}.search:focus-within{background:#fff;border-color:var(--p);box-shadow:0 0 0 3px rgba(0,168,107,.09)}.search input{flex:1;border:0;outline:0;background:transparent;padding:0 14px}.search button{width:50px;border:0;background:transparent;font-size:22px;color:#52615a}.mini{padding:9px;border-radius:9px;white-space:nowrap}.mini:hover{background:var(--ps);color:var(--pd)}.user{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ps);color:var(--pd);font-weight:800}.btn,.outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 17px;border-radius:10px;font-weight:750;transition:.2s;cursor:pointer}.btn{background:var(--p);color:#fff;border:1px solid var(--p);box-shadow:0 5px 15px rgba(0,168,107,.15)}.btn:hover{background:var(--pd);transform:translateY(-1px)}.outline{background:#fff;color:var(--p);border:1px solid var(--p)}
.hero{margin-top:24px;padding:48px;border-radius:24px;min-height:335px;background:linear-gradient(135deg,#dcf8eb,#fbfffd 65%,#e9f8f1);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);overflow:hidden}.hero small{color:var(--pd);font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(36px,5vw,53px);line-height:1.04;letter-spacing:-2px;margin:11px 0}.hero p{font-size:16px;color:var(--muted);max-width:600px;line-height:1.75;margin:0 0 24px}.hero-card{width:315px;height:225px;border-radius:25px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 60px rgba(20,78,54,.12);border:1px solid #dceee6}.hero-card div{font-size:72px}.hero-card b{margin-top:8px}.hero-card small{letter-spacing:0;color:var(--muted);font-weight:500}
.section{padding:30px 0}.head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.head h2{margin:0;font-size:22px}.head a{color:var(--pd);font-weight:750}.cats{display:flex;gap:13px;overflow:auto;padding-bottom:4px}.cat{min-width:112px;padding:17px 12px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:15px;font-weight:750;transition:.2s}.cat:hover{border-color:#b8dfcd;box-shadow:var(--shadow);transform:translateY(-2px)}.cat i{display:block;font-size:29px;font-style:normal;margin-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.photo{height:215px;background:linear-gradient(145deg,#edf4f1,#f8faf9);display:grid;place-items:center;overflow:hidden;font-size:56px}.photo img{width:100%;height:100%;object-fit:cover}.pad{padding:15px}.name{min-height:42px;font-weight:750;line-height:1.45}.price{font-size:19px;font-weight:900;margin:8px 0}.muted{color:var(--muted);font-size:12px}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--ps);color:var(--pd);font-size:11px;font-weight:800}
.box{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;margin:18px 0;box-shadow:0 5px 20px rgba(20,50,38,.035)}.field{display:block;width:100%;padding:12px 13px;border:1px solid #d6e0da;border-radius:9px;margin:7px 0 15px;outline:0;background:#fff}.field:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(0,168,107,.09)}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
table{border-collapse:collapse;width:100%}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{font-size:11px;color:var(--muted);text-transform:uppercase}.danger{color:#c43d3d;background:none;border:0;cursor:pointer}
.store-hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;display:flex;align-items:center;gap:18px}.store-logo{width:76px;height:76px;border-radius:18px;background:var(--ps);display:grid;place-items:center;font-size:35px}.store-meta h1{margin:0 0 5px}.store-actions{margin-left:auto}
.flash{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.timer{font-weight:900;color:var(--pd)}
footer{margin-top:45px;background:#fff;border-top:1px solid var(--line)}.foot{padding:38px 16px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;color:var(--muted)}.foot b{color:var(--ink)}
.bottom-nav{display:none}.toast{position:fixed;right:20px;bottom:20px;background:#17231d;color:#fff;padding:13px 17px;border-radius:12px;z-index:9999;box-shadow:0 15px 40px rgba(0,0,0,.2)}.reveal{opacity:0;transform:translateY(9px);transition:.45s}.reveal.show{opacity:1;transform:none}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini{font-size:13px}}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:32px}.hero-card{display:none}.mini{display:none}.two{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wrap{width:calc(100% - 20px)}header,.nav{height:62px}.logo{font-size:21px}.search{height:40px}.nav>.btn,.nav>.outline{display:none}.hero{margin-top:14px;padding:27px 21px;min-height:285px}.hero h1{font-size:34px}.hero p{font-size:14px}.section{padding:23px 0}.grid{gap:10px}.photo{height:155px}.pad{padding:11px}.name{font-size:13px;min-height:38px}.price{font-size:16px}.box{padding:17px}.foot{grid-template-columns:1fr}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:99}.bottom-nav a{font-size:11px;text-align:center;color:var(--muted)}.bottom-nav a b{display:block;font-size:20px;color:var(--ink)}body{padding-bottom:62px}}


/* BELANJAKITA PROFESSIONAL V5 — shared marketplace theme */
:root{--p:#00a86b;--pd:#08764f;--ps:#e8f8f1;--ink:#17221e;--muted:#74817c;--bg:#f6f7f8;--white:#fff;--line:#e4ebe7;--shadow:0 12px 32px rgba(19,48,37,.08)}
body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.bk-topbar{height:34px;background:#101b17;color:#dbe7e2;font-size:10px}.bk-topbar .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.bk-toplinks{display:flex;gap:22px}.bk-sell{color:#b9efd9;font-weight:800}
.bk-header{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;backdrop-filter:blur(14px)}.bk-nav{height:76px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:22px}
.bk-brand{display:flex;align-items:center;gap:10px}.bk-logo{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#08b879,#08704d);color:#fff;font-weight:900}.bk-brand strong{font:800 19px "Plus Jakarta Sans"}.bk-brand small{display:block;color:#87938e;font-size:8px;letter-spacing:1.1px;margin-top:2px}
.bk-search{height:45px;background:#f6f8f7;border:1px solid #dfe7e3;border-radius:11px;display:flex;overflow:hidden}.bk-search:focus-within{background:#fff;border-color:#71c6a6;box-shadow:0 0 0 3px rgba(0,168,107,.08)}.bk-search input{flex:1;border:0;outline:0;background:transparent;padding:0 14px;font-size:12px}.bk-search select{border:0;border-left:1px solid #e2e8e5;background:transparent;color:#68756f;padding:0 10px;outline:0;font-size:11px}.bk-search button{width:48px;border:0;background:var(--p);color:#fff;font-size:19px}
.bk-actions{display:flex;align-items:center;gap:7px}.bk-actions>a{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;font-size:17px}.bk-actions>a i{position:absolute;top:-5px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:#e53935;color:#fff;border:2px solid #fff;font:800 8px Inter;text-align:center;line-height:12px}.bk-actions .bk-login{width:auto;padding:0 13px;color:var(--p);font-size:11px;font-weight:800}.bk-actions .bk-register{width:auto;padding:0 13px;background:var(--p);color:#fff;border-color:var(--p);font-size:11px;font-weight:800}.bk-avatar{background:var(--ps)!important;color:var(--pd);font-weight:900}
.bk-menu{height:47px;background:#fff;border-bottom:1px solid var(--line)}.bk-menu .wrap{height:100%;display:flex;align-items:center;gap:24px}.bk-menu a{font-size:11px;font-weight:700;color:#56645e}.bk-menu a:hover{color:var(--pd)}.bk-menu .bk-all{background:var(--p);color:#fff;padding:9px 14px;border-radius:8px}
.bk-mobile-nav{display:none}
.wrap{max-width:1360px;width:calc(100% - 32px);margin:auto}.box,.card,.flash,.store-hero{box-shadow:0 4px 20px rgba(20,50,38,.035)}.card{border-radius:15px}.photo{background:linear-gradient(135deg,#f1f5f3,#e6ece9);height:210px}.price{color:#17221e}.btn{border-radius:9px}
footer{background:#101b17!important;color:#aebdb7!important;border-top:0!important}.foot{color:#aebdb7!important}.foot b{color:#fff}.foot a{color:#aebdb7!important}
@media(max-width:900px){.bk-nav{grid-template-columns:190px 1fr}.bk-actions>a:not(.bk-avatar):not(.bk-register):not(.bk-login){display:none}.bk-menu .wrap{gap:13px}.bk-menu a{font-size:10px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){body{padding-bottom:62px}.bk-topbar{display:none}.bk-header,.bk-nav{height:auto}.bk-nav{display:grid;grid-template-columns:1fr;padding:10px 0;gap:8px}.bk-brand{justify-content:center}.bk-actions{position:absolute;right:10px;top:57px}.bk-actions .bk-login,.bk-actions .bk-register{display:none}.bk-search{height:41px}.bk-menu{display:none}.bk-mobile-nav{position:fixed;display:flex;left:0;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid var(--line);z-index:100;justify-content:space-around}.bk-mobile-nav a{flex:1;text-align:center;color:#69766f;font-size:9px;padding-top:7px}.bk-mobile-nav b{display:block;font-size:18px;color:#17221e;margin-bottom:3px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo{height:155px}.wrap{width:calc(100% - 20px)}.two{grid-template-columns:1fr}.foot{grid-template-columns:1fr}}

/* BELANJAKITA BLUE ELEGANT MASTER THEME — V66 PROFESSIONAL UI */
:root{--p:#1688f7;--pd:#0b6edc;--ps:#eaf6ff;--ink:#082b58;--muted:#647b92;--bg:#f4f9fe;--white:#fff;--line:#d9e8f5;--shadow:0 12px 34px rgba(15,83,145,.09)}
body{background:var(--bg);color:var(--ink)}
.btn{background:linear-gradient(135deg,#168ffb,#0b70e7)!important;border-color:#1688f7!important;box-shadow:0 8px 20px rgba(22,136,247,.18)}.btn:hover{background:#0b6edc!important}.outline{color:#0878df!important;border-color:#b9daf5!important;background:#fff!important}.outline:hover{background:#eef8ff!important}
.box,.card,.flash,.store-hero{border-color:var(--line)!important;box-shadow:var(--shadow)!important}.field{border-color:#cfe0ef}.field:focus{border-color:#1688f7!important;box-shadow:0 0 0 3px rgba(22,136,247,.10)!important}.badge{background:#e9f6ff!important;color:#0878df!important}
/* role center */
.role-shell{display:flex;max-width:1480px;width:calc(100% - 34px);margin:18px auto 45px;gap:16px;align-items:flex-start}.role-side{width:235px;flex:none;background:linear-gradient(180deg,#0a4d8f,#073565);color:#fff;border-radius:18px;padding:14px;box-shadow:0 16px 35px rgba(7,53,101,.16);position:sticky;top:104px}.role-brand{display:flex;gap:10px;align-items:center;padding:9px 7px 16px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px}.role-brand>span{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#2ba6ff,#0b72e6);display:grid;place-items:center;font-weight:900}.role-brand b{display:block;font-size:13px}.role-brand small{display:block;font-size:9px;color:#b9dbf7;margin-top:2px}.role-side nav{display:grid;gap:4px}.role-side nav a{display:flex;align-items:center;gap:9px;padding:10px 9px;border-radius:10px;color:#dceeff;font-size:11px;font-weight:700}.role-side nav a:hover{background:rgba(255,255,255,.12);color:#fff}.role-content{flex:1;min-width:0}.role-content .wrap,.role-content .adm-wrap,.role-content .wrapx{width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}.role-content .section{padding-top:0}.role-content .box{background:#fff}.role-content .panel,.role-content .kpi{border-color:#dce9f5!important}.role-content .kpi h2{color:#083d73}.role-content .pill{background:#eaf6ff;color:#0b6edc}.role-content .bar{background:linear-gradient(180deg,#3fa9ff,#0b72e6)}
.promo-landing,.voucher-hero{min-height:230px;border-radius:22px;padding:34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:linear-gradient(120deg,#dff3ff,#fff 58%,#eaf7ff);border:1px solid #cfe7fa;box-shadow:var(--shadow)}.promo-landing span,.voucher-hero span{color:#0878df;font-weight:900;letter-spacing:1.4px;font-size:11px}.promo-landing h1,.voucher-hero h1{font-size:36px;line-height:1.08;margin:9px 0;color:#083d73;max-width:700px}.promo-landing p,.voucher-hero p{color:#55718c;max-width:650px}.promo-orb{width:155px;height:155px;border-radius:50%;display:grid;place-items:center;font-size:80px;font-weight:900;color:#fff;background:linear-gradient(135deg,#28a5ff,#0a6fe2);box-shadow:0 25px 45px rgba(22,136,247,.2)}.voucher-ticket{padding:28px 36px;border-radius:15px;background:#fff;color:#0b72e6;font-weight:950;letter-spacing:2px;box-shadow:0 15px 35px rgba(15,83,145,.12);border:1px dashed #7bc1f7}.voucher-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.voucher-card{display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:0 7px 20px rgba(15,83,145,.06)}.voucher-code{font-size:17px;font-weight:950;color:#0878df;background:#eef8ff;border:1px dashed #86c6f5;border-radius:10px;padding:12px;text-align:center}.voucher-card b{display:block;color:#0a3764}.voucher-card small{display:block;color:#71869a;margin-top:3px;font-size:11px}
/* normalize basic pages */
main.wrap.section{min-height:55vh}.head h2{color:#083d73}.section h2,.section h1{color:#083d73}.cat{border-color:#d7e8f5!important}.cat:hover{border-color:#91caf4!important}.price{color:#083d73}.danger{color:#d32f45}
@media(max-width:1000px){.role-shell{display:block}.role-side{position:relative;top:auto;width:100%;margin-bottom:14px}.role-side nav{display:flex;overflow:auto;gap:5px}.role-side nav a{white-space:nowrap}.voucher-grid{grid-template-columns:1fr}}
@media(max-width:600px){.promo-landing,.voucher-hero{padding:24px;min-height:200px}.promo-landing h1,.voucher-hero h1{font-size:27px}.promo-orb,.voucher-ticket{display:none}.role-shell{width:calc(100% - 20px)}.role-side{border-radius:14px}.role-brand{padding-bottom:10px}.role-side nav a{font-size:10px;padding:8px}.voucher-card{grid-template-columns:1fr}.voucher-code{text-align:left}}
/* Flash sale / utility component polish */
.thumb{height:220px;background:linear-gradient(145deg,#eaf6ff,#f8fcff);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.countdown{margin-top:8px;color:#0b72e6;font-weight:900;font-size:12px}.shop-card .shop-photo{background:linear-gradient(145deg,#eef8ff,#f8fcff)}

/* TOOLBAR FIX V67 — symmetric marketplace actions */
.bk-actions{display:flex!important;align-items:stretch!important;justify-content:flex-end;gap:8px!important;height:54px}
.bk-actions>a{width:58px!important;min-width:58px;height:54px!important;padding:5px 3px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;position:relative!important;color:#123a66!important;line-height:1!important;white-space:nowrap!important;transition:all .18s ease}
.bk-actions>a:hover{background:#eef8ff!important;border-color:#d4eafb!important;color:#0878df!important;transform:translateY(-1px)}
.bk-actions>a>span{display:block!important;position:static!important;font-size:10px!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap!important;letter-spacing:-.1px!important}
.bk-actions>a:first-child{font-size:21px!important}
.bk-actions>a:not(:first-child){font-size:20px!important}
.bk-actions>a i{position:absolute!important;top:1px!important;right:8px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:10px!important;background:#ef3340!important;color:#fff!important;border:2px solid #fff!important;font:800 8px/13px Inter,system-ui,sans-serif!important;text-align:center!important;font-style:normal!important;z-index:2}
.bk-actions .bk-avatar{background:#eef8ff!important;border-color:#cfe7fa!important;color:#0878df!important;font-size:18px!important}
.bk-actions .bk-avatar span{color:#0878df!important}
.bk-actions .bk-login,.bk-actions .bk-register{height:54px!important;width:auto!important;min-width:66px!important;padding:5px 12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.bk-actions .bk-login{font-size:11px!important;font-weight:800!important;color:#0878df!important}
.bk-actions .bk-register{font-size:11px!important;font-weight:800!important;background:#1688f7!important;color:#fff!important;border-color:#1688f7!important}
.bk-actions .bk-login:hover{background:#eef8ff!important}
.bk-actions .bk-register:hover{background:#0b6edc!important;color:#fff!important}
@media(max-width:1100px){.bk-actions{gap:4px!important}.bk-actions>a{width:52px!important;min-width:52px!important}.bk-actions>a>span{font-size:9px!important}}
@media(max-width:900px){.bk-actions{position:static!important;height:48px!important}.bk-actions>a{height:48px!important;width:48px!important;min-width:48px!important}.bk-actions>a>span{font-size:8px!important}.bk-actions>a i{right:4px!important;top:0!important}}
/* PAYMENT PRO V69 */
.bk-payment-page{padding:24px 0 60px;min-height:75vh}.bk-payment-breadcrumb{display:flex;gap:9px;align-items:center;color:#7b91a6;font-size:12px;margin:4px 0 18px}.bk-payment-breadcrumb a{color:#147fdc}.bk-payment-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.bk-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#1688f7}.bk-payment-head h1{margin:5px 0 4px;font-size:28px;line-height:1.2;color:#073d72}.bk-payment-head p{margin:0;color:#71879a}.bk-payment-invoice{border:1px solid #cce3f7;background:#fff;color:#0878df;padding:11px 16px;border-radius:10px;font-weight:800;font-size:12px;box-shadow:0 5px 16px rgba(15,83,145,.05)}.bk-alert{padding:13px 16px;border-radius:12px;margin-bottom:15px;font-weight:700}.bk-alert.success{background:#eafaf1;color:#16824c;border:1px solid #bde8d0}.bk-alert.danger{background:#fff0f2;color:#c52d48;border:1px solid #f2c3cc}.bk-payment-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.bk-payment-main{display:grid;gap:15px}.bk-payment-card,.bk-side-card{background:#fff;border:1px solid #dbeaf6;border-radius:17px;box-shadow:0 10px 30px rgba(15,83,145,.07)}.bk-payment-card{padding:20px}.bk-card-title{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf3f8}.bk-card-title>span:first-child{width:40px;height:40px;border-radius:11px;background:#eaf6ff;display:grid;place-items:center;font-size:19px}.bk-card-title h2{font-size:17px;margin:0;color:#083d73}.bk-card-title p{margin:3px 0 0;color:#8296a8;font-size:11px}.bk-card-title .bk-status{margin-left:auto}.bk-status{padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900}.bk-status.pending{background:#fff5df;color:#b87300}.bk-status.paid{background:#eafaf1;color:#16824c}.bk-status.danger{background:#fff0f2;color:#c52d48}.bk-payment-summary-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:15px;padding-top:18px}.bk-payment-summary-grid small{display:block;color:#8397a9;font-size:10px;margin-bottom:6px}.bk-payment-summary-grid strong{display:block;color:#163f67;font-size:14px}.bk-payment-summary-grid strong.total{font-size:21px;color:#0878df}.bk-payment-summary-grid .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.bk-pay-method{display:flex;align-items:center;gap:13px;padding:14px;margin:18px 0;background:#f7fbff;border:1px solid #dcecf8;border-radius:13px}.bk-method-icon{width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#168ffb,#0b70e7);color:#fff;display:grid;place-items:center;font-size:21px}.bk-pay-method b{display:block;color:#0a3f70;font-size:13px}.bk-pay-method small{display:block;color:#8094a6;margin-top:4px;font-size:10px}.bk-method-check{margin-left:auto;width:23px;height:23px;border-radius:50%;background:#1688f7;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.bk-pay-primary{width:100%;border:0;border-radius:11px;background:linear-gradient(135deg,#168ffb,#0b70e7);color:#fff;padding:14px 17px;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(22,136,247,.2);display:flex;align-items:center;gap:9px;justify-content:center}.bk-pay-primary b{margin-left:auto;background:rgba(255,255,255,.15);padding:4px 7px;border-radius:7px;font-size:11px}.bk-pay-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.bk-pay-primary.loading{opacity:.7;cursor:wait}.bk-secure-note,.bk-demo-note{text-align:center;color:#7d91a3;font-size:10px;margin-top:10px}.bk-demo-note{padding:9px;background:#fff9e9;border-radius:9px;color:#9a7200}.bk-proof-form{display:grid;gap:11px;margin-top:17px}.bk-upload-box{border:1.5px dashed #a9d3f4;background:#f7fbff;border-radius:14px;padding:22px;text-align:center;cursor:pointer;display:grid;gap:5px;place-items:center}.bk-upload-box input{position:absolute;opacity:0;width:1px;height:1px}.bk-upload-icon{width:42px;height:42px;border-radius:50%;background:#e7f5ff;color:#0878df;display:grid;place-items:center;font-size:24px}.bk-upload-box b{color:#15466f;font-size:12px}.bk-upload-box small{color:#8599aa;font-size:10px}.bk-outline-btn{border:1px solid #b9daf5;background:#fff;color:#0878df;padding:11px 14px;border-radius:10px;font-weight:800;cursor:pointer}.bk-outline-btn:hover{background:#eef8ff}.bk-cancel-row{display:flex;justify-content:flex-end}.bk-cancel-btn{border:0;background:none;color:#c43b50;font-size:11px;font-weight:800;cursor:pointer;padding:8px}.bk-side-card{padding:19px}.bk-side-icon{width:44px;height:44px;border-radius:13px;background:#eaf6ff;color:#0878df;display:grid;place-items:center;font-size:20px}.bk-side-card h3{margin:12px 0 5px;color:#0a3f70;font-size:15px}.bk-side-card p{color:#7a8fa1;font-size:11px;line-height:1.6;margin:0 0 13px}.bk-trust{font-size:10px;color:#61788b;margin-top:9px}.bk-trust span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eafaf1;color:#16824c;font-weight:900;margin-right:6px}.bk-help{margin-top:14px}.bk-help-icon{width:30px;height:30px;border-radius:50%;background:#1688f7;color:#fff;display:grid;place-items:center;font-weight:900}.bk-help a{color:#0878df;font-size:11px;font-weight:800}.bk-ref{margin-top:14px;background:linear-gradient(135deg,#073d72,#0c67b5);color:#fff;border:0}.bk-ref small{display:block;color:#b9dcfa;font-size:9px;letter-spacing:1px}.bk-ref b{display:block;margin:7px 0 10px;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.bk-ref button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:7px;padding:6px 9px;font-size:10px;cursor:pointer}.bk-paid-card{text-align:center;padding:38px 25px}.bk-paid-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#eafaf1;color:#16824c;font-size:30px;font-weight:900}.bk-paid-card h2{color:#083d73;margin:0 0 7px}.bk-paid-card p{color:#778d9f;font-size:12px}.bk-proof-sent{display:inline-block;background:#eafaf1;color:#16824c;border-radius:9px;padding:9px 12px;font-size:10px;margin:8px 0 16px}.bk-pay-primary.inline{display:inline-flex;width:auto;padding:12px 20px;text-decoration:none}@media(max-width:850px){.bk-payment-grid{grid-template-columns:1fr}.bk-payment-summary-grid{grid-template-columns:1fr 1fr}.bk-payment-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bk-help,.bk-ref{margin-top:0}}@media(max-width:600px){.bk-payment-page{padding-top:15px}.bk-payment-head{align-items:flex-start;flex-direction:column}.bk-payment-head h1{font-size:23px}.bk-payment-invoice{width:100%;text-align:center}.bk-payment-summary-grid{grid-template-columns:1fr}.bk-card-title{align-items:flex-start}.bk-card-title .bk-status{margin-left:auto}.bk-payment-card{padding:16px}.bk-payment-side{display:block}.bk-help,.bk-ref{margin-top:12px}}

/* PAYMENT METHODS PRO V70 */
.bk-methods-pro{overflow:hidden}.bk-method-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.bk-bank-card-pro,.bk-qr-card-pro{border:1px solid #d8e9f7;background:linear-gradient(145deg,#fbfdff,#f2f9ff);border-radius:15px;padding:16px;box-shadow:0 7px 18px rgba(15,83,145,.05)}.bk-method-brand{display:flex;align-items:center;gap:10px}.bk-method-brand b{display:block;color:#0a3f70;font-size:12px}.bk-method-brand small{display:block;color:#8398aa;font-size:9px;margin-top:3px}.bk-brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:14px;box-shadow:0 7px 15px rgba(15,83,145,.12)}.bk-brand-mark.seabank{background:linear-gradient(135deg,#15a56d,#087d55)}.bk-brand-mark.va{background:linear-gradient(135deg,#164c88,#0a70d8)}.bk-brand-mark.dana{background:linear-gradient(135deg,#168ffb,#0878df)}.bk-brand-mark.ovo{background:linear-gradient(135deg,#5c36a8,#3b2375)}.bk-brand-mark.gopay{background:linear-gradient(135deg,#16a7e8,#0878c8)}.bk-brand-mark.qr{background:linear-gradient(135deg,#0a4f91,#168ffb)}.bk-account-label{font-size:8px;font-weight:900;letter-spacing:1px;color:#91a5b6;margin-top:15px}.bk-account-row{display:flex;align-items:center;gap:8px;margin-top:5px}.bk-account-row strong{font:800 16px ui-monospace,SFMono-Regular,Menlo,monospace;color:#103f68;letter-spacing:.2px;word-break:break-all}.bk-account-row button{margin-left:auto;border:1px solid #b9daf5;background:#fff;color:#0878df;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.bk-account-row button:hover{background:#eaf6ff}.bk-account-owner{font-size:10px;color:#71879a;margin-top:6px;line-height:1.5}.bk-qr-card-pro{grid-row:span 2;background:linear-gradient(145deg,#f7fcff,#eaf7ff);text-align:center}.bk-qr-card-pro .bk-method-brand{text-align:left}.bk-qr-wrap{display:flex;justify-content:center;margin:14px auto 9px}.bk-qr-wrap img{width:210px;height:210px;object-fit:contain;background:#fff;border:8px solid #fff;border-radius:12px;box-shadow:0 9px 25px rgba(15,83,145,.12)}.bk-qr-note{font-size:9px;color:#70889c;line-height:1.55;margin:0 auto;max-width:310px}.bk-payment-instruction{margin-top:15px;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#eef8ff;border:1px solid #cce6f9;color:#59748b}.bk-payment-instruction>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1688f7;color:#fff;font-weight:900;font-size:11px;flex:none}.bk-payment-instruction b{font-size:10px;color:#0b4d83}.bk-payment-instruction p{margin:3px 0 0;font-size:9px;line-height:1.55}.bk-payment-instruction strong{color:#0878df}@media(max-width:700px){.bk-method-grid-pro{grid-template-columns:1fr}.bk-qr-card-pro{grid-row:auto}.bk-qr-wrap img{width:190px;height:190px}.bk-account-row strong{font-size:13px}}

/* ALAMAT PENGIRIMAN PRO V72 — light blue professional account module */
.bk-address-page{background:linear-gradient(180deg,#f4f9ff 0,#f8fbff 45%,#f4f8fc 100%);color:#123b63}.bk-address-wrap{padding:24px 0 70px}.bk-address-breadcrumb{display:flex;gap:8px;align-items:center;color:#7a91a6;font-size:11px;margin:4px 0 18px}.bk-address-breadcrumb a{color:#0b7ee8;font-weight:700}.bk-address-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.bk-address-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#1489ee}.bk-address-title h1{font-size:29px;letter-spacing:-.5px;margin:4px 0 6px;color:#073d72}.bk-address-title p{margin:0;color:#71879a;font-size:12px}.bk-address-count{min-width:145px;text-align:center;padding:13px 18px;background:#fff;border:1px solid #d8e8f5;border-radius:14px;box-shadow:0 8px 24px rgba(15,83,145,.06)}.bk-address-count strong{display:block;font-size:22px;color:#087ee5}.bk-address-count span{font-size:9px;color:#7c91a3}.bk-address-alert{padding:12px 15px;border-radius:11px;margin-bottom:15px;font-size:11px;font-weight:750}.bk-address-alert.success{background:#eafaf2;border:1px solid #c4ecd7;color:#138052}.bk-address-alert.error{background:#fff0f2;border:1px solid #f2c7d0;color:#bd3650}.bk-address-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.25fr);gap:18px;align-items:start}.bk-address-form-card,.bk-address-card,.bk-empty-address{background:#fff;border:1px solid #dbeaf7;border-radius:17px;box-shadow:0 10px 30px rgba(15,83,145,.06)}.bk-address-form-card{padding:20px;position:sticky;top:92px}.bk-address-card-head{display:flex;gap:11px;align-items:center;padding-bottom:15px;border-bottom:1px solid #edf3f8}.bk-address-icon{width:40px;height:40px;border-radius:11px;background:#e9f5ff;color:#087ee5;display:grid;place-items:center;font-size:20px}.bk-address-card-head h2,.bk-list-head h2{margin:0;color:#083f73;font-size:17px}.bk-address-card-head p,.bk-list-head p{margin:3px 0 0;color:#8398aa;font-size:10px}.bk-address-form{padding-top:16px}.bk-address-form label{display:block;color:#4e687e;font-size:10px;font-weight:800;margin:0 0 12px}.bk-address-form label>span{color:#e33a55}.bk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.bk-address-form input:not([type=checkbox]),.bk-address-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d5e3ef;background:#fbfdff;border-radius:10px;padding:11px 12px;color:#143f64;outline:none;resize:vertical}.bk-address-form input:not([type=checkbox]):focus,.bk-address-form textarea:focus{border-color:#2a97ed;background:#fff;box-shadow:0 0 0 3px rgba(22,143,251,.09)}.bk-default-check{display:flex!important;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #dcebf7;background:#f7fbff;border-radius:11px}.bk-default-check input{margin-top:2px;accent-color:#168ffb}.bk-default-check span{display:grid;gap:3px}.bk-default-check b{font-size:10px;color:#17496f}.bk-default-check small{font-size:9px;color:#8195a6;font-weight:500}.bk-form-actions{display:flex;gap:9px;margin-top:3px}.bk-address-primary,.bk-address-secondary{min-height:40px;padding:10px 15px;border-radius:10px;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.bk-address-primary{border:0;background:linear-gradient(135deg,#168ffb,#0877e8);color:#fff;box-shadow:0 8px 18px rgba(22,143,251,.2);cursor:pointer}.bk-address-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.bk-address-secondary{border:1px solid #b9d9f2;color:#0878df;background:#fff}.bk-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:10px}.bk-list-head>span{font-size:9px;font-weight:800;color:#1688f7;background:#eaf6ff;border-radius:999px;padding:6px 9px}.bk-address-list{display:grid;gap:11px}.bk-address-card{padding:17px}.bk-address-card.is-default{border-color:#8dc9f5;box-shadow:0 10px 28px rgba(22,143,251,.09)}.bk-address-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.bk-label-pill,.bk-default-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;margin-right:5px}.bk-label-pill{background:#eef7ff;color:#0878df}.bk-default-pill{background:#eafaf2;color:#14804f}.bk-address-menu{display:flex;gap:5px}.bk-address-menu a,.bk-address-menu button{border:0;background:#f5f9fd;color:#5c7890;padding:6px 8px;border-radius:7px;font-size:9px;font-weight:800;cursor:pointer}.bk-address-menu a:hover{color:#0878df;background:#eaf6ff}.bk-address-menu button:hover{color:#c23c52;background:#fff0f2}.bk-address-card h3{font-size:14px;color:#123f67;margin:13px 0 4px}.bk-phone{font-size:10px;color:#647f94}.bk-address-text{font-size:11px;line-height:1.65;color:#536f84;margin:9px 0}.bk-address-note{background:#f7fbff;border-left:3px solid #8bc8f6;padding:7px 9px;color:#70889d;font-size:9px;border-radius:5px;margin:8px 0}.bk-set-default{border:0;background:none;color:#087ee5;font-size:9px;font-weight:900;padding:4px 0;cursor:pointer}.bk-set-default:hover{text-decoration:underline}.bk-empty-address{text-align:center;padding:55px 20px;color:#7e93a6}.bk-empty-address>div{width:58px;height:58px;border-radius:50%;background:#eaf6ff;color:#168ffb;display:grid;place-items:center;margin:0 auto 12px;font-size:28px}.bk-empty-address h3{margin:0;color:#17496f;font-size:15px}.bk-empty-address p{font-size:10px;margin:6px 0 0}@media(max-width:850px){.bk-address-layout{grid-template-columns:1fr}.bk-address-form-card{position:static}.bk-address-title{align-items:flex-start}.bk-address-count{min-width:120px}}@media(max-width:600px){.bk-address-wrap{padding:16px 0 70px}.bk-address-title{display:block}.bk-address-count{margin-top:12px;display:inline-block}.bk-form-grid{grid-template-columns:1fr}.bk-address-card-top{align-items:flex-start}.bk-address-menu{flex-direction:column}.bk-address-menu a,.bk-address-menu button{text-align:center}.bk-address-form-card{padding:15px}.bk-address-title h1{font-size:24px}}

/* ANALYTICS + VOUCHER PRO V77 */
.bk-analytics-page,.bk-voucher-page{padding-top:28px;color:#123f67}.bk-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.bk-eyebrow{display:inline-block;font-size:9px;letter-spacing:1.8px;font-weight:950;color:#168ffb;background:#eaf6ff;padding:6px 9px;border-radius:999px}.bk-page-head h1{font-size:29px;letter-spacing:-.7px;margin:7px 0 4px;color:#073d72}.bk-page-head p{margin:0;color:#7890a5;font-size:12px}.bk-filter{display:flex;align-items:flex-end;gap:10px;background:#fff;border:1px solid #dbeaf7;border-radius:16px;padding:13px 15px;box-shadow:0 8px 25px rgba(15,83,145,.05);margin-bottom:17px}.bk-filter label{display:block;color:#71899d;font-size:9px;font-weight:800;margin-bottom:5px}.bk-filter input{height:40px;border:1px solid #d7e6f2;border-radius:9px;padding:0 11px;color:#123f67;background:#fbfdff;outline:none}.bk-filter input:focus{border-color:#168ffb;box-shadow:0 0 0 3px rgba(22,143,251,.08)}.bk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.bk-kpi{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dbeaf7;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(15,83,145,.045)}.bk-kpi>span{width:43px;height:43px;border-radius:12px;background:#eef7ff;display:grid;place-items:center;font-size:20px}.bk-kpi.blue>span{background:#168ffb;color:#fff}.bk-kpi small,.bk-kpi em{display:block}.bk-kpi small{font-size:9px;color:#8399aa;font-weight:800}.bk-kpi strong{display:block;color:#083f73;font-size:19px;margin:3px 0}.bk-kpi em{font-size:8px;color:#94a6b4;font-style:normal}.bk-analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:15px}.bk-panel{background:#fff;border:1px solid #dbeaf7;border-radius:17px;padding:18px;box-shadow:0 8px 25px rgba(15,83,145,.045)}.bk-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.bk-panel-head h2{margin:0;color:#083f73;font-size:15px}.bk-panel-head p{margin:4px 0 0;color:#8aa0b1;font-size:9px}.bk-panel-head>a{color:#087ee5;font-size:9px;font-weight:900}.bk-panel-head>b{font-size:16px;color:#087ee5}.bk-chart{height:190px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #e8f0f6;padding:8px 5px 0;overflow-x:auto}.bk-bar-wrap{height:180px;min-width:25px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bk-bar{width:15px;min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#168ffb,#72c4ff);box-shadow:0 4px 10px rgba(22,143,251,.16)}.bk-bar-wrap:hover .bk-bar{background:linear-gradient(180deg,#0878e5,#43aaf7)}.bk-bar-wrap small{font-size:7px;color:#8ba0b0;white-space:nowrap}.bk-status-list{display:grid;gap:10px}.bk-status-list>div{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#f7fbff;border-radius:9px}.bk-status-list span{font-size:10px;color:#526f86}.bk-status-list b{font-size:11px;color:#0a4c80}.bk-rank-list{display:grid}.bk-rank-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #eef3f7}.bk-rank-list>div:last-child{border-bottom:0}.bk-rank-list>div>strong{color:#168ffb;font-size:11px}.bk-rank-list span{font-size:10px;font-weight:800;color:#294f6e;min-width:0}.bk-rank-list span small{display:block;color:#91a2af;font-size:8px;font-weight:500;margin-top:3px}.bk-rank-list b{font-size:9px;color:#0878df}.bk-payment-list{display:grid;gap:13px}.bk-payment-list>div>div{display:flex;justify-content:space-between;font-size:9px;color:#5c768a}.bk-payment-list>div>div b{color:#083f73}.bk-payment-list i{display:block;height:6px;background:#eef4f8;border-radius:999px;overflow:hidden;margin-top:5px}.bk-payment-list em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#168ffb,#72c4ff)}.bk-mini-table table{font-size:10px}.bk-mini-table th{font-size:8px;color:#8ca0ae}.bk-code-pill{display:inline-flex;background:#eef7ff;color:#0878df;border-radius:7px;padding:5px 8px;font-weight:900;font-family:ui-monospace,monospace;font-size:9px}.bk-empty{text-align:center;color:#8ca0af;font-size:10px;padding:22px 10px}.bk-alert{padding:12px 14px;border-radius:10px;font-size:10px;font-weight:800;margin-bottom:14px}.bk-alert.success{background:#eafaf2;color:#147c4c;border:1px solid #c9edd9}.bk-alert.error{background:#fff0f2;color:#b43750;border:1px solid #f2ccd3}.bk-voucher-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.bk-voucher-kpis>div{background:linear-gradient(135deg,#fff,#f4faff);border:1px solid #dbeaf7;border-radius:15px;padding:15px;display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}.bk-voucher-kpis span{grid-row:span 2;width:40px;height:40px;border-radius:11px;background:#eaf6ff;display:grid;place-items:center;font-size:18px}.bk-voucher-kpis b{color:#083f73;font-size:20px}.bk-voucher-kpis small{color:#8a9eae;font-size:8px}.bk-voucher-layout{display:grid;grid-template-columns:370px 1fr;gap:15px;align-items:start}.bk-voucher-form{position:sticky;top:90px}.bk-voucher-form label{display:block;color:#526f86;font-size:9px;font-weight:800;margin-bottom:2px}.bk-voucher-form .field{font-size:10px}.bk-voucher-list{display:grid;gap:10px}.bk-voucher-card{display:grid;grid-template-columns:43px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #e0edf6;border-radius:14px;background:linear-gradient(135deg,#fff,#fafdff)}.bk-voucher-icon{width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#168ffb,#66bbfa);display:grid;place-items:center;color:#fff;font-size:19px;box-shadow:0 7px 16px rgba(22,143,251,.14)}.bk-voucher-code{display:flex;align-items:center;gap:7px}.bk-voucher-code strong{font:900 12px ui-monospace,monospace;color:#0b4a7d}.bk-voucher-code span{font-size:7px;padding:4px 7px;border-radius:999px;font-weight:900}.bk-voucher-code .on{background:#e9faf2;color:#17804e}.bk-voucher-code .off{background:#f1f3f5;color:#7e8c96}.bk-voucher-main h3{font-size:13px;margin:5px 0 3px;color:#123f67}.bk-voucher-main p{margin:0;color:#8a9eae;font-size:8px}.bk-voucher-progress{margin-top:8px}.bk-voucher-progress i{display:block;height:5px;background:#edf3f7;border-radius:999px;overflow:hidden}.bk-voucher-progress em{display:block;height:100%;background:linear-gradient(90deg,#168ffb,#72c4ff);border-radius:999px}.bk-voucher-progress small{display:block;color:#8a9eae;font-size:7px;margin-top:4px}.bk-voucher-actions{display:flex;gap:5px}.bk-voucher-actions button{width:31px;height:31px;border:1px solid #d9e8f3;background:#fff;border-radius:8px;color:#0878df;cursor:pointer}.bk-voucher-actions button:hover{background:#eaf6ff}.bk-voucher-actions .danger:hover{background:#fff0f2;color:#c43d3d}@media(max-width:950px){.bk-kpis{grid-template-columns:repeat(2,1fr)}.bk-analytics-grid{grid-template-columns:1fr}.bk-voucher-layout{grid-template-columns:1fr}.bk-voucher-form{position:static}}@media(max-width:650px){.bk-page-head{align-items:flex-start;flex-direction:column}.bk-filter{align-items:stretch;flex-wrap:wrap}.bk-filter>div{flex:1;min-width:135px}.bk-filter .btn,.bk-filter .outline{flex:1}.bk-kpis{grid-template-columns:1fr}.bk-voucher-kpis{grid-template-columns:1fr}.bk-voucher-card{grid-template-columns:40px 1fr}.bk-voucher-actions{grid-column:2}.bk-voucher-actions button{width:38px}.bk-panel{padding:14px}}


/* BELANJAKITA POLISH LAYER — non-destructive UI refinement */
:root{--bk-primary:#1688f7;--bk-primary-dark:#0b6fd7;--bk-ink:#082b58;--bk-muted:#70859a;--bk-line:#dbe8f4;--bk-bg:#f5f9fd;--bk-shadow:0 14px 40px rgba(15,83,145,.09)}
body{background:var(--bk-bg)}
.wrap{max-width:1280px}
header{box-shadow:0 2px 18px rgba(8,43,88,.045)}
.card,.box,.panel,.store-hero{box-shadow:0 8px 28px rgba(15,83,145,.045)}
.card:hover,.panel:hover{border-color:#c9def0}
.photo,.shop-photo{background:linear-gradient(145deg,#f8fbff,#edf5fb)}
.photo img,.shop-photo img{transition:transform .35s ease}
.card:hover .photo img,.shop-card:hover .shop-photo img{transform:scale(1.035)}
.btn{background:linear-gradient(135deg,var(--bk-primary),var(--bk-primary-dark));border-color:var(--bk-primary)}
.btn:focus-visible,.outline:focus-visible,.field:focus-visible{outline:3px solid rgba(22,136,247,.16);outline-offset:2px}
.cat{background:linear-gradient(180deg,#fff,#fbfdff)}
.cat:hover{transform:translateY(-3px);border-color:#b9d8f1}
.section>h2,.head h2{color:var(--bk-ink)}
/* More consistent product cards on catalog/detail surfaces */
.product-grid,.grid{align-items:stretch}
@media(max-width:760px){
  .wrap{width:calc(100% - 24px)}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .photo{height:180px}
  .two{grid-template-columns:1fr}
}
@media(max-width:430px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .photo{height:150px}
  .pad{padding:11px}
}


/* =========================================================
   BELANJAKITA MARKETPLACE REFRESH — INSPIRED BY MODERN MARKETPLACE
   Non-destructive: visual layer only, existing PHP routes preserved.
   ========================================================= */
:root{--bk-green:#00b14f;--bk-green-dark:#008f40;--bk-green-soft:#eafaf1;--bk-text:#182230;--bk-sub:#667085;--bk-border:#e6eaf0;--bk-surface:#fff}
.bk-home{background:#f7f8fa;color:var(--bk-text)}
.bk-topbar{height:34px;background:#f7f8fa;border-bottom:1px solid #eef0f3;color:#5f6b7a;font-size:11px}
.bk-top-inner{min-height:34px}.bk-toplinks,.bk-top-right{gap:20px}.bk-toplinks span{white-space:nowrap}.bk-top-right a{color:#4d5968;font-weight:650}.bk-top-right a:hover{color:var(--bk-green-dark)}
.bk-header{height:74px;box-shadow:0 1px 7px rgba(16,24,40,.05);border-bottom:1px solid #edf0f3}.bk-nav{grid-template-columns:210px minmax(320px,1fr) auto;gap:18px}.bk-logo{width:42px;height:42px;border-radius:11px;background:var(--bk-green);box-shadow:0 7px 18px rgba(0,177,79,.2)}.bk-brand strong{font-size:22px;color:var(--bk-green);letter-spacing:-1px}.bk-brand small{color:#8a94a3;letter-spacing:.75px;font-size:8px}
.bk-search{height:44px;border:1px solid #cfd6df;border-radius:9px;box-shadow:none}.bk-search:focus-within{border-color:#8fd7af;box-shadow:0 0 0 3px rgba(0,177,79,.08)}.bk-search input{font-size:13px}.bk-search select{font-size:11px}.bk-search button{width:50px;background:var(--bk-green);font-size:20px}.bk-action-icon{font-size:20px;line-height:1}.bk-actions>a{color:#4d5968}.bk-actions>a:hover{background:#f0faf5;color:var(--bk-green-dark)}.bk-actions>a i{background:#f04444}.bk-actions .bk-login{border:1px solid #00a84b;color:var(--bk-green-dark);border-radius:8px}.bk-actions .bk-register{background:var(--bk-green);border-radius:8px}
.bk-menu{height:46px}.bk-menu .wrap{gap:25px}.bk-menu a{font-size:12px;color:#465466}.bk-menu .bk-all{background:var(--bk-green);padding:9px 15px}.bk-menu a:hover{color:var(--bk-green-dark)}
.hero-area{padding-top:14px}.hero-grid{grid-template-columns:205px minmax(0,1fr) 240px;gap:12px}.category-side,.promo-side,.hero-main,.benefit-bar,.flash-section,.section-panel{border-color:#e7ebf0;border-radius:12px}.category-side{box-shadow:0 2px 9px rgba(16,24,40,.035)}.side-title{font-size:13px}.cat-link{font-size:11px;color:#465466;padding:8px 14px}.cat-link:hover{background:#f0faf5;color:var(--bk-green-dark)}
/* promo carousel */
.bk-promo-slider{padding:0!important;min-height:330px;background:#eefaf3!important;border:0!important}.bk-slides{height:330px;position:relative}.bk-slide{position:absolute;inset:0;padding:42px 42px;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity .45s ease,transform .45s ease;overflow:hidden;border-radius:12px}.bk-slide.is-active{opacity:1;visibility:visible;transform:none}.bk-slide.tone-green{background:linear-gradient(105deg,#e8faef 0%,#c8f0d9 52%,#f4fff8 100%)}.bk-slide.tone-blue{background:linear-gradient(105deg,#eaf5ff 0%,#cfe8ff 52%,#f8fbff 100%)}.bk-slide.tone-violet{background:linear-gradient(105deg,#f2efff 0%,#ddd5ff 52%,#fbfaff 100%)}.bk-slide-copy{position:relative;z-index:3;max-width:58%}.bk-promo-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78);color:#078b43;font-size:9px;font-weight:900;letter-spacing:1.2px}.tone-blue .bk-promo-tag{color:#1970c8}.tone-violet .bk-promo-tag{color:#7053c9}.bk-slide h1{font-size:34px;line-height:1.08;letter-spacing:-1.2px;margin:13px 0 9px;color:#172b20}.tone-blue h1{color:#163c61}.tone-violet h1{color:#35265e}.bk-slide p{font-size:13px;line-height:1.55;color:#52675b;max-width:470px;margin:0 0 18px}.tone-blue p{color:#526b83}.tone-violet p{color:#685d7e}.hero-btn{background:var(--bk-green);padding:11px 19px;border-radius:8px;box-shadow:0 7px 17px rgba(0,177,79,.18);font-size:12px}.hero-btn:hover{background:var(--bk-green-dark)}.bk-slide-art{position:absolute;right:35px;bottom:0;width:42%;height:100%;display:grid;place-items:center;z-index:2}.bk-slide-art img{max-width:100%;max-height:88%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 25px rgba(20,40,30,.12));transition:transform .45s ease}.bk-slide.is-active .bk-slide-art img{transform:translateY(-3px) scale(1.02)}.bk-art-shape{width:190px;height:190px;border-radius:45px 45px 55px 55px;background:linear-gradient(145deg,#fff,#d9f5e5);display:grid;place-items:center;box-shadow:0 25px 45px rgba(0,120,60,.14);font-size:90px;position:relative}.bk-art-shape i,.bk-art-shape b{position:absolute;color:#00b14f;font-size:22px}.bk-art-shape i{right:20px;top:25px}.bk-art-shape b{left:25px;bottom:28px}.bk-slide-glow{position:absolute;width:280px;height:280px;border-radius:50%;right:8%;top:-120px;background:rgba(255,255,255,.35);filter:blur(2px)}.bk-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#465466;box-shadow:0 5px 15px rgba(16,24,40,.1);font-size:26px;line-height:28px;cursor:pointer}.bk-slide-arrow.prev{left:12px}.bk-slide-arrow.next{right:12px}.bk-slide-dots{position:absolute;left:42px;bottom:17px;z-index:6;display:flex;gap:6px}.bk-slide-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#b9c9be;cursor:pointer;transition:.2s}.bk-slide-dots button.active{width:22px;border-radius:99px;background:var(--bk-green)}
.promo-card{background:linear-gradient(135deg,#fff,#f7fbf8);box-shadow:0 2px 8px rgba(16,24,40,.03)}.promo-card strong{font-size:14px;color:#1d2b24}.promo-card b{font-size:11px;color:var(--bk-green-dark)}.promo-icon{color:var(--bk-green);text-shadow:0 6px 16px rgba(0,177,79,.14)}
.benefit-bar{box-shadow:0 2px 9px rgba(16,24,40,.035)}.benefit{padding:12px 14px}.benefit-icon{font-size:22px}.benefit b{font-size:11px;color:#253242}.benefit small{font-size:9px;color:#8993a0}
.section{padding-top:20px}.section-head h2{font-size:18px;color:#202b39}.section-head a{color:var(--bk-green-dark);font-size:11px}.category-showcase-head h2{font-size:21px;color:#202b39}.category-showcase-head p{font-size:11px;color:#7a8492}.category-all-btn{color:var(--bk-green-dark);border-color:#cfe9da}.category-card{border-color:#e4e9ee;box-shadow:0 5px 16px rgba(16,24,40,.04)}.category-card:hover{border-color:#a8dfbf;box-shadow:0 14px 30px rgba(0,177,79,.12)}.category-icon{background:var(--bk-green);box-shadow:0 5px 12px rgba(0,177,79,.16)}.category-arrow{background:#eafaf1;color:var(--bk-green-dark)}
.shop-card{border-color:#e7ebef;border-radius:10px}.shop-card:hover{box-shadow:0 12px 24px rgba(16,24,40,.09)}.shop-price{color:#1d2b24}.shop-store span{color:var(--bk-green)}
@media(max-width:850px){.bk-slide{padding:30px 24px}.bk-slide-copy{max-width:65%}.bk-slide h1{font-size:28px}.bk-slide-art{right:-10px;width:45%;opacity:.85}.bk-slide-dots{left:24px}.bk-toplinks span:nth-child(n+3){display:none}}
@media(max-width:560px){.bk-slide{padding:25px 20px;min-height:270px}.bk-slides{height:270px}.bk-slide-copy{max-width:74%}.bk-slide h1{font-size:24px}.bk-slide p{font-size:11px}.bk-slide-art{right:-35px;width:48%;opacity:.55}.bk-slide-arrow{width:30px;height:30px;font-size:22px}.bk-promo-slider{min-height:270px!important}.bk-menu{display:none}}

/* Login typography and visual hierarchy */
.bk-auth{margin:0;min-height:100vh;background:#f7f8fa;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#17212f}.bk-auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.bk-auth-visual{position:relative;overflow:hidden;padding:55px 8vw;background:linear-gradient(145deg,#eafaf1,#d7f5e3 58%,#f7fffa);display:flex;flex-direction:column}.bk-auth-brand{display:flex;align-items:center;gap:10px;color:#15251c;text-decoration:none}.bk-auth-brand span,.bk-auth-mobile-brand span{width:42px;height:42px;border-radius:11px;background:var(--bk-green);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 10px 24px rgba(0,177,79,.2)}.bk-auth-brand b,.bk-auth-mobile-brand b{font-size:23px;color:var(--bk-green);letter-spacing:-1px}.bk-auth-copy{position:relative;z-index:2;margin:auto 0;max-width:600px}.bk-auth-kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#078b43}.bk-auth-copy h1{font-size:46px;line-height:1.04;letter-spacing:-1.7px;margin:13px 0;color:#15251c}.bk-auth-copy h1 strong{color:var(--bk-green)}.bk-auth-copy>p{font-size:16px;line-height:1.65;color:#5c7165;max-width:510px}.bk-auth-points{display:grid;gap:12px;margin-top:24px}.bk-auth-points div{display:flex;align-items:center;gap:10px;color:#43564b;font-size:13px}.bk-auth-points i{width:23px;height:23px;border-radius:50%;background:#00b14f;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:12px}.bk-auth-bag{position:absolute;right:9%;bottom:7%;font-size:180px;filter:drop-shadow(0 24px 30px rgba(0,100,50,.13));transform:rotate(-7deg)}.bk-auth-orbit{position:absolute;border-radius:50%;color:#00b14f;font-size:30px}.orbit-one{right:12%;top:20%}.orbit-two{right:22%;bottom:22%}.bk-auth-form{display:flex;align-items:center;justify-content:center;padding:35px;background:#fff}.bk-auth-card{width:min(100%,430px)}.bk-auth-mobile-brand{display:none}.bk-auth-card .bk-auth-kicker{display:block}.bk-auth-card h2{font-size:29px;line-height:1.15;margin:8px 0 7px;color:#182230;letter-spacing:-.7px}.bk-auth-subtitle{font-size:13px;color:#7a8492;margin:0 0 24px}.bk-auth-error{background:#fff0f0;border:1px solid #ffd0d0;color:#b42318;padding:11px 12px;border-radius:9px;font-size:12px;margin-bottom:15px}.bk-login-form>label{display:block;font-size:13px;font-weight:750;color:#344054;margin:0 0 7px}.bk-login-form .field{width:100%;height:48px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:0 13px;font-size:14px;color:#1d2939;margin-bottom:16px;box-shadow:none}.bk-login-form .field:focus{border-color:#5bc58b;box-shadow:0 0 0 3px rgba(0,177,79,.08);outline:0}.bk-password{position:relative}.bk-password .field{padding-right:70px}.bk-password button{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#667085;font-size:11px;font-weight:750;cursor:pointer}.bk-login-options{display:flex;justify-content:space-between;align-items:center;margin:-3px 0 18px;font-size:11px}.bk-login-options a{color:#008f40;font-weight:800;text-decoration:none}.bk-check{display:flex;align-items:center;gap:5px;color:#667085}.bk-check input{accent-color:#00b14f}.bk-login-submit{width:100%;height:48px;border:0;border-radius:9px;background:var(--bk-green);color:#fff;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(0,177,79,.16)}.bk-login-submit:hover{background:var(--bk-green-dark)}.bk-login-submit b{margin-left:8px}.bk-auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#98a2b3;font-size:11px}.bk-auth-divider:before,.bk-auth-divider:after{content:"";height:1px;background:#eaecf0;flex:1}.bk-auth-register{text-align:center;font-size:12px;color:#667085}.bk-auth-register a{color:#008f40;font-weight:850}.bk-auth-mobile-brand{margin-bottom:28px}
@media(max-width:850px){.bk-auth-shell{grid-template-columns:1fr}.bk-auth-visual{display:none}.bk-auth-form{min-height:100vh;padding:25px 20px}.bk-auth-mobile-brand{display:flex;align-items:center;gap:9px}.bk-auth-card h2{font-size:27px}}