#de2{width:100%;max-width:467px;margin:0 auto;background:#fff;min-height:100vh;padding-bottom:70px;color:#123842;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}
#de2 *{box-sizing:border-box}#de2 button{font-family:inherit;cursor:pointer}
.de2-brand-image{width:100%;height:auto;min-height:182px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;border:0}
.de2-brand-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;image-rendering:auto}
.de2-balance{margin:0 22px;background:linear-gradient(125deg,#185c6d,#14647b);border-radius:15px;padding:12px 13px 12px;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12)}
.de2-balance-head{display:flex;justify-content:space-between;gap:10px}.de2-label{font-size:13px;font-weight:700;margin:7px 0}.eye{font-size:10px;margin-left:5px;opacity:.9}
.de2-rp{font-size:24px;font-weight:800;line-height:1.05}.de2-active{font-size:10px;font-weight:700;margin-top:3px;color:#d7f4dd}
.de2-balance-actions{display:flex;flex-direction:column;gap:6px}.de2-balance-actions button{min-width:86px;border:0;border-radius:8px;padding:11px 12px;background:#fff;color:#164c5d;font-size:11px;font-weight:700;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.de2-balance-actions .outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:none}
.de2-divider{height:1px;background:rgba(255,255,255,.28);margin:12px 0 9px}.de2-subbalances{display:flex;gap:62px}.de2-subbalances span,.de2-subbalances b{display:block}.de2-subbalances span{font-size:10px;font-weight:700}.de2-subbalances b{font-size:14px;margin-top:3px}
.de2-price{margin:12px 22px 0;border:1px solid #b9e2ef;border-radius:16px;padding:10px 12px 9px;background:linear-gradient(#fff,#f7fcfe)}
.de2-price-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.de2-price-title b{font-size:10px;color:#1c86a1;background:#dff3fa;border-radius:4px;padding:3px 5px;margin-left:5px}.de2-price-title i{font-style:normal;color:#e84c4c;background:#ffe9e9;border-radius:10px;padding:3px 7px;font-size:10px}
.de2-price-body{display:flex;align-items:center;margin-top:7px}.de2-number{width:132px;font-size:22px;font-weight:800}.de2-number small{display:block;font-size:11px;font-weight:400;margin-top:4px;color:#226a79}.de2-chart{height:74px;flex:1;position:relative}.de2-chart .ticks{position:absolute;left:0;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#60787e;font-size:9px}.de2-chart svg{position:absolute;left:35px;right:0;top:0;width:calc(100% - 35px);height:74px}.de2-chart svg:before{content:''}.de2-chart path{fill:none;stroke:#0ea4d0;stroke-width:2}
.de2-stats{border-top:1px solid #cfe1e7;margin-top:3px;padding-top:7px;display:flex;justify-content:space-between;color:#667c81;font-size:9px}.de2-stats strong{display:block;color:#1c5663;font-size:10px;margin-top:2px}
.de2-actions-row{margin:10px 22px 7px;display:flex;justify-content:space-between;text-align:center}.de2-actions-row button,.de2-actions-row a{border:0;background:#fff;color:#4e6870;font-size:8px;min-width:48px;text-decoration:none;display:block;font-family:inherit}.de2-actions-row span{display:block;margin:auto auto 3px;width:23px;height:23px;border:1px solid #d7e2e5;border-radius:50%;color:#b78b29;font-size:12px;line-height:21px}
.de2-help{margin:0 22px;width:calc(100% - 44px);background:#fff;border:0;border-top:1px solid #e5ecee;border-bottom:1px solid #e5ecee;padding:9px 0;display:flex;align-items:center;text-align:left;color:#173f49}.de2-help .helpicon{width:24px;height:24px;border-radius:50%;background:#fff3d9;display:grid;place-items:center;margin-right:9px}.de2-help b,.de2-help small{display:block}.de2-help b{font-size:10px}.de2-help small{font-size:8px;color:#8a989c;margin-top:2px}.de2-help>strong{margin-left:auto;color:#789096}
.de2-products{margin:10px 22px}.de2-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px}.de2-section-title a{font-size:8px;color:#0d7b96}
.de2-product{border:1px solid #dce7ea;border-radius:10px;min-height:116px;padding:9px;display:flex;justify-content:space-between}.de2-product-copy{flex:1}.de2-product-copy>b{display:block;font-size:10px}.de2-product-copy>small{display:block;color:#89989d;font-size:8px;margin-top:2px}.de2-product-grid{display:flex;gap:34px;margin-top:7px}.de2-product-grid span{font-size:8px;color:#778a8f}.de2-product-grid strong{display:block;color:#286b78;font-size:9px;margin-top:2px}.de2-product-copy button{border:0;border-radius:4px;background:#087b97;color:#fff;padding:7px 28px;font-size:8px;font-weight:800;margin-top:8px}
.de2-goldbar{width:70px;height:84px;background:linear-gradient(135deg,#f2f3f3,#d8dbdc);border-radius:7px;display:grid;place-items:center}.de2-goldbar div{width:31px;height:57px;border-radius:5px;background:linear-gradient(135deg,#fff1a4,#c38d1c);box-shadow:inset 0 0 0 1px #b48317;display:grid;place-items:center;color:#9d7114;font-size:10px;font-weight:800}
.de2-slider{height:29px;display:flex;justify-content:center;align-items:center;gap:5px}.de2-slider i{width:5px;height:5px;border-radius:50%;background:#ccd6d8}.de2-slider i.on{background:#c59427}.de2-slider button{width:22px;height:22px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#a17f38;margin-left:8px}
.de2-reg{text-align:center;color:#9aa8ab;font-size:7px;padding:5px 0 12px}.de2-reg div{margin-top:6px}.de2-reg b{font-size:10px;color:#527d85;margin:0 12px}
.de2-nav{position:absolute;left:0;bottom:0;width:100%;height:68px;background:#fff;border-top:1px solid #e3eaec;display:flex;justify-content:space-around;align-items:center}.de2-nav button{border:0;background:none;color:#7d8d92;font-size:8px;min-width:58px}.de2-nav span{display:block;font-size:18px;line-height:20px;margin-bottom:3px}.de2-nav button.on{color:#bb8b22;font-weight:800}
.de2-toast{display:none;position:absolute;bottom:78px;left:50%;transform:translateX(-50%);background:#143a44;color:#fff;padding:8px 14px;border-radius:18px;font-size:9px;z-index:10;white-space:nowrap}
@media(min-width:468px){#de2{box-shadow:0 0 25px rgba(0,0,0,.08)}}

.de2-carousel{position:relative}.de2-slide{display:none}.de2-slide.active{display:block}.de2-empty{padding:25px;text-align:center;border:1px dashed #ccd9dc;border-radius:10px;color:#819095;font-size:10px}.de2-goldbar img{width:100%;height:100%;object-fit:contain}.de2-slider i{cursor:pointer}.de2-slider i.on{background:#c59427}

/* v6 product section refinement */
#de2 .de2-products{margin:10px 22px 0}
#de2 .de2-section-title{height:24px;margin:0 2px 7px;display:flex;align-items:center;justify-content:space-between}
#de2 .de2-section-title b{font-size:11px;color:#123842}
#de2 .de2-section-title a{font-size:8px;color:#0b7892;text-decoration:none}
#de2 .de2-product{height:109px;min-height:109px;padding:8px 9px;border:1px solid #d8e4e7;border-radius:11px;background:#fff;display:flex;align-items:center;gap:8px}
#de2 .de2-product-copy{min-width:0;padding-left:0}
#de2 .de2-product-copy>b{font-size:10px;line-height:1.15}
#de2 .de2-product-copy>small{font-size:7px;margin-top:3px;color:#819196}
#de2 .de2-product-grid{display:flex;gap:28px;margin-top:7px}
#de2 .de2-product-grid span{font-size:7px;line-height:1.1}
#de2 .de2-product-grid strong{font-size:8px;margin-top:3px}
#de2 .de2-product-copy button{height:23px;padding:0 25px;margin-top:7px;border-radius:4px;font-size:8px}
#de2 .de2-goldbar{flex:0 0 70px;width:70px;height:84px;border-radius:8px}
#de2 .de2-goldbar div{width:30px;height:56px;font-size:9px}
#de2 .de2-goldbar img{width:100%;height:100%;object-fit:contain;border-radius:8px}
#de2 .de2-slider{height:36px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative}
#de2 .de2-slider i{width:5px;height:5px;border-radius:50%;background:#ccd6d8;margin:0}
#de2 .de2-slider i.on{background:#c99a32}
#de2 .de2-slider button{position:relative;width:42px;height:42px;margin:0 2px;border:0;border-radius:4px;background:#0a7d82;color:#fff;font-size:18px;line-height:42px;box-shadow:none}
#de2 .de2-slider button:first-of-type{margin-left:8px}
#de2 .de2-slider button:last-of-type{margin-left:0}
#de2 .de2-reg{padding-top:0;margin-top:0;font-size:7px;line-height:1.2}
#de2 .de2-reg div{margin-top:6px}
#de2 .de2-reg b{font-size:9px;margin:0 10px}
@media(max-width:380px){
  #de2 .de2-product-grid{gap:14px}
  #de2 .de2-goldbar{flex-basis:62px;width:62px}
}

/* v7: product slider matched to reference */
#de2 .de2-products{margin:11px 12px 0}
#de2 .de2-section-title{height:30px;margin:0 3px 7px;border-bottom:1px solid #d9e8ec;position:relative}
#de2 .de2-section-title:after{content:"";position:absolute;left:0;bottom:-1px;width:34px;height:2px;background:#c7952d}
#de2 .de2-section-title b{font-size:15px;font-weight:800;letter-spacing:-.2px}
#de2 .de2-section-title a{font-size:10px;font-weight:700;color:#0c7190}
#de2 .de2-carousel{overflow:hidden;width:100%;padding:0 0 1px}
#de2 .de2-slide{display:block;width:calc(100% - 22px);flex:0 0 calc(100% - 22px)}
#de2 .de2-carousel{display:flex;gap:12px;transition:transform .35s ease}
#de2 .de2-slide:not(.active){display:block}
#de2 .de2-product{height:147px;min-height:147px;padding:12px 10px;border:1px solid #bfe0ea;border-radius:9px;align-items:center;gap:12px;background:#fff}
#de2 .de2-product-copy{padding-left:0;flex:1;min-width:0}
#de2 .de2-product-copy>b{font-size:13px;color:#204d5b}
#de2 .de2-product-copy>small{font-size:10px;color:#60777d;margin-top:4px}
#de2 .de2-product-copy>small:before{content:"◷";font-size:12px;margin-right:4px;color:#687e84}
#de2 .de2-product-grid{gap:50px;margin-top:10px}
#de2 .de2-product-grid span{font-size:10px;color:#627b82}
#de2 .de2-product-grid strong{font-size:12px;margin-top:4px;color:#204d5b}
#de2 .de2-product-grid span:last-child strong{color:#15906f}
#de2 .de2-product-copy button{height:34px;min-width:236px;max-width:100%;padding:0 18px;margin-top:10px;border-radius:5px;font-size:11px;background:#197f9e}
#de2 .de2-goldbar{flex:0 0 73px;width:73px;height:116px;border-radius:8px;background:#eef0f0}
#de2 .de2-goldbar img{object-fit:contain}
#de2 .de2-goldbar div{width:30px;height:58px}
#de2 .de2-slider{height:51px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 0 0 5px}
#de2 .de2-dots{display:flex;align-items:center;gap:13px;padding-left:3px}
#de2 .de2-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#c9d7db;cursor:pointer}
#de2 .de2-dots i.on{width:16px;border-radius:5px;background:#bd8b24}
#de2 .de2-slider-controls{display:flex;align-items:center;gap:8px}
#de2 .de2-slider-controls button{width:34px;height:34px;margin:0;border-radius:50%;border:1px solid #ead8ad;background:#fff;color:#b38a35;font-size:21px;line-height:30px;padding:0;box-shadow:none}
#de2 .de2-slider-controls button[data-pause]{font-size:13px;color:#9b7932;border-color:#ead8ad}
#de2 .de2-reg{padding:5px 0 13px;font-size:9px;color:#899b9f}
#de2 .de2-reg div{margin-top:8px}
#de2 .de2-reg b{font-size:11px;margin:0 13px}
@media(max-width:390px){
 #de2 .de2-products{margin-left:11px;margin-right:11px}
 #de2 .de2-product-copy button{min-width:200px}
 #de2 .de2-product-grid{gap:22px}
 #de2 .de2-goldbar{flex-basis:66px;width:66px}
}

/* v8: prevent product card and slider controls from overlapping */
#de2 .de2-carousel{overflow:hidden;position:relative;margin-bottom:0;padding-bottom:0}
#de2 .de2-slide{position:relative;z-index:1}
#de2 .de2-product{position:relative;z-index:1}
#de2 .de2-slider{position:relative;z-index:3;height:58px;margin-top:4px;padding-top:5px;background:#fff}
#de2 .de2-slider-controls{position:relative;z-index:4}
#de2 .de2-slider-controls button{position:relative;z-index:5}
#de2 .de2-reg{position:relative;z-index:1;margin-top:0;padding-top:3px;background:#fff}


/* v9: mobile-style bottom navigation */
#de2 .de2-nav{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);
  width:min(100%,467px);height:64px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.98);border-top:1px solid #edf1f2;
  box-shadow:0 -3px 14px rgba(20,58,68,.07);display:flex;align-items:center;justify-content:space-between;
  gap:7px;z-index:30;
}
#de2 .de2-nav a{
  flex:1;min-width:0;height:39px;border-radius:4px;text-decoration:none;
  color:#fff;background:#087d82;display:flex;align-items:center;justify-content:center;gap:4px;
  font-size:8px;font-weight:700;line-height:1;white-space:nowrap;
  transition:transform .15s ease,background .15s ease;
}
#de2 .de2-nav a span{font-size:15px;line-height:1;font-weight:400}
#de2 .de2-nav a b{font-size:8px;font-weight:700}
#de2 .de2-nav a.on{
  background:transparent;color:#b98721;flex-direction:column;gap:2px;height:45px;
}
#de2 .de2-nav a.on span{font-size:16px}
#de2 .de2-nav a.on b{font-size:8px}
#de2 .de2-nav a:active{transform:scale(.96)}
#de2{padding-bottom:78px}
@media(max-width:360px){
 #de2 .de2-nav{padding-left:7px;padding-right:7px;gap:5px}
 #de2 .de2-nav a b{font-size:7px}
 #de2 .de2-nav a{gap:3px}
}

/* v10: fixed mobile-style bottom navigation */
#de2{padding-bottom:88px}
#de2 .de2-nav{
  position:fixed !important;
  left:50% !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:min(100vw,467px) !important;
  height:66px !important;
  z-index:99999 !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  align-items:end !important;
  padding:0 5px 7px !important;
  background:rgba(255,255,255,.98) !important;
  border-top:1px solid #dce9ed !important;
  box-shadow:0 -3px 12px rgba(0,0,0,.06) !important;
}
#de2 .de2-nav a{
  height:58px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:3px !important;
  text-decoration:none !important;
  color:#54717a !important;
  font-size:10px !important;
  font-weight:500 !important;
  position:relative !important;
  -webkit-tap-highlight-color:transparent;
}
#de2 .de2-nav a span{
  width:31px !important;
  height:31px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:19px !important;
  line-height:31px !important;
  color:#4d7380 !important;
  margin:0 !important;
  border-radius:9px !important;
}
#de2 .de2-nav a b{
  font-size:10px !important;
  line-height:12px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}
#de2 .de2-nav a.on{color:#08759a !important;font-weight:700 !important}
#de2 .de2-nav a.on span{background:#e8f6fb !important;color:#147c9d !important}
#de2 .de2-nav .de2-buy-nav{
  height:79px !important;
  justify-content:flex-end !important;
  margin-top:-18px !important;
  color:#9b741e !important;
  font-weight:700 !important;
}
#de2 .de2-nav .de2-buy-nav span{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 28%,#fff5c9 0,#e4bd5d 45%,#b98517 100%) !important;
  border:2px solid #fff !important;
  box-shadow:0 2px 7px rgba(110,82,16,.28) !important;
  color:#876313 !important;
  font-size:26px !important;
  transform:rotate(0deg) !important;
}
#de2 .de2-nav .de2-buy-nav b{font-weight:700 !important;color:#9b741e !important}
@media(max-width:360px){
  #de2 .de2-nav a b{font-size:9px !important}
  #de2 .de2-nav .de2-buy-nav span{width:44px !important;height:44px !important}
}

/* v11 - true mobile-app bottom navigation */
html,body{overflow-x:hidden}
#de2{
  width:100%;
  max-width:480px;
  min-height:100vh;
  margin:0 auto;
  padding-bottom:96px !important;
  position:relative;
  background:#fff;
  -webkit-tap-highlight-color:transparent;
}
#de2 .de2-nav{
  position:fixed !important;
  z-index:999999 !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:100% !important;
  max-width:480px !important;
  height:78px !important;
  padding:8px 7px max(8px, env(safe-area-inset-bottom)) !important;
  margin:0 !important;
  background:rgba(255,255,255,.98) !important;
  border-top:1px solid #dfe9ec !important;
  box-shadow:0 -5px 18px rgba(26,67,77,.08) !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  align-items:end !important;
  gap:0 !important;
}
#de2 .de2-nav a{
  height:62px !important;
  min-width:0 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:5px !important;
  padding:0 !important;
  margin:0 !important;
  color:#526f78 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1 !important;
  box-shadow:none !important;
}
#de2 .de2-nav a span{
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  font-size:20px !important;
  line-height:1 !important;
  color:#557681 !important;
  background:transparent !important;
  transition:.15s ease !important;
}
#de2 .de2-nav a b{
  display:block !important;
  font-size:10px !important;
  line-height:12px !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}
#de2 .de2-nav a.on,
#de2 .de2-nav a:hover{color:#147a91 !important}
#de2 .de2-nav a.on span{
  background:#e5f4f8 !important;
  color:#167d96 !important;
}
#de2 .de2-nav a.on b{font-weight:700 !important;color:#147a91 !important}

/* Center action: raised gold mobile-app button */
#de2 .de2-nav .de2-buy-nav{
  height:78px !important;
  justify-content:flex-end !important;
  color:#9a711d !important;
  position:relative !important;
  z-index:2 !important;
}
#de2 .de2-nav .de2-buy-nav span{
  width:54px !important;
  height:54px !important;
  margin-top:-23px !important;
  margin-bottom:3px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 28%,#fff7cf 0,#e7c25f 38%,#b88924 72%,#916817 100%) !important;
  border:3px solid #fff !important;
  box-shadow:0 3px 8px rgba(111,79,14,.25),0 0 0 1px #e4cf9b !important;
  color:#fff !important;
  font-size:27px !important;
}
#de2 .de2-nav .de2-buy-nav b{
  color:#9a711d !important;
  font-weight:700 !important;
}
#de2 .de2-nav a:active span{transform:scale(.94)}
#de2 .de2-nav .de2-buy-nav:active span{transform:scale(.92)}

@media (min-width:481px){
  #de2 .de2-nav{width:480px !important}
}
@media (max-width:360px){
  #de2 .de2-nav a b{font-size:9px !important}
  #de2 .de2-nav .de2-buy-nav span{width:50px !important;height:50px !important}
}

/* v12: true mobile-app bottom navigation */
#de2{
  position:relative;
  width:100%;
  max-width:480px;
  min-height:100dvh;
  margin:0 auto;
  padding-bottom:96px !important;
  overflow-x:hidden;
  background:#fff;
}
#de2 .de2-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:min(100%,480px) !important;
  height:76px !important;
  padding:7px 5px calc(7px + env(safe-area-inset-bottom)) !important;
  margin:0 !important;
  background:rgba(255,255,255,.98) !important;
  border-top:1px solid #dfe8eb !important;
  box-shadow:0 -4px 16px rgba(28,69,80,.08) !important;
  z-index:99999 !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  align-items:end !important;
  justify-items:center !important;
}
#de2 .de2-nav button{
  position:relative !important;
  width:100% !important;
  height:62px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:3px 2px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#53717b !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1 !important;
  -webkit-tap-highlight-color:transparent !important;
}
#de2 .de2-nav button span{
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:19px !important;
  line-height:34px !important;
  border-radius:9px !important;
}
#de2 .de2-nav button.on{
  color:#147a9a !important;
  font-weight:700 !important;
}
#de2 .de2-nav button.on span{
  background:#e3f4fa !important;
}
#de2 .de2-nav button:nth-child(3){
  margin-top:-25px !important;
  height:87px !important;
  justify-content:flex-start !important;
}
#de2 .de2-nav button:nth-child(3) span{
  width:52px !important;
  height:52px !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#f7d77d,#c38c20) !important;
  border:3px solid #fff !important;
  box-shadow:0 3px 9px rgba(145,101,22,.32) !important;
  color:#694d13 !important;
  font-size:25px !important;
  line-height:46px !important;
}
#de2 .de2-nav button:nth-child(3).on span{
  background:linear-gradient(145deg,#f7d77d,#c38c20) !important;
}
@media (max-width:480px){
  html,body{overflow-x:hidden}
  #de2 .de2-nav{width:100% !important}
}
@media (min-width:481px){
  #de2 .de2-nav{
    width:480px !important;
  }
}

/* v13: real mobile-app shell */
html,body{margin:0!important;padding:0!important}
#de2{
  position:relative!important;width:100%!important;max-width:480px!important;
  height:100dvh!important;min-height:100dvh!important;margin:0 auto!important;
  padding:0!important;overflow:hidden!important;background:#fff!important;
  display:flex!important;flex-direction:column!important;
}
#de2 .de2-scroll{
  flex:1 1 auto!important;min-height:0!important;width:100%!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
  padding-bottom:18px!important;scrollbar-width:none!important;
}
#de2 .de2-scroll::-webkit-scrollbar{display:none!important}
#de2 .de2-nav{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  top:auto!important;transform:none!important;
  flex:0 0 calc(76px + env(safe-area-inset-bottom))!important;
  width:100%!important;height:calc(76px + env(safe-area-inset-bottom))!important;
  min-height:calc(76px + env(safe-area-inset-bottom))!important;
  padding:7px 5px env(safe-area-inset-bottom)!important;margin:0!important;
  background:rgba(255,255,255,.99)!important;border-top:1px solid #dfe8eb!important;
  box-shadow:0 -5px 18px rgba(28,69,80,.10)!important;z-index:99999!important;
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;justify-items:center!important;
}
#de2 .de2-nav a{
  position:relative!important;width:100%!important;height:62px!important;min-width:0!important;
  margin:0!important;padding:3px 2px 0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#53717b!important;text-decoration:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:4px!important;font-size:10px!important;
  font-weight:500!important;line-height:1!important;box-shadow:none!important;
}
#de2 .de2-nav a span{
  width:34px!important;height:34px!important;margin:0!important;display:flex!important;
  align-items:center!important;justify-content:center!important;font-size:19px!important;
  line-height:34px!important;border-radius:9px!important;
}
#de2 .de2-nav a b{font-size:10px!important;font-weight:500!important;white-space:nowrap!important}
#de2 .de2-nav a.on{color:#147a9a!important;font-weight:700!important}
#de2 .de2-nav a.on span{background:#e3f4fa!important}
#de2 .de2-nav a.de2-buy-nav{
  margin-top:-25px!important;height:87px!important;justify-content:flex-start!important;
}
#de2 .de2-nav a.de2-buy-nav span{
  width:52px!important;height:52px!important;border-radius:50%!important;
  background:linear-gradient(145deg,#f7d77d,#c38c20)!important;border:3px solid #fff!important;
  box-shadow:0 3px 9px rgba(145,101,22,.32)!important;color:#694d13!important;
  font-size:25px!important;line-height:46px!important;
}
@media(min-width:481px){#de2{box-shadow:0 0 0 1px #e5edef!important}}

/* v14: viewport-fixed mobile app navigation */
#de2{
  width:100%!important;
  max-width:480px!important;
  min-height:100vh!important;
  margin:0 auto!important;
  position:relative!important;
  background:#fff!important;
  padding-bottom:82px!important;
  overflow:visible!important;
}
#de2 .de2-scroll{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  padding:0 0 10px!important;
  -webkit-overflow-scrolling:auto!important;
}
#de2 .de2-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  width:min(480px,100vw)!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:6px 6px env(safe-area-inset-bottom)!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-top:1px solid #dce7ea!important;
  box-shadow:0 -3px 14px rgba(23,66,78,.10)!important;
  z-index:2147483647!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;
}
#de2 .de2-nav a{
  width:100%!important;
  height:62px!important;
  margin:0!important;
  padding:3px 1px 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  background:transparent!important;
  border:0!important;
  color:#52717c!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
#de2 .de2-nav a span{
  width:34px!important;height:34px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:9px!important;
  font-size:19px!important;
  line-height:34px!important;
}
#de2 .de2-nav a b{
  font-size:10px!important;
  line-height:12px!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
#de2 .de2-nav a.on{color:#147a9a!important}
#de2 .de2-nav a.on span{background:#e4f4fa!important}
#de2 .de2-nav a.de2-buy-nav{
  height:88px!important;
  margin-top:-26px!important;
  justify-content:flex-start!important;
}
#de2 .de2-nav a.de2-buy-nav span{
  width:54px!important;height:54px!important;
  border-radius:50%!important;
  border:3px solid #fff!important;
  background:linear-gradient(145deg,#f8d77d,#c28b1f)!important;
  color:#674b12!important;
  font-size:26px!important;
  line-height:48px!important;
  box-shadow:0 3px 10px rgba(145,101,22,.30)!important;
}
#de2 .de2-nav a.de2-buy-nav b{
  color:#9a721f!important;
  font-weight:700!important;
}
@media(max-width:480px){
  #de2{max-width:none!important}
}

/* v15: navigation is physically moved to BODY so no theme/container can trap fixed positioning */
.de2-fixed-nav{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  top:auto!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(480px,100vw)!important;
  height:76px!important;
  min-height:76px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:6px 6px env(safe-area-inset-bottom)!important;
  background:#fff!important;
  border-top:1px solid #dce7ea!important;
  box-shadow:0 -4px 16px rgba(23,66,78,.12)!important;
  z-index:2147483647!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;
}
.de2-fixed-nav a{
  width:100%!important;height:62px!important;margin:0!important;
  padding:3px 1px 0!important;display:flex!important;
  flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:4px!important;
  background:transparent!important;border:0!important;
  color:#52717c!important;text-decoration:none!important;
  box-shadow:none!important;
}
.de2-fixed-nav a span{
  width:34px!important;height:34px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  border-radius:9px!important;font-size:19px!important;line-height:34px!important;
}
.de2-fixed-nav a b{font-size:10px!important;line-height:12px!important;font-weight:500!important;white-space:nowrap!important}
.de2-fixed-nav a.on{color:#147a9a!important}
.de2-fixed-nav a.on span{background:#e4f4fa!important}
.de2-fixed-nav a.de2-buy-nav{
  height:88px!important;margin-top:-26px!important;justify-content:flex-start!important;
}
.de2-fixed-nav a.de2-buy-nav span{
  width:54px!important;height:54px!important;border-radius:50%!important;
  border:3px solid #fff!important;
  background:linear-gradient(145deg,#f8d77d,#c28b1f)!important;
  color:#674b12!important;font-size:26px!important;line-height:48px!important;
  box-shadow:0 3px 10px rgba(145,101,22,.30)!important;
}
.de2-fixed-nav a.de2-buy-nav b{color:#9a721f!important;font-weight:700!important}
@media(max-width:480px){
  .de2-fixed-nav{width:100vw!important}
}

/* v16: viewport-lock fallback portal */
#de2-nav-portal.de2-nav-portal{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  width:100vw!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:6px 6px env(safe-area-inset-bottom)!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-top:1px solid #dce7ea!important;
  box-shadow:0 -4px 16px rgba(23,66,78,.12)!important;
  z-index:2147483647!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:end!important;
  transform:none!important;
}
#de2-nav-portal.de2-nav-portal a{
  width:100%!important;height:62px!important;margin:0!important;padding:3px 1px 0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;gap:4px!important;background:transparent!important;
  border:0!important;color:#52717c!important;text-decoration:none!important;
}
#de2-nav-portal.de2-nav-portal a span{
  width:34px!important;height:34px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;border-radius:9px!important;
  font-size:19px!important;line-height:34px!important;
}
#de2-nav-portal.de2-nav-portal a b{font-size:10px!important;line-height:12px!important;font-weight:500!important}
#de2-nav-portal.de2-nav-portal a.on{color:#147a9a!important}
#de2-nav-portal.de2-nav-portal a.on span{background:#e4f4fa!important}
#de2-nav-portal.de2-nav-portal a.de2-buy-nav{height:88px!important;margin-top:-26px!important}
#de2-nav-portal.de2-nav-portal a.de2-buy-nav span{
  width:54px!important;height:54px!important;border-radius:50%!important;border:3px solid #fff!important;
  background:linear-gradient(145deg,#f8d77d,#c28b1f)!important;color:#674b12!important;
  font-size:26px!important;line-height:48px!important;box-shadow:0 3px 10px rgba(145,101,22,.30)!important;
}
#de2-nav-portal.de2-nav-portal a.de2-buy-nav b{color:#9a721f!important;font-weight:700!important}

/* Mobile tap reliability: ensure wallet action links remain above decorative layers. */
@media (max-width: 768px) {
  #de2 .de2-balance-actions a,
  #de2 .de2-actions-row a,
  #de2-nav-portal a,
  .de2-nav-portal a {
    position: relative !important;
    z-index: 1000002 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(20,122,154,.18);
    cursor: pointer;
  }
  #de2 .de2-balance-actions,
  #de2 .de2-actions-row,
  #de2-nav-portal,
  .de2-nav-portal { pointer-events: auto !important; }
}

/* v17: layout-only collision fixes; preserves all existing PHP, links and JS behavior. */
#de2, #de2 * { box-sizing: border-box; }
#de2 { overflow-wrap: anywhere; }
#de2 img, #de2 svg, #de2 video { max-width: 100%; }
#de2 img { height: auto; }
#de2 button, #de2 a { max-width: 100%; }
#de2 .de2-balance-head { align-items: flex-start; flex-wrap: wrap; }
#de2 .de2-balance-head > * { min-width: 0; }
#de2 .de2-balance-actions { flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 7px; }
#de2 .de2-balance-actions button,
#de2 .de2-balance-actions a { min-width: 0; max-width: 100%; flex: 1 1 105px; white-space: normal; line-height: 1.3; }
#de2 .de2-subbalances { display: flex; flex-wrap: wrap; gap: 12px 24px; }
#de2 .de2-subbalances > * { min-width: 0; flex: 1 1 100px; }
#de2 .de2-price-title { gap: 8px; flex-wrap: wrap; line-height: 1.35; }
#de2 .de2-price-body { gap: 10px; min-width: 0; }
#de2 .de2-number { width: auto; flex: 0 1 42%; min-width: 0; overflow-wrap: anywhere; line-height: 1.2; }
#de2 .de2-chart { min-width: 0; }
#de2 .de2-actions-row { gap: 5px; align-items: flex-start; }
#de2 .de2-actions-row button, #de2 .de2-actions-row a { flex: 1 1 0; min-width: 0; white-space: normal; line-height: 1.25; overflow-wrap: anywhere; }
#de2 .de2-products { min-width: 0; }
#de2 .de2-carousel { min-width: 0; }
#de2 .de2-slide { min-width: 0; }
#de2 .de2-product { height: auto; min-height: 147px; align-items: center; }
#de2 .de2-product-copy { min-width: 0; overflow-wrap: anywhere; }
#de2 .de2-product-grid { display: flex; flex-wrap: wrap; gap: 8px 18px; }
#de2 .de2-product-grid > * { min-width: 0; flex: 0 1 auto; }
#de2 .de2-product-copy button { min-width: 0; width: 100%; max-width: 100%; padding: 8px 10px; height: auto; min-height: 34px; white-space: normal; line-height: 1.25; }
#de2 .de2-goldbar { flex-shrink: 0; max-width: 30%; }
#de2 .de2-section-title { gap: 8px; }
#de2 .de2-section-title > * { min-width: 0; }
#de2 .de2-section-title a { white-space: nowrap; }
#de2 .de2-reg { padding-left: 10px; padding-right: 10px; overflow-wrap: anywhere; }
#de2 .de2-reg b { display: inline-block; margin: 3px 8px; }
#de2 .de2-toast { max-width: calc(100% - 24px); white-space: normal; text-align: center; line-height: 1.35; }
#de2 .de2-nav, #de-global-app-nav, #de2-nav-portal { box-sizing: border-box; }
#de-global-app-nav a { min-width: 0!important; }
#de-global-app-nav a b { max-width: 100%; white-space: normal!important; text-align: center; overflow-wrap: anywhere; }
@media (max-width: 390px) {
  #de2 .de2-balance, #de2 .de2-price { margin-left: 12px; margin-right: 12px; }
  #de2 .de2-products { margin-left: 12px!important; margin-right: 12px!important; }
  #de2 .de2-balance { padding: 12px; }
  #de2 .de2-rp { font-size: clamp(18px, 5vw, 24px); overflow-wrap: anywhere; }
  #de2 .de2-price-body { align-items: flex-start; }
  #de2 .de2-number { font-size: clamp(16px, 4.5vw, 22px); flex-basis: 40%; }
  #de2 .de2-product { gap: 8px; padding: 10px 8px; }
  #de2 .de2-product-copy>b { font-size: 12px; line-height: 1.3; }
  #de2 .de2-product-copy>small { line-height: 1.35; }
  #de2 .de2-product-grid { gap: 7px 12px; }
  #de2 .de2-goldbar { flex-basis: 58px; width: 58px; height: 90px; }
  #de2 .de2-slider-controls { gap: 5px; }
  #de2 .de2-slider-controls button { width: 30px; height: 30px; line-height: 26px; }
  #de-global-app-nav a { font-size: 9px!important; gap: 3px!important; }
  #de-global-app-nav a span { width: 27px!important; height: 27px!important; font-size: 18px!important; }
  #de-global-app-nav a b { font-size: 9px!important; }
}
@media (max-width: 340px) {
  #de2 .de2-balance-head { display: block; }
  #de2 .de2-balance-actions { margin-top: 10px; }
  #de2 .de2-product { align-items: flex-start; }
  #de2 .de2-goldbar { flex-basis: 48px; width: 48px; height: 76px; }
  #de2 .de2-goldbar div { max-width: 80%; }
  #de-global-app-nav { padding-left: 2px!important; padding-right: 2px!important; }
  #de-global-app-nav a b { font-size: 8px!important; }
}
/* Fix common overlap patterns on the plugin's other public pages without changing behavior. */
.de-es-head, .de-es-overview-main, .de-es-metrics,
.de-beli-head, .de-profile-head, .de-wallet-head { min-width: 0; }
.de-es-overview-main, .de-es-metrics { display: flex; flex-wrap: wrap; gap: 12px; }
.de-es-overview-main > *, .de-es-metrics > * { min-width: 0; flex: 1 1 120px; }
.de-es-overview-main strong, .de-es-metrics strong { overflow-wrap: anywhere; }
[class*="de-"] img { max-width: 100%; }

/* v15: mobile product card layout — keep product image and Buy button separate */
@media (max-width: 480px) {
  #de2 .de2-product {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 64px;
    align-items: start !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px !important;
    overflow: hidden;
  }
  #de2 .de2-product-copy {
    min-width: 0 !important;
    width: 100%;
    flex: initial !important;
  }
  #de2 .de2-product-copy > b,
  #de2 .de2-product-copy > small {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  #de2 .de2-product-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 14px !important;
    row-gap: 7px !important;
    margin-top: 9px !important;
  }
  #de2 .de2-product-grid > span {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
  #de2 .de2-product-copy button {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 36px !important;
    margin-top: 11px !important;
    padding: 9px 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.25 !important;
  }
  #de2 .de2-goldbar {
    position: relative !important;
    align-self: start !important;
    width: 64px !important;
    max-width: 64px !important;
    min-width: 0 !important;
    height: 90px !important;
    flex: none !important;
    overflow: hidden;
  }
  #de2 .de2-goldbar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media (max-width: 360px) {
  #de2 .de2-product { grid-template-columns: minmax(0, 1fr) 54px; gap: 8px !important; padding: 10px !important; }
  #de2 .de2-goldbar { width: 54px !important; max-width: 54px !important; height: 78px !important; }
  #de2 .de2-product-grid { column-gap: 10px !important; }
}

/* v16: stronger mobile product-card layout override; keeps image in its own column and purchase button below details. */
@media (max-width: 480px) {
  #de2 .de2-products { margin-left: 10px !important; margin-right: 10px !important; }
  #de2 .de2-product {
    display: grid !important; grid-template-columns: minmax(0, 1fr) 68px !important;
    grid-template-rows: auto; align-items: start !important; column-gap: 10px !important;
    row-gap: 0 !important; height: auto !important; min-height: 0 !important;
    padding: 12px !important; overflow: visible !important;
  }
  #de2 .de2-product-copy { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; width: auto !important; }
  #de2 .de2-product-copy > b { display:block !important; font-size: 14px !important; line-height: 1.3 !important; overflow-wrap:anywhere !important; }
  #de2 .de2-product-copy > small { display:block !important; font-size: 11px !important; line-height:1.35 !important; }
  #de2 .de2-product-grid { display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px 10px !important; margin-top: 12px !important; }
  #de2 .de2-product-grid > span { min-width:0 !important; font-size:10px !important; overflow-wrap:anywhere !important; }
  #de2 .de2-product-grid strong { font-size:12px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; }
  #de2 .de2-product-copy button { grid-column:1 !important; display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:40px !important; height:auto !important; margin:12px 0 0 !important; padding:10px 8px !important; font-size:12px !important; line-height:1.25 !important; white-space:normal !important; overflow-wrap:anywhere !important; }
  #de2 .de2-goldbar { grid-column:2 !important; grid-row:1 !important; justify-self:end !important; align-self:start !important; position:relative !important; width:68px !important; min-width:68px !important; max-width:68px !important; height:92px !important; margin:0 !important; flex:none !important; overflow:hidden !important; }
  #de2 .de2-goldbar img { display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; }
}
@media (max-width: 360px) {
  #de2 .de2-product { grid-template-columns:minmax(0,1fr) 56px !important; column-gap:8px !important; padding:10px !important; }
  #de2 .de2-goldbar { width:56px !important; min-width:56px !important; max-width:56px !important; height:78px !important; }
  #de2 .de2-product-grid { grid-template-columns:minmax(0,1fr) !important; }
}

/* Exact supplied OJK/BAPPEBTI registration graphic; responsive on mobile. */
#de2 .de2-reg { display:flex; justify-content:center; align-items:center; width:100%; box-sizing:border-box; padding:5px 0 13px; overflow:hidden; }
#de2 .de2-reg img { display:block; width:253px; max-width:100%; height:auto; object-fit:contain; margin:0 auto; }

/* Mobile visibility fix for the supplied OJK/BAPPEBTI graphic */
#de2 .de2-reg { display:flex !important; position:relative !important; visibility:visible !important; opacity:1 !important; width:100% !important; min-height:48px !important; height:auto !important; align-items:center !important; justify-content:center !important; margin:12px 0 88px !important; padding:8px 12px 16px !important; overflow:visible !important; box-sizing:border-box !important; background:#fff !important; z-index:5 !important; clear:both !important; }
#de2 .de2-reg img { display:block !important; visibility:visible !important; opacity:1 !important; position:relative !important; width:253px !important; max-width:100% !important; min-width:0 !important; height:auto !important; max-height:none !important; object-fit:contain !important; margin:0 auto !important; flex:0 1 253px !important; }
@media (max-width:480px) { #de2 .de2-reg { margin-bottom:96px !important; padding:10px 14px 18px !important; } #de2 .de2-reg img { width: min(253px, 92vw) !important; } }


/* Minimal fix: reserve clear space above the fixed bottom navigation on mobile. */
@media (max-width: 480px) {
  #de2 .de2-reg { margin-bottom: 150px !important; padding-bottom: 28px !important; }
  #de2 { padding-bottom: 150px !important; }
}

/* Editable OJK/BAPPEBTI registration banner text mode */
.de2-reg-text{box-sizing:border-box;width:100%;min-height:46px;padding:7px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;background:#fff;border-top:1px solid #d8e7eb;color:#6d8a93;font-family:inherit}.de2-reg-text strong{font-size:9px;letter-spacing:1px;line-height:1.25;font-weight:700}.de2-reg-text span{font-size:11px;line-height:1.3;color:#43816e;font-weight:600}.de2-reg img{max-width:100%;height:auto}

/* v17: restore normal page scrolling on mobile; fixed bottom nav remains independent. */
html, body {
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
body {
  position: static !important;
  touch-action: pan-y !important;
}
#de2 {
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
  touch-action: pan-y !important;
  padding-bottom: 110px !important;
}
#de2 .de2-products,
#de2 .de2-reg,
#de2 .de2-reg-text {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
#de2 .de2-reg { margin-bottom: 100px !important; }

/* v18: hide the separate registration banner requested by the site owner. */
#de2 .de2-reg, #de2 .de2-reg-text { display:none !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; overflow:hidden !important; }

/* Wallet action buttons only: compact, polished layout without changing other sections. */
#de2 .de2-balance .de2-balance-head .de2-balance-actions {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
#de2 .de2-balance .de2-balance-head .de2-balance-actions a {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: 124px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 108px !important;
  min-height: 42px !important;
  max-width: 100% !important;
  padding: 10px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg,#18a879,#07845f) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.13) !important;
}
#de2 .de2-balance .de2-balance-head .de2-balance-actions a::before {
  content: "+";
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
}
#de2 .de2-balance .de2-balance-head .de2-balance-actions a.outline {
  background: linear-gradient(135deg,#2586df,#1762b2) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.13) !important;
}
#de2 .de2-balance .de2-balance-head .de2-balance-actions a.outline::before {
  content: "↗";
  font-size: 14px;
}
#de2 .de2-balance .de2-balance-head .de2-balance-actions a:active {
  transform: translateY(1px);
  box-shadow: 0 1px 3px rgba(0,0,0,.12) !important;
}
@media (max-width: 390px) {
  #de2 .de2-balance .de2-balance-head .de2-balance-actions { gap: 6px !important; }
  #de2 .de2-balance .de2-balance-head .de2-balance-actions a {
    width: 118px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 9px 10px !important;
    font-size: 11px !important;
  }
}

/* Wallet buttons mobile override: enforce vertical stack on phones. */
@media screen and (max-width: 768px) {
  #de2 .de2-balance .de2-balance-head {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
  #de2 .de2-balance .de2-balance-head .de2-balance-actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 0 0 124px !important;
    width: 124px !important;
    gap: 8px !important;
    margin: 0 0 0 auto !important;
  }
  #de2 .de2-balance .de2-balance-head .de2-balance-actions a,
  #de2 .de2-balance .de2-balance-head .de2-balance-actions a.outline {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
}

/* Visual polish: product card "Beli Sekarang" button only */
#de2 .de2-product-copy a.de2-buy {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 46px !important;
  box-sizing: border-box !important;
  margin-top: 14px !important;
  padding: 12px 18px !important;
  border: 1px solid #b98724 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #f6d77d 0%, #e5b94e 48%, #c99127 100%) !important;
  color: #33220a !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(173, 122, 23, .20), inset 0 1px 0 rgba(255,255,255,.55) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
#de2 .de2-product-copy a.de2-buy::before {
  content: "💎" !important;
  font-size: 18px !important;
  line-height: 1 !important;
}
#de2 .de2-product-copy a.de2-buy:active {
  transform: translateY(1px) scale(.99) !important;
  box-shadow: 0 2px 5px rgba(173, 122, 23, .18) !important;
}
@media (max-width: 600px) {
  #de2 .de2-product-copy a.de2-buy {
    min-height: 44px !important;
    margin-top: 12px !important;
    padding: 11px 14px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }
}