/* === Professional Footer (screenshot-like) === */
:root {
  --footer-bg: #0b1020 86%; /* near-black with green hue */
  --footer-card: #0b1020 86%;
  --footer-border: rgba(219, 199, 199, 0.06);
  --footer-green: #ff7a00; /* emerald */
  --footer-text: #e5e7eb;
  --footer-mute: rgb(255, 255, 255);
  --footer-white: #fff;
  --maxw: 1200px;
}

/* Top features strip */
.footer-features{background:#0c130f;border-top:1px solid var(--footer-border);border-bottom:1px solid var(--footer-border)}
.footer-features .wrap{max-width:var(--maxw);margin:auto;padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;color:var(--footer-text)}
.feature svg{width:32px;height:32px;stroke:var(--footer-green);fill:none}
.feature b{color:#e8f2ea;display:block;margin-bottom:2px}
@media (max-width:900px){.footer-features .wrap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.footer-features .wrap{grid-template-columns:1fr}}

/* Main footer */
.footerx{background:var(--footer-bg);color:var(--footer-text)}
.footerx .inner{max-width:var(--maxw);margin:auto;padding:28px 16px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:24px;border-bottom:1px solid var(--footer-border)}
.footerx a{color:#ffffff;text-decoration:none}
.footerx a:hover{text-decoration:underline}
.footerx .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#b6f0c9;font-size:20px}
.footerx .about{color:var(--footer-mute);line-height:1.8;margin-top:10px}
.footerx h4{color:#eafbea;margin:0 0 12px;font-size:16px}
.footerx ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footerx .contact li{display:flex;gap:8px;align-items:center}
.footerx .newsletter{display:flex;gap:8px;flex-wrap:wrap}
.footerx input[type="email"]{background:#0b1611;border:1px solid var(--footer-border);color:#eafbea;border-radius:10px;padding:.7rem 1rem;min-width:240px;outline:none}
.footerx .btn-green{background:var(--footer-green);border:0;color:#05130a;border-radius:10px;padding:.7rem 1rem;font-weight:700;cursor:pointer}
.footerx .payments{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.footerx .payments img{height:22px;filter:grayscale(20%) brightness(1.1)}
.footerx .social{display:flex;gap:8px;margin-top:10px}
.footerx .circle{width:34px;height:34px;border-radius:999px;background:#0b1611;border:1px solid var(--footer-border);display:grid;place-items:center;color:#d1f7e1}

/* Bottom bar */
.footerx .bottom{max-width:var(--maxw);margin:auto;padding:12px 16px;color:#9fb3a6;text-align:center;font-size:13px}
@media (max-width:1024px){.footerx .inner{grid-template-columns:1.5fr 1fr 1fr 1.4fr}}
@media (max-width:860px){.footerx .inner{grid-template-columns:1fr 1fr;}.footerx .brand,.footerx .about{grid-column:1/-1}}
@media (max-width:520px){.footerx .inner{grid-template-columns:1fr}}

/* RTL */
[dir="rtl"] .feature{grid-template-columns:1fr 36px}