/* =================== ACCELERATOR PAGE =================== */

/* This page loads sales.css, which forces `body { direction: rtl; font-family: arabic }`
   for the Arabic-only sales page. Re-assert LTR + Latin body here (accelerator.css is
   loaded last, so it wins); the `.ar` class restores RTL + Arabic when toggled. */
body { direction: ltr; font-family: var(--font-body); }
body.ar { direction: rtl; font-family: var(--font-arabic); }

/* Hero */
.acc-hero-wrap { max-width: var(--max-w); margin: 0 auto; padding: 0 5%; }
.acc-hero {
  padding: 80px 0 48px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.acc-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 100px; padding: 7px 16px;
  font-size: 13.5px; font-weight: 500; color: var(--text-secondary);
  margin-bottom: 24px;
}
.acc-badge-dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--red);
  flex-shrink: 0; animation: pulse 2s infinite;
}
@keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.4;} }
.acc-h1 {
  font-family: var(--font-display);
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 700; line-height: 1.08; letter-spacing: -1.5px;
  color: var(--black); max-width: 820px;
}
body.ar .acc-h1 { font-family: var(--font-arabic); line-height: 1.25; }
.acc-h1 .highlight { color: var(--red); }
.acc-sub {
  font-size: 19px; line-height: 1.7; color: var(--text-secondary);
  max-width: 620px; margin: 22px auto 0;
}
body.ar .acc-sub { font-family: var(--font-arabic); }
.acc-hero-ctas { display: flex; gap: 14px; margin-top: 32px; flex-wrap: wrap; justify-content: center; }
.btn-lg { padding: 13px 26px; font-size: 15px; }

/* Highlights strip (icon + label, mirrors automatically in RTL) */
.acc-highlights {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
.acc-highlights-inner {
  max-width: var(--max-w); margin: 0 auto;
  padding: 18px 5%;
  display: grid; grid-template-columns: repeat(4, 1fr);
}
.acc-hl {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  padding: 8px 18px; text-align: start;
}
.acc-hl + .acc-hl { border-inline-start: 1px solid var(--border); }
.acc-hl-icon {
  width: 40px; height: 40px; border-radius: 11px; flex-shrink: 0;
  background: var(--red-light); color: var(--red);
  display: flex; align-items: center; justify-content: center;
}
.acc-hl-text {
  font-family: var(--font-display); font-weight: 700;
  font-size: 14.5px; line-height: 1.3; color: var(--black);
}
body.ar .acc-hl-text { font-family: var(--font-arabic); }

@media (max-width: 760px) {
  .acc-highlights-inner { grid-template-columns: repeat(2, 1fr); gap: 6px 0; }
  .acc-hl { border-inline-start: none !important; justify-content: flex-start; }
}
@media (max-width: 420px) {
  .acc-highlights-inner { grid-template-columns: 1fr; }
}

/* Generic section helpers (scoped to accelerator) */
.acc-section { max-width: var(--max-w); margin: 0 auto; padding: 64px 5%; }
.acc-section-label {
  font-family: var(--font-body); font-size: 12.5px; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--red);
  text-align: center; margin-bottom: 12px;
}
body.ar .acc-section-label { font-family: var(--font-arabic); }
.acc-section-h {
  font-family: var(--font-display); font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700; letter-spacing: -1px; color: var(--black);
  text-align: center; margin-bottom: 44px;
}
body.ar .acc-section-h { font-family: var(--font-arabic); }

/* Benefits grid */
.acc-benefits-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
}
.acc-benefit {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 16px; padding: 26px 22px; transition: transform .18s, box-shadow .18s;
}
.acc-benefit:hover { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,.07); }
.acc-benefit-icon {
  width: 44px; height: 44px; border-radius: 11px;
  background: var(--red-light); color: var(--red);
  display: flex; align-items: center; justify-content: center; margin-bottom: 16px;
}
.acc-benefit-h {
  font-family: var(--font-display); font-size: 16.5px; font-weight: 700;
  color: var(--black); margin-bottom: 8px;
}
body.ar .acc-benefit-h { font-family: var(--font-arabic); }
.acc-benefit-p { font-size: 14px; line-height: 1.6; color: var(--text-secondary); }
body.ar .acc-benefit-p { font-family: var(--font-arabic); }

/* How it works */
.acc-steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.acc-step-num {
  font-family: var(--font-display); font-size: 15px; font-weight: 700;
  color: var(--red); margin-bottom: 12px;
}
.acc-step-h {
  font-family: var(--font-display); font-size: 19px; font-weight: 700;
  color: var(--black); margin-bottom: 8px;
}
body.ar .acc-step-h { font-family: var(--font-arabic); }
.acc-step-p { font-size: 14.5px; line-height: 1.65; color: var(--text-secondary); }
body.ar .acc-step-p { font-family: var(--font-arabic); }

/* Apply section wrapper */
.acc-apply { background: var(--surface); border-top: 1px solid var(--border); }
.acc-apply-inner {
  max-width: 560px; margin: 0 auto; padding: 64px 5%;
}
.acc-apply-card { margin: 0 auto; }

/* Country select inherits .s-input look but needs select tweaks */
select.s-input {
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B6863' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
  padding-right: 38px; cursor: pointer;
}
body.ar select.s-input,
[dir="rtl"] select.s-input { background-position: left 14px center; padding-right: 14px; padding-left: 38px; }

/* Responsive */
@media (max-width: 900px) {
  .acc-benefits-grid { grid-template-columns: repeat(2, 1fr); }
  .acc-steps-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .acc-benefits-grid { grid-template-columns: 1fr; }
}