[Source code] Chính sách
<!-- CHÍNH SÁCH MUA HÀNG ELECTRON -->
<div style="background: linear-gradient(135deg,#ff7a00,#ff9f3c); padding: 34px; border-radius: 20px; color: white; margin-top: 30px;">
<div style="font-size: 14px; letter-spacing: 1px; font-weight: 600; opacity: 0.9;">ELECTRON CÔNG KHAI CHÍNH SÁCH</div>
<div style="font-size: 32px; font-weight: bold; margin-top: 6px;">Chính sách mua hàng, thanh toán, đổi trả & hoàn tiền</div>
<div style="background: rgba(255,255,255,0.18); padding: 14px 18px; border-radius: 12px; margin-top: 18px; font-size: 15px;">💡 Áp dụng tại <strong>electron.com.vn</strong> – Hệ thống phân phối phụ kiện công nghệ & đồ gia dụng giá sỉ.</div>
</div>
<!-- MENU NỘI DUNG -->
<div style="background: #ffffff; border: 1px solid #ffd7b8; border-radius: 18px; padding: 24px; margin-top: 20px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 16px;">Nội dung chính</div>
<div style="display: flex; flex-wrap: wrap; gap: 10px;"><span style="border: 1px solid #ffb37a; padding: 8px 16px; border-radius: 30px;">Tài khoản & hiển thị giá</span> <span style="border: 1px solid #ffb37a; padding: 8px 16px; border-radius: 30px;">Quy trình đặt hàng</span> <span style="border: 1px solid #ffb37a; padding: 8px 16px; border-radius: 30px;">Vận chuyển</span> <span style="border: 1px solid #ffb37a; padding: 8px 16px; border-radius: 30px;">Thanh toán</span> <span style="border: 1px solid #ffb37a; padding: 8px 16px; border-radius: 30px;">Hủy đơn</span> <span style="border: 1px solid #ffb37a; padding: 8px 16px; border-radius: 30px;">Đổi trả & hoàn tiền</span></div>
</div>
<!-- PHẦN 1 -->
<div style="border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; margin-top: 20px; overflow: hidden;">
<div style="background: #fff3e8; padding: 18px 22px; display: flex; align-items: center; gap: 12px;">
<div style="background: #ff7a00; color: white; width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: bold;">I</div>
<div>
<div style="font-size: 13px; color: #ff7a00; font-weight: bold;">PHẦN 1</div>
<div style="font-size: 22px; font-weight: bold;">Quy định về tài khoản & hiển thị giá</div>
</div>
</div>
<div style="padding: 22px; display: flex; flex-wrap: wrap; gap: 16px;">
<div style="flex: 1; background: #ffffff; border: 1px solid #ffe0c2; padding: 18px; border-radius: 12px; min-width: 220px;"><strong>Hiển thị giá</strong>
<div style="margin-top: 6px; color: #555;">Giá sản phẩm chỉ hiển thị đầy đủ sau khi khách hàng đăng ký và đăng nhập tài khoản.</div>
</div>
<div style="flex: 1; background: #ffffff; border: 1px solid #ffe0c2; padding: 18px; border-radius: 12px; min-width: 220px;"><strong>Đăng ký tài khoản</strong>
<div style="margin-top: 6px; color: #555;">Khách hàng cần đăng ký tài khoản để xem giá thành viên, đặt hàng và theo dõi đơn hàng.</div>
</div>
<div style="flex: 1; background: #ffffff; border: 1px solid #ffe0c2; padding: 18px; border-radius: 12px; min-width: 220px;"><strong>Xác minh email</strong>
<div style="margin-top: 6px; color: #555;">Sau khi đăng ký, khách hàng cần kiểm tra email và kích hoạt tài khoản trước khi đặt hàng.</div>
</div>
<div style="flex: 1; background: #fff4f2; border: 1px solid #ffc9c3; padding: 18px; border-radius: 12px; min-width: 220px;"><strong style="color: #c0392b;">Quyền tạm khóa tài khoản</strong>
<div style="margin-top: 6px; color: #555;">ELECTRON có quyền tạm khóa tài khoản nếu phát hiện thông tin đăng ký không chính xác hoặc có dấu hiệu vi phạm chính sách.</div>
</div>
</div>
</div>
<!-- PHẦN 2 -->
<div style="border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; margin-top: 20px; overflow: hidden;">
<div style="background: #fff3e8; padding: 18px 22px; display: flex; align-items: center; gap: 12px;">
<div style="background: #ff7a00; color: white; width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-weight: bold;">II</div>
<div>
<div style="font-size: 13px; color: #ff7a00; font-weight: bold;">PHẦN 2</div>
<div style="font-size: 22px; font-weight: bold;">Quy trình đặt hàng</div>
</div>
</div>
<div style="padding: 22px; display: flex; flex-wrap: wrap; gap: 14px;">
<div style="flex: 1; border: 1px solid #ffe0c2; background: #ffffff; border-radius: 12px; padding: 16px; min-width: 220px;"><strong style="color: #ff7a00;">Bước 1:</strong> Đăng nhập tài khoản</div>
<div style="flex: 1; border: 1px solid #ffe0c2; background: #ffffff; border-radius: 12px; padding: 16px; min-width: 220px;"><strong style="color: #ff7a00;">Bước 2:</strong> Lựa chọn sản phẩm và thêm vào giỏ hàng</div>
<div style="flex: 1; border: 1px solid #ffe0c2; background: #ffffff; border-radius: 12px; padding: 16px; min-width: 220px;"><strong style="color: #ff7a00;">Bước 3:</strong> Nhập thông tin nhận hàng chính xác</div>
<div style="flex: 1; border: 1px solid #ffe0c2; background: #ffffff; border-radius: 12px; padding: 16px; min-width: 220px;"><strong style="color: #ff7a00;">Bước 4:</strong> Chọn phương thức vận chuyển</div>
<div style="flex: 1; border: 1px solid #ffe0c2; background: #ffffff; border-radius: 12px; padding: 16px; min-width: 220px;"><strong style="color: #ff7a00;">Bước 5:</strong> Chọn phương thức thanh toán</div>
<div style="flex: 1; border: 1px solid #ffe0c2; background: #ffffff; border-radius: 12px; padding: 16px; min-width: 220px;"><strong style="color: #ff7a00;">Bước 6:</strong> Xác nhận và hoàn tất đơn hàng</div>
</div>
<div style="background: #fff3e8; border-top: 1px solid #ffd7b8; padding: 16px 22px; color: #555;">Sau khi đặt hàng thành công, hệ thống sẽ chuyển đơn hàng sang trạng thái <strong>"Chờ thanh toán"</strong> hoặc <strong>"Chờ xử lý"</strong> tùy theo phương thức thanh toán mà khách hàng lựa chọn.</div>
</div>
<!-- PHẦN 3 + 4 -->
<div style="display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px;"><!-- PHƯƠNG THỨC VẬN CHUYỂN -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">III. Phương thức vận chuyển</div>
<div style="padding: 20px; color: #555;">Khách hàng có thể lựa chọn đơn vị vận chuyển được hiển thị trên hệ thống tại thời điểm đặt hàng, ví dụ:
<div style="margin-top: 12px; display: flex; gap: 10px; flex-wrap: wrap;"><span style="border: 1px solid #ffb37a; padding: 8px 14px; border-radius: 30px;">Viettel Post (COD)</span> <span style="border: 1px solid #ffb37a; padding: 8px 14px; border-radius: 30px;">SPX Express</span></div>
<div style="background: #ffffff; border: 1px solid #ffe0c2; padding: 16px; border-radius: 12px; margin-top: 14px;"><strong>Phí vận chuyển được tính theo</strong>
<div style="margin-top: 6px;">Khu vực giao hàng, cân nặng quy đổi và chính sách của đơn vị vận chuyển. Phí sẽ hiển thị rõ trước khi khách xác nhận thanh toán.</div>
</div>
</div>
</div>
<!-- PHƯƠNG THỨC THANH TOÁN -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">IV. Phương thức thanh toán</div>
<div style="padding: 20px; color: #555;">
<div style="background: #ffffff; border: 1px solid #ffe0c2; padding: 16px; border-radius: 12px; margin-bottom: 14px;"><strong>1. Chuyển khoản ngân hàng (VietQR)</strong>
<div style="margin-top: 6px;">Sau khi chọn chuyển khoản, hệ thống hiển thị mã QR thanh toán. Khách hàng quét mã VietQR và chuyển đúng số tiền hiển thị. Hệ thống sẽ tự động xác nhận trong khoảng 30–60 giây.</div>
</div>
<div style="background: #fff4e8; border: 1px solid #ffd7b8; padding: 14px; border-radius: 12px; margin-bottom: 14px;"><strong>Lưu ý:</strong> Nếu chuyển sai nội dung hoặc sai số tiền, hệ thống có thể không tự động ghi nhận thanh toán.</div>
<div style="background: #ffffff; border: 1px solid #ffe0c2; padding: 16px; border-radius: 12px;"><strong>2. Thanh toán khi nhận hàng (COD)</strong>
<div style="margin-top: 6px;">Khách hàng thanh toán trực tiếp cho đơn vị vận chuyển khi nhận hàng. Một số đơn có thể áp dụng phí thu hộ theo chính sách của đơn vị vận chuyển.</div>
</div>
</div>
</div>
</div>
<!-- PHẦN 5 + 6 -->
<div style="display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px;"><!-- XÁC NHẬN ĐƠN -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">V. Xác nhận & xử lý đơn hàng</div>
<div style="padding: 20px; color: #555;">Đơn chuyển khoản được xử lý sau khi hệ thống xác nhận thanh toán thành công. Đơn COD được xử lý sau khi xác nhận thông tin. <br><br>Thời gian xử lý thông thường từ <strong>1–24 giờ làm việc</strong>. <br><br><strong>Trạng thái đơn hàng trong mục "Đơn mua"</strong>
<div style="margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px;"><span style="border: 1px solid #ffb37a; padding: 6px 12px; border-radius: 20px;">Chờ thanh toán</span> <span style="border: 1px solid #ffb37a; padding: 6px 12px; border-radius: 20px;">Đã thanh toán</span> <span style="border: 1px solid #ffb37a; padding: 6px 12px; border-radius: 20px;">Chờ đóng hàng</span> <span style="border: 1px solid #ffb37a; padding: 6px 12px; border-radius: 20px;">Đã đóng hàng</span> <span style="border: 1px solid #ffb37a; padding: 6px 12px; border-radius: 20px;">Đang giao</span> <span style="border: 1px solid #ffb37a; padding: 6px 12px; border-radius: 20px;">Đã giao</span> <span style="border: 1px solid #ffb37a; padding: 6px 12px; border-radius: 20px;">Hoàn thành</span></div>
</div>
</div>
<!-- HỦY ĐƠN -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">VI. Chính sách hủy đơn</div>
<div style="padding: 20px; color: #555;">Khách hàng có thể hủy đơn trong các trường hợp sau:
<div style="margin-top: 12px; display: flex; flex-direction: column; gap: 10px;">
<div style="background: #fff4f2; border: 1px solid #ffc9c3; padding: 10px 14px; border-radius: 20px;">Đơn đang ở trạng thái <strong>"Chờ thanh toán"</strong></div>
<div style="background: #fff4f2; border: 1px solid #ffc9c3; padding: 10px 14px; border-radius: 20px;">Đơn chưa đóng gói</div>
</div>
<div style="background: #fff4e8; border: 1px solid #ffd7b8; padding: 14px; border-radius: 12px; margin-top: 16px;"><strong>Lưu ý:</strong> Sau khi đơn đã bàn giao cho đơn vị vận chuyển, việc hủy đơn có thể phát sinh phí vận chuyển.</div>
</div>
</div>
</div>
<!-- ĐỔI TRẢ HOÀN TIỀN -->
<div style="border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; margin-top: 20px; overflow: hidden;">
<div style="background: #fff3e8; padding: 18px 22px; font-size: 22px; font-weight: bold;">🔄 Chính sách đổi trả & hoàn tiền</div>
<div style="padding: 20px; color: #555;">ELECTRON hỗ trợ xử lý các trường hợp lỗi kỹ thuật, giao sai hàng hoặc hư hỏng do vận chuyển theo quy định dưới đây.</div>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px;"><!-- ĐIỀU KIỆN -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">I. Điều kiện đổi trả</div>
<div style="padding: 20px; color: #555;">
<div style="background: #fff4f2; border: 1px solid #ffc9c3; padding: 16px; border-radius: 12px; margin-bottom: 16px;"><strong style="color: #c0392b;"> Phải quay video mở hàng đủ 6 mặt của hộp hàng. Nếu không có đầy đủ video, shop sẽ không hỗ trợ giải quyết. </strong></div>
ELECTRON hỗ trợ đổi trả khi:
<ul style="margin-top: 10px;">
<li>Sản phẩm lỗi kỹ thuật do nhà sản xuất</li>
<li>Giao sai sản phẩm</li>
<li>Hư hỏng do vận chuyển</li>
</ul>
<br><strong>Điều kiện áp dụng</strong>
<ul style="margin-top: 8px;">
<li>Thông báo trong vòng 3 ngày kể từ khi nhận hàng</li>
<li>Sản phẩm còn nguyên hộp, phụ kiện, tem bảo hành</li>
<li>Không có dấu hiệu sử dụng sai cách</li>
</ul>
</div>
</div>
<!-- KHÔNG ÁP DỤNG -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">II. Trường hợp không áp dụng</div>
<div style="padding: 20px; color: #555;">
<ul>
<li>Sản phẩm đã qua sử dụng gây hư hỏng</li>
<li>Lỗi do người dùng</li>
<li>Quá thời gian quy định</li>
</ul>
</div>
</div>
</div>
<!-- QUY TRÌNH ĐỔI TRẢ + HOÀN TIỀN -->
<div style="display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px;"><!-- QUY TRÌNH ĐỔI TRẢ -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">III. Quy trình xử lý đổi trả</div>
<div style="padding: 20px; color: #555; display: flex; flex-direction: column; gap: 12px;">
<div style="border: 1px solid #ffcfaa; padding: 12px 16px; border-radius: 12px;"><strong style="color: #e67e22;">Bước 1:</strong> Liên hệ hỗ trợ</div>
<div style="border: 1px solid #ffcfaa; padding: 12px 16px; border-radius: 12px;"><strong style="color: #e67e22;">Bước 2:</strong> Cung cấp hình ảnh/video sản phẩm</div>
<div style="border: 1px solid #ffcfaa; padding: 12px 16px; border-radius: 12px;"><strong style="color: #e67e22;">Bước 3:</strong> Gửi hàng về kho theo hướng dẫn</div>
<div style="border: 1px solid #ffcfaa; padding: 12px 16px; border-radius: 12px;"><strong style="color: #e67e22;">Bước 4:</strong> Kiểm tra và xử lý đổi mới hoặc hoàn tiền</div>
</div>
</div>
<!-- HOÀN TIỀN -->
<div style="flex: 1; border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; min-width: 320px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">IV. Hoàn tiền</div>
<div style="padding: 20px; color: #555;">
<ul>
<li>Hoàn tiền qua chuyển khoản ngân hàng</li>
<li>Thời gian xử lý từ 1–5 ngày làm việc tùy ngân hàng</li>
<li>Nếu đơn thanh toán QR, tiền sẽ hoàn về đúng tài khoản đã chuyển</li>
</ul>
</div>
</div>
</div>
<!-- CAM KẾT -->
<div style="border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; margin-top: 20px; padding: 22px;">
<div style="font-size: 20px; font-weight: bold; margin-bottom: 14px;">✅ Cam kết từ ELECTRON</div>
<div style="display: flex; flex-wrap: wrap; gap: 10px;"><span style="border: 1px solid #ffcfaa; padding: 8px 14px; border-radius: 20px;">Sản phẩm đúng mô tả</span> <span style="border: 1px solid #ffcfaa; padding: 8px 14px; border-radius: 20px;">Giá thành viên minh bạch sau đăng nhập</span> <span style="border: 1px solid #ffcfaa; padding: 8px 14px; border-radius: 20px;">Thanh toán tự động, an toàn</span> <span style="border: 1px solid #ffcfaa; padding: 8px 14px; border-radius: 20px;">Theo dõi đơn hàng trực tiếp trên website</span> <span style="border: 1px solid #ffcfaa; padding: 8px 14px; border-radius: 20px;">Hỗ trợ xử lý nhanh chóng</span></div>
</div>
<!-- LIÊN HỆ -->
<div style="border: 1px solid #ffd7b8; border-radius: 18px; background: #fffaf5; margin-top: 20px;">
<div style="background: #fff3e8; padding: 16px 20px; font-size: 20px; font-weight: bold;">🤝 Liên hệ khi gặp khó khăn</div>
<div style="padding: 20px; display: flex; flex-wrap: wrap; gap: 14px; color: #555;">
<div style="flex: 1; border: 1px solid #ffcfaa; border-radius: 12px; padding: 14px;"><strong>Người hỗ trợ:</strong> Mr Nguyện</div>
<div style="flex: 1; border: 1px solid #ffcfaa; border-radius: 12px; padding: 14px;"><strong>Số điện thoại:</strong> 0966 603 383</div>
<div style="flex: 1; border: 1px solid #ffcfaa; border-radius: 12px; padding: 14px;"><strong>Địa chỉ:</strong> 24 Ngõ 14 Pháo Đài Láng, Đống Đa, Hà Nội</div>
<div style="flex: 1; border: 1px solid #ffcfaa; border-radius: 12px; padding: 14px;"><strong>Facebook:</strong> <a style="color: #e67e22; font-weight: 600; text-decoration: none;" href="https://www.facebook.com/vnelectron/" target="_blank" rel="noopener"> vnelectron </a></div>
</div>
</div>
<!-- CTA -->
<div style="border: 1px solid #ffd7b8; border-radius: 18px; background: #fff3e8; margin-top: 20px; padding: 30px; text-align: center;">
<div style="font-size: 24px; font-weight: bold; margin-bottom: 10px;">Mua hàng trực tiếp tại ELECTRON</div>
<div style="color: #666; margin-bottom: 20px;">Đăng ký tài khoản, đăng nhập để xem giá tốt hơn, đặt hàng và theo dõi đơn mua ngay trên website.</div>
<a style="display: inline-block; background: #ff8c00; color: white; padding: 14px 28px; border-radius: 30px; font-weight: bold; text-decoration: none;" href="../../../dang-nhap"> Đăng ký / Đăng nhập ngay </a>
<div style="text-align: center; margin-top: 20px; color: #999; font-size: 13px;">© Electron • Chính sách mua hàng, thanh toán, đổi trả và hoàn tiền</div>
</div>