/* ===== Download Hero ===== */
.download-hero {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(145deg, #1f1f1f, #2a2a2a);
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
  padding: clamp(20px, 4vw, 36px);
}
.download-hero .hero-bg {
  position: absolute; inset: 0;
  background: radial-gradient(circle at 50% 30%, rgba(255,200,60,.12), transparent 55%);
  pointer-events: none;
}
.download-title {
  font-weight: 900;
  font-size: clamp(22px, 3.5vw, 36px);
  color: #fff8cc;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
  letter-spacing: .3px; margin: 0 0 8px;
}
.download-sub {
  color: #e8e8ea; opacity: .95;
  font-size: clamp(14px, 2.2vw, 16px);
  margin-bottom: 14px;
}

/* ปุ่มดาวน์โหลดชุดใหญ่ */
.btn-download-neo {
  display:inline-flex; align-items:center; gap:10px;
  padding: 12px 20px; border-radius: 12px;
  font-weight: 800; font-size: 18px; color:#fff; text-decoration:none;
  background: linear-gradient(90deg,#FF2626,#FF7A00,#FFC04D);
  border: 1.5px solid #000;
  box-shadow: 0 6px 16px rgba(255,140,0,.45);
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease, background .15s ease;
}

.btn-download-neo:hover {
  transform: translateY(-2px);
  box-shadow:0 10px 22px rgba(255,140,0,.55);
  background: linear-gradient(90deg,#FFD465,#FFE08C,#FFF0B3); /* สีเหลืองอ่อน */
  text-decoration: none;
}

.btn-outline-neo {
  display:inline-flex; align-items:center; gap:10px;
  padding: 12px 20px; border-radius:12px;
  font-weight:800; font-size:18px;
  color:#ffd465; text-decoration:none;
  background:rgba(255,255,255,.03);
  border:1.5px solid rgba(255,212,101,.5);
  transition: transform .15s ease, border-color .15s ease, background-color .15s ease, color .15s ease;
}

.btn-outline-neo:hover {
  transform: translateY(-2px);
  border-color:#ffd465;
  background:rgba(255,212,101,.2); /* เหลืองอ่อน */
  color:#fff3c1;
  text-decoration: none;
}
/* การ์ดเนื้อหา */
.download-card{
  background: linear-gradient(180deg, #1c1c21, #14151b);
  border:1px solid rgba(255,180,40,.22);
  border-radius:14px; padding:18px; color:#fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}
.download-card h4{ margin:0 0 10px; font-weight:900; color:#ffd465; }

/* ขั้นตอนสั้น ๆ */
.step-list{ list-style: none; margin:0; padding:0; }
.step-list li{
  display:flex; gap:10px; align-items:flex-start; margin-bottom:10px;
}
.step-badge{
  min-width:28px; height:28px; border-radius:8px;
  background:#ffb547; color:#111; font-weight:900; font-size:14px;
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 4px 12px rgba(255,180,40,.35);
}

/* กล่องแจ้งเตือน */
.notice-neo{
  background:rgba(255,215,0,.08);
  border:1px dashed rgba(255,215,0,.6);
  color:#ffe38a; border-radius:12px; padding:12px 14px;
}

/* ตารางสเปก */
.req-table{
  width:100%; border-collapse:separate; border-spacing:0;
  overflow:hidden; border-radius:12px; border:1px solid rgba(255,180,40,.18);
}
.req-table th, .req-table td{
  padding:10px 12px; border-bottom:1px solid rgba(255,180,40,.12);
  color:#eaeaf0; font-size:14px;
}
.req-table th{ background:#1f1f24; color:#ffd465; text-align:left; }
.req-table tr:last-child td{ border-bottom:none; }

/* รูปโลโก้บนฮีโร่ */
.hero-logo-download{
  height: 120px; width:auto; display:block; margin: 0 auto 8px;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,.45));
}
.btn-group-neo {
  display: flex;
  flex-wrap: wrap;
  gap: 30px; 
}
@media (min-width: 992px){ .hero-logo-download{ height: 140px; } }

/* ระยะห่างรวม */
.section-download{ margin: 24px 0; }