*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

/* ===== 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%;
  display:block;
}

/* ===== SLIDER (คงเดิม) ===== */
.slider-wrap{
 width:100%;              /* 🔥 ขยายเกือบเต็มจอ */
 margin:25px auto;
 overflow:hidden;
 border:7px solid gold;  /* หนาขึ้น */
 border-radius:20px;     /* มนขึ้น */
 box-shadow:0 0 25px gold;
}

.slider-track{
 display:flex;
 gap:10px;               /* 🔥 เพิ่มช่องว่าง */
 animation:scroll 20s linear infinite;
}

@keyframes scroll{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}

.slider-track img{
 width:200px;            /* 🔥 จาก 100 → 180 */
 border-radius:16px;
 flex-shrink:0;
}

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

/* ===== FOOTER IMAGE ===== */
.footer-frame{
  width:94%;
  max-width:480px;
  margin:12px auto;
  pointer-events:none;
}

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

.center-text {
  text-align: center;          /* จัดกลางแนวนอน */
  color: #ffffff;              /* สีขาว */
  font-size: 10px;
  font-weight: bold;
  margin: 20px 0;

  /* 🔥 ขอบทอง */
  text-shadow:
    0 0 2px gold,
    0 0 4px gold,
    0 0 6px rgba(255,215,0,0.8);
}


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