*{box-sizing:border-box}

/* ===== GOLD FRAME (คงเดิม) ===== */
.gold-frame{
 padding:14px;
 border-radius:24px;
 overflow:hidden;
 box-shadow:0 0 25px gold;
 position:relative;
}
.gold-frame::before{
 content:"";
 position:absolute;
 inset:-50%;
 background:conic-gradient(gold,rgba(255,255,255,.6),gold);
 animation:spin 1.5s linear infinite;
}
@keyframes spin{100%{transform:rotate(360deg)}}
.gold-frame img{
 position:relative;
 z-index:1;
 border-radius:16px;
 width:100%;
}

/* ===== STAT (คงโครง + เพิ่ม pulse) ===== */
.stat-wrap{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:10px;
 padding:14px;
}
.stat-box{
 background:#000;
 border:2px solid gold;
 border-radius:18px;     /* 🔺 มนขึ้นนิด */
 text-align:center;

 padding:16px 8px;      /* 🔺 ขยาย “ตัวกล่อง” จริง */
 min-height:96px;       /* 🔺 เพิ่มความสูงเฉพาะกล่อง */

 box-shadow:0 0 18px gold;
}
.stat-box .icon{
 font-size:22px;
 animation:iconFloat 2.2s ease-in-out infinite;
}

@keyframes iconFloat{
 0%   { transform:translateY(0) scale(1); }
 50%  { transform:translateY(-4px) scale(1.08); }
 100% { transform:translateY(0) scale(1); }
}
.stat-box .label{font-size:13px;color:#fff}
.stat-box .value{
 font-size:18px;
 font-weight:800;
 color:gold;
}

/* ⭐ เพิ่ม: เอฟเฟ็กตัวเลขขยับ */
.value.pulse{
 animation:numberPop .35s ease;
}
@keyframes numberPop{
 0%{transform:scale(.85);text-shadow:0 0 0 gold}
 60%{transform:scale(1.15);text-shadow:0 0 18px gold}
 100%{transform:scale(1);text-shadow:0 0 8px gold}
}

/* ===== TITLE : รายการถอนอัตโนมัติ (SAFE FIX) ===== */
#withdraw-area .withdraw-title{
 text-align:center;
 font-size:1.15rem;   /* 🔻 ลดลงนิด กันล้ำ */
 font-weight:800;
 margin:14px 0 10px;
 letter-spacing:.6px;

 color:#ffd84d;
 text-shadow:
   0 0 6px #000,
   0 0 12px #000,
   0 0 18px rgba(255,215,0,.65);
}

/* ===== RESET TITLE GLOBAL (กัน TOP เพี้ยน) ===== */
.top-frame .title,
.middle-wrap .title{
  font-size:inherit;
  letter-spacing:normal;
  text-shadow:
    0 0 6px #000,
    0 0 12px #000,
    0 0 18px rgba(255,215,0,.65);
}


/* ===== CARD ===== */
.withdraw-row{
 background:linear-gradient(180deg,#3b2f00,#000);
 border:2px solid #d4af37;
 border-radius:18px;

 /* 🔧 ระยะห่างบน–ล่าง card สมดุลขึ้น */
 padding:12px 14px;

 /* 🔧 ระยะห่างระหว่าง card แคบลง */
 margin-bottom:8px;

 box-shadow:0 0 18px gold;
 animation:
   cardGlow 2s ease-in-out infinite,
   cardIn .45s ease-out;
}

/* layout หลักใน card */
.row-top{
 display:flex;
 align-items:center;
 gap:12px;
}

/* ===== LEFT : ICON + TIME ===== */
.bank-col{
 width:64px;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:6px;
 flex-shrink:0;
}

.bank{
 width:54px;
 height:54px;
 border-radius:50%;
 border:2px solid gold;
 display:flex;
 align-items:center;
 justify-content:center;
 overflow:hidden;
}
.bank img{
  width:200px;
  height:200px;
  object-fit:contain;
  display:block;
}

.time{
 font-size:12px;
 color:#ffd84d;
 text-shadow:0 0 6px rgba(255,215,0,.6);
}

/* ===== CENTER ===== */
.center{
 flex:1;
 display:flex;
 flex-direction:column;
 justify-content:center;
 gap:6px;
}

/* ชื่อผู้ใช้ */
.user{
 font-size:16px;              /* 🔧 ใหญ่ขึ้น */
 font-weight:800;
 color:#fff;
 text-shadow:0 0 6px rgba(255,255,255,.25);
}

/* X ใหญ่ */
.user .x{
 font-size:1.15em;
 letter-spacing:1px;
}

/* ยอดถอน */
.amount{
 font-size:20px;              /* 🔧 ใหญ่และเด่นที่สุด */
 font-weight:900;
 color:gold;
 text-shadow:
  0 0 6px rgba(255,215,0,.6),
  0 0 14px rgba(255,215,0,.4);
}

/* ===== RIGHT ===== */
.right{
 width:120px;
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
}

/* สถานะ */
.status{
 font-size:14px;              /* 🔧 ใหญ่ขึ้นเล็กน้อย */
 font-weight:800;
 color:#00ff6a;
 text-shadow:0 0 6px rgba(0,255,106,.6);
}
@keyframes cardIn{
 0%{
  opacity:0;
  transform:translateY(16px) scale(.95);
 }
 60%{
  opacity:1;
  transform:translateY(-2px) scale(1.01);
 }
 100%{
  opacity:1;
  transform:translateY(0) scale(1);
 }
}
@keyframes cardGlow{
 0%{
  box-shadow:0 0 10px rgba(255,215,0,.4);
 }
 50%{
  box-shadow:0 0 22px rgba(255,215,0,.9);
 }
 100%{
  box-shadow:0 0 10px rgba(255,215,0,.4);
 }
}

/* ===== SLIDER (คงเดิม) ===== */
.slider-wrap{
 width:94%;
 margin:20px auto;
 overflow:hidden;
 border:3px solid gold;
 border-radius:16px;
 box-shadow:0 0 18px gold;
}
.slider-track{
 display:flex;
 gap:12px;
 animation:scroll 10s linear infinite; /* 🔧 จาก 20s → 10s */
}
@keyframes scroll{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}
.slider-track img{
 width:120px;
 border-radius:12px;
 flex-shrink:0;
}

/* ===== DESKTOP ===== */
@media(min-width:768px){
 .page-wrap{max-width:640px}
 .slider-track img{width:160px}
}

/* ===== FOOTER IMAGE ===== */
.footer-frame{
  width:100%;
  max-width:480px;
  margin:20px auto 40px;
  pointer-events:none;     /* ❌ คลิกไม่ได้ */
}

.footer-frame img{
  width:100%;
  height:auto;
  display:block;
}