/* REEMTech™ LLC — RFQ forms (shared styles) */
:root{
  --gold:#D4AF37;--gold-light:#F0D060;--gold-dark:#9A7B1A;
  --gold-dim:rgba(212,175,55,0.12);
  --black:#0A0A0A;--dark:#111111;--dark2:#161616;--dark3:#1E1E1E;
  --text:#E8E8E8;--text-dim:#B4B4B4;--text-muted:#9A9A9A;
  --border:rgba(212,175,55,0.22);--border-dim:rgba(255,255,255,0.08);
  --radius:12px;--radius-sm:8px;--error:#E07A5F;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Cairo',sans-serif;background:var(--black);color:var(--text);min-height:100vh;overflow-x:hidden;}
html[dir="rtl"] body{font-family:'Tajawal',sans-serif;}
.page-bg{position:fixed;inset:0;z-index:-1;background-image:url('../../images/Elegant%20Background%2070.png');background-size:cover;background-position:center;filter:brightness(.16);}

.llc{font-size:calc(1em - 2pt);font-family:'Times New Roman',serif;}
.tm{font-size:.5em;vertical-align:super;}
.brand{font-family:'Times New Roman',serif;direction:ltr;unicode-bidi:isolate;display:inline-block;}

/* top bar */
.top-bar{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,rgba(13,12,0,.97),rgba(26,21,0,.97));border-bottom:1px solid var(--border);padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.top-bar img{height:40px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(212,175,55,.35));}
.top-actions{display:flex;gap:10px;align-items:center;}
.lang-btn,.back-link{background:var(--gold-dim);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--gold);cursor:pointer;text-decoration:none;font-family:inherit;white-space:nowrap;}
.lang-btn:hover,.back-link:hover{background:var(--gold);color:var(--black);}

/* layout */
.wrap{max-width:860px;margin:0 auto;padding:36px 20px 60px;}
.head{margin-bottom:26px;}
.kicker{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
html[dir="rtl"] .kicker{font-family:'Tajawal',sans-serif;letter-spacing:0;font-size:14px;}
h1{font-family:'Playfair Display',serif;font-size:clamp(24px,4vw,36px);line-height:1.25;margin-bottom:10px;}
html[dir="rtl"] h1{font-family:'Tajawal',sans-serif;}
h1 span{color:var(--gold);}
.lead{font-size:14px;color:var(--text-dim);line-height:1.9;max-width:720px;}
html[dir="rtl"] .lead{font-size:15px;line-height:2;}
.promise{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--gold-dim);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--gold);}

/* form */
form{display:flex;flex-direction:column;gap:18px;}
fieldset{border:1px solid var(--border);border-radius:var(--radius);background:rgba(22,22,22,.92);padding:22px 20px;}
legend{padding:0 10px;font-size:14px;font-weight:700;color:var(--gold);}
html[dir="rtl"] legend{font-size:15px;}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;}
.full{grid-column:1 / -1;}
.field{display:flex;flex-direction:column;gap:6px;}
label,.group-label{font-size:13px;font-weight:600;color:var(--text);}
html[dir="rtl"] label,html[dir="rtl"] .group-label{font-size:14px;}
.req{color:var(--gold);margin-inline-start:3px;}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea{
  width:100%;background:#0E0E0E;border:1px solid var(--border-dim);border-radius:var(--radius-sm);
  color:var(--text);padding:10px 12px;font-size:14px;font-family:inherit;transition:border-color .2s;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);}
input::placeholder,textarea::placeholder{color:#6E6E6E;}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23D4AF37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;padding-inline-end:36px;}
html[dir="rtl"] select{background-position:left 14px center;}
select:disabled{opacity:.5;}
textarea{min-height:90px;resize:vertical;}
input[type=date]{color-scheme:dark;}
.hint{font-size:12px;color:var(--text-muted);line-height:1.6;}
html[dir="rtl"] .hint{font-size:13px;}

/* checkbox chips */
.checks{display:flex;flex-wrap:wrap;gap:8px;}
.check{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-dim);border-radius:20px;padding:7px 12px;font-size:13px;color:var(--text-dim);cursor:pointer;user-select:none;transition:all .2s;}
.check input{accent-color:var(--gold);width:15px;height:15px;}
.check:has(input:checked){border-color:var(--gold);color:var(--gold);background:var(--gold-dim);}
html[dir="rtl"] .check{font-size:14px;}
.group-error{display:none;font-size:12.5px;color:var(--error);margin-top:4px;}
.group-invalid .group-error{display:block;}

/* conditional sections */
.cond[hidden]{display:none !important;}
.note-box{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px;color:var(--text-dim);line-height:1.8;background:rgba(212,175,55,.04);}
html[dir="rtl"] .note-box{font-size:13.5px;}

/* submit */
.submit-row{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px;}
.btn-submit{padding:14px 40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--black);font-family:inherit;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .2s;}
.btn-submit:hover{opacity:.9;transform:translateY(-1px);}
.btn-submit:disabled{opacity:.6;cursor:wait;transform:none;}
.privacy{font-size:12px;color:var(--text-muted);text-align:center;max-width:560px;line-height:1.7;}
input.hp,.hp{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none;border:0;padding:0;}

/* footer */
footer{border-top:1px solid var(--border-dim);padding:18px 20px;text-align:center;font-size:12px;color:var(--text-muted);background:var(--black);}
footer .slogan{font-family:'Noto Naskh Arabic',serif;color:var(--gold);opacity:.8;margin-top:4px;}

/* thank-you */
.thanks{text-align:center;padding:70px 20px;}
.thanks .seal{width:120px;height:auto;margin:0 auto 22px;display:block;filter:drop-shadow(0 0 24px rgba(212,175,55,.4));}
.thanks p{color:var(--text-dim);font-size:15px;line-height:2;max-width:600px;margin:0 auto 10px;}
.thanks-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
.btn-sec{padding:11px 22px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--gold);text-decoration:none;font-size:13px;font-weight:700;}
.btn-sec:hover{background:var(--gold-dim);}

@media(max-width:640px){
  .grid{grid-template-columns:1fr;}
  .top-bar{padding:8px 12px;}
  .top-bar img{height:32px;}
  fieldset{padding:18px 14px;}
}