PEAK [STEAM มือ 1]

<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;700&display=swap" rel="stylesheet"> <style> .pg-wrap { width: 100%; max-width: 900px; margin: 0 auto; font-family: 'Kanit', sans-serif; display: flex; flex-direction: column; gap: 10px; } .pg-grid { display: flex; flex-wrap: wrap; gap: 10px; } .pg-col { flex: 1; min-width: 270px; display: flex; flex-direction: column; gap: 8px; } .pg-row { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); transition: all 0.3s ease; } .pg-row:hover { border-color: rgba(255,153,0,0.3); background: rgba(255,153,0,0.02); } .pg-icon { width: 34px; height: 34px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .pg-text-title { font-size: 16px; font-weight: 700; color: #ffffff; margin: 0 0 2px; line-height: 1.3; } .pg-text-sub { font-size: 12.5px; color: rgba(255,255,255,0.6); line-height: 1.4; margin: 0; } /* full-width warranty row */ .pg-row-full { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-radius: 10px; background: rgba(40,167,69,0.08); border: 1px solid rgba(40,167,69,0.3); transition: all 0.3s ease; } .pg-row-full:hover { background: rgba(40,167,69,0.13); border-color: rgba(40,167,69,0.5); } </style> <div class="pg-wrap"> <div class="pg-grid"> <!-- ── ฝั่งซ้าย: ข้อดี ── --> <div class="pg-col"> <div class="pg-row"> <div class="pg-icon" style="background:#28a745;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg> </div> <div> <p class="pg-text-title">สินค้าบัญชีมือ 1</p> <p class="pg-text-sub">ไม่มีการโดนดึง ทางร้านยก Email ให้เลย</p> </div> </div> <div class="pg-row"> <div class="pg-icon" style="background:#28a745;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg> </div> <div> <p class="pg-text-title">สินค้าใหม่ 100%</p> <p class="pg-text-sub">ไม่เคยผ่านการเล่นมาก่อน สดใหม่แน่นอน</p> </div> </div> <div class="pg-row"> <div class="pg-icon" style="background:#28a745;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17.925 20.056a6 6 0 0 0-11.851.001"/><circle cx="12" cy="11" r="4"/></svg> </div> <div> <p class="pg-text-title">บัญชี Steam แท้</p> <p class="pg-text-sub">จะได้รับข้อมูลเป็นบัญชี Steam โดยตรง</p> </div> </div> <div class="pg-row"> <div class="pg-icon" style="background:#28a745;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> </div> <div> <p class="pg-text-title">ปรับแต่งได้อิสระ</p> <p class="pg-text-sub">สามารถเปลี่ยนอีเมลและรหัสผ่านได้ตามปกติ</p> </div> </div> </div> <!-- ── ฝั่งขวา: ข้อจำกัด ── --> <div class="pg-col"> <div class="pg-row"> <div class="pg-icon" style="background:#dc3545;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12"/></svg> </div> <div> <p class="pg-text-title">ห้ามจำหน่ายต่อ</p> <p class="pg-text-sub">หากนำไปขายต่อ ประกันจะหมดลงทันที</p> </div> </div> <div class="pg-row"> <div class="pg-icon" style="background:#dc3545;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg> </div> <div> <p class="pg-text-title">กำหนด ID ไม่ได้</p> <p class="pg-text-sub">แต่เปลี่ยนรหัสผ่านได้ตามความต้องการ</p> </div> </div> <div class="pg-row"> <div class="pg-icon" style="background:#dc3545;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 2-2 24.12 24.12 0 0 1 15 0 2 2 0 0 1 2 2 24.12 24.12 0 0 1 0 10 2 2 0 0 1-2 2 24.12 24.12 0 0 1-15 0 2 2 0 0 1-2-2z"/></svg> </div> <div> <p class="pg-text-title">ไม่รับคืนเงิน</p> <p class="pg-text-sub">หากพบปัญหาเล่นไม่ได้ ร้านไม่คืนเงินทุกกรณี</p> </div> </div> <div class="pg-row"> <div class="pg-icon" style="background:#dc3545;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> </div> <div> <p class="pg-text-title">ราคาอาจเปลี่ยนแปลง</p> <p class="pg-text-sub">ยึดราคาผ่าน Website เป็นหลัก</p> </div> </div> </div> </div> <!-- ── ประกันตลอดการใช้งาน เต็มแถว ── --> <div class="pg-row-full"> <div class="pg-icon" style="background:#28a745; flex-shrink:0;"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> </div> <div> <p class="pg-text-title">ประกันตลอดการใช้งาน</p> <p class="pg-text-sub">ประกันโดนดึงบัญชีคืนตลอดการใช้งาน แต่ต้องทำตามเงื่อนไขหลังซื้อครบถ้วน</p> </div> </div> </div>