<!DOCTYPE html><html lang="ar"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title> Request wholesale prices - RSFIL</title><style>
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;600;700&display=swap');
:root {
--brand-red: #be2222;
--ink: #1c1c1c;
--paper: #faf9f7;
--line: #e7e3df;
--whatsapp: #25D366;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: transparent;
}
html, body {
width: 100%;
overflow-x: hidden;
background: var(--paper);
font-family: 'El Messiri', sans-serif;
color: var(--ink);
}
body { padding: 24px 15px; }
.order-card {
width: 100%;
max-width: 620px;
margin: 0 auto;
background: #fff;
padding: 36px 32px;
border-radius: 14px;
border: 1px solid var(--line);
}
.brand-mark {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 28px;
}
.brand-mark img {
width: 38px;
height: 38px;
border-radius: 8px;
object-fit: cover;
}
.brand-mark span {
font-weight: 700;
font-size: 0.95em;
}
.header { margin-bottom: 30px; border-bottom: 1px solid var(--line); padding-bottom: 24px; }
.header h2 {
color: var(--ink);
font-weight: 700;
font-size: 1.7em;
margin-bottom: 8px;
}
.header p {
color: var(--brand-red);
font-size: 0.95em;
}
.form-group { margin-bottom: 18px; }
label {
display: block;
margin-bottom: 6px;
font-weight: 600;
color: var(--ink);
font-size: 0.95em;
}
input, select {
width: 100%;
padding: 12px 15px;
border: 1.5px solid var(--line);
border-radius: 10px;
background: var(--paper);
font-family: 'El Messiri', sans-serif;
font-size: 16px;
color: var(--ink);
direction: rtl;
text-align: right;
transition: border-color 0.2s ease, background 0.2s ease;
}
select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23be2222' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 14px center;
background-size: 18px;
}
input:focus, select:focus {
outline: none;
border-color: var(--brand-red);
background: #fff;
}
.btn-send {
width: 100%;
border: none;
border-radius: 10px;
background: var(--whatsapp);
color: #fff;
padding: 15px;
font-family: 'El Messiri', sans-serif;
font-size: 17px;
font-weight: 700;
cursor: pointer;
transition: background 0.2s ease;
margin-top: 6px;
}
.btn-send:hover { background: #1ebe57; }
footer {
text-align: center;
padding: 24px 20px 4px;
font-size: 0.8em;
color: #9a9a9a;
}
@media (max-width: 768px) {
.order-card { padding: 26px 20px; border-radius: 12px; }
.header h2 { font-size: 1.4em; }
}
</style></head><body style=";text-align:left;direction:ltr">
RSFIL | RSFIL Online Store<form id="orderForm" style=";text-align:left;direction:ltr">
<input type="text" id="name" placeholder="اسم المؤسسة أو التاجر" required>
<select id="businessType" required></select>
<input type="text" id="city" placeholder="الرياض، جدة، الدمام..." required>
<input type="tel" id="phone" placeholder="05xxxxxxxx" required>
<button type="button" class="btn-send">Contact via WhatsApp</button></form>
</body></html>