/* === Landing Page Styles (ar / id / vi) === */

/* Hero */
.lp-hero{padding:clamp(48px,8vw,80px) 0 clamp(32px,6vw,56px);background:var(--color-secondary,#1E293B);color:#fff;text-align:center;position:relative;overflow:hidden}
.lp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(235,92,32,.15) 0%,transparent 70%)}
.lp-hero .container{position:relative;z-index:1}
.lp-hero .lp-badge{display:inline-block;background:var(--color-primary,#EB5C20);color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:6px 16px;border-radius:99px;margin-bottom:16px}
.lp-hero h1{font-size:clamp(26px,5vw,44px);font-weight:800;line-height:1.2;margin:0 auto 14px;max-width:800px;color:#fff}
.lp-hero .lp-sub{font-size:clamp(15px,2vw,18px);color:#cbd5e1;max-width:620px;margin:0 auto 28px;line-height:1.55}
.lp-hero .lp-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lp-hero .lp-actions .btn{padding:12px 26px;font-size:15px;font-weight:600}

/* Trust bar */
.lp-trust{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 0}
.lp-trust .container{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,36px);flex-wrap:wrap}
.lp-trust .t-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-muted,#475569);font-weight:500}
.lp-trust .t-item strong{color:var(--color-primary,#EB5C20);font-size:18px;font-weight:700}
.lp-trust .t-icon{width:38px;height:38px;object-fit:contain;flex-shrink:0}
.lp-certs{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;padding:16px 0}
.lp-certs img{height:32px;width:auto;object-fit:contain;opacity:.82;transition:opacity .2s}
.lp-certs img:hover{opacity:1}

/* Content sections */
.lp-section{padding:clamp(40px,6vw,72px) 0}
.lp-section.alt{background:var(--color-bg,#F8FAFC)}
.lp-section h2{font-size:clamp(24px,4vw,34px);font-weight:700;color:var(--color-secondary,#1E293B);margin-bottom:10px}
.lp-section .lp-lead{color:var(--color-muted,#475569);font-size:clamp(14px,1.8vw,17px);max-width:680px;margin:0 auto 32px;line-height:1.6}
.lp-section .lp-lead.centered{text-align:center;margin-left:auto;margin-right:auto}

/* Pain→Solution cards */
.lp-pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:1080px;margin:0 auto}
.lp-pain-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius,10px);padding:28px 24px;transition:box-shadow .25s,border-color .25s}
.lp-pain-card:hover{box-shadow:0 10px 28px rgba(15,23,42,.08);border-color:var(--color-primary,#EB5C20)}
.lp-pain-card .pc-icon{width:44px;height:44px;border-radius:12px;background:rgba(235,92,32,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--color-primary,#EB5C20);font-size:20px}
.lp-pain-card h3{font-size:17px;font-weight:700;color:var(--color-secondary,#1E293B);margin:0 0 8px}
.lp-pain-card p{font-size:14px;color:var(--color-muted,#475569);margin:0 0 10px;line-height:1.55}
.lp-pain-card .pc-link{font-size:14px;font-weight:600;color:var(--color-primary,#EB5C20);text-decoration:none}
.lp-pain-card .pc-link:hover{text-decoration:underline}

/* Local proof */
.lp-proof{max-width:860px;margin:0 auto;text-align:center}
.lp-proof .pp-stat{display:inline-flex;align-items:baseline;gap:6px;margin-bottom:16px}
.lp-proof .pp-stat .num{font-size:56px;font-weight:800;color:var(--color-primary,#EB5C20);line-height:1}
.lp-proof .pp-stat .num-label{font-size:17px;color:var(--color-muted,#475569);font-weight:500}
.lp-proof p{color:var(--color-muted,#475569);line-height:1.65;font-size:15px;max-width:640px;margin:0 auto}

/* Contact strip */
.lp-contact{margin-top:10px}
.lp-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;max-width:900px;margin:0 auto}
.lp-contact-item{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius,10px);padding:22px 18px;text-align:center;transition:box-shadow .2s}
.lp-contact-item:hover{box-shadow:0 6px 18px rgba(15,23,42,.06)}
.lp-contact-item .lci-icon{margin-bottom:10px;color:var(--color-primary,#EB5C20)}
.lp-contact-item .lci-label{font-size:13px;font-weight:600;color:var(--color-secondary,#1E293B);margin-bottom:4px}
.lp-contact-item a,.lp-contact-item span{font-size:14px;color:var(--color-muted,#475569);word-break:break-all}

/* Footer link */
.lp-back-link{text-align:center;padding:20px 0 44px;font-size:14px}
.lp-back-link a{color:var(--color-primary,#EB5C20);font-weight:600;text-decoration:none}
.lp-back-link a:hover{text-decoration:underline}

/* Form inline */
.lp-form{max-width:520px;margin:0 auto}
.lp-form .form-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.lp-form input,.lp-form textarea{flex:1;min-width:200px;padding:11px 14px;border:1px solid #e2e8f0;border-radius:var(--radius,8px);font-size:14px;font-family:inherit;background:#fff;color:var(--color-secondary,#1E293B);transition:border-color .2s}
.lp-form input:focus,.lp-form textarea:focus{outline:none;border-color:var(--color-primary,#EB5C20);box-shadow:0 0 0 3px rgba(235,92,32,.12)}
.lp-form textarea{min-height:90px;resize:vertical}
.lp-form button{width:100%}

/* RTL (Arabic) */
[dir="rtl"]{direction:rtl;text-align:right}
[dir="rtl"] .topbar .tb-left{justify-content:flex-end}
[dir="rtl"] .header-inner{flex-direction:row-reverse}
[dir="rtl"] .nav-menu{direction:rtl}
[dir="rtl"] .nav-menu .sub-menu{right:0;left:auto;text-align:right}
[dir="rtl"] .header-actions{flex-direction:row-reverse;gap:12px}
[dir="rtl"] .lp-pain-card .pc-link::after{content:" →";margin-left:4px}
[dir="rtl"] .lp-back-link a::after{content:" ←";margin-left:0}
[dir="rtl"] .footer-grid{direction:rtl}
[dir="rtl"] .footer-social{justify-content:flex-start}
[dir="rtl"] .wa-widget{right:auto;left:24px}
[dir="rtl"] .wa-widget .wa-tooltip{right:auto;left:64px;transform:translateX(-8px)}
[dir="rtl"] .wa-widget:hover .wa-tooltip{transform:translateX(0)}
@media(max-width:767px){
[dir="rtl"] .wa-widget{left:18px;right:auto}
}

/* Responsive fine-tuning */
@media(max-width:640px){
.lp-hero h1{font-size:24px}
.lp-trust .t-item{font-size:13px}
.lp-trust .t-item strong{font-size:16px}
.lp-proof .pp-stat .num{font-size:42px}
}

/* === Enhanced sections v2 === */

/* Certifications grid */
.lp-cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:1000px;margin:0 auto}
.lp-cert-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px 16px;transition:box-shadow .2s}
.lp-cert-card:hover{box-shadow:0 6px 16px rgba(15,23,42,.06)}
.lp-cert-card img{width:44px;height:44px;object-fit:contain;flex-shrink:0}
.lp-cert-card .cc-info strong{display:block;font-size:14px;color:var(--color-secondary,#1E293B);margin-bottom:2px}
.lp-cert-card .cc-info span{font-size:12px;color:#64748b;line-height:1.35}

/* Why Us cards */
.lp-why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1000px;margin:0 auto}
.lp-why-card{text-align:center;padding:28px 20px}
.lp-why-card .wy-icon{width:56px;height:56px;border-radius:50%;background:rgba(235,92,32,.08);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--color-primary,#EB5C20)}
.lp-why-card h3{font-size:16px;font-weight:700;color:var(--color-secondary,#1E293B);margin:0 0 6px}
.lp-why-card p{font-size:13px;color:#64748b;margin:0;line-height:1.5}

/* Product highlights */
.lp-prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1040px;margin:0 auto}
.lp-prod-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:box-shadow .25s,transform .2s;display:block;text-decoration:none;color:inherit}
.lp-prod-card:hover{box-shadow:0 12px 32px rgba(15,23,42,.1);transform:translateY(-3px);border-color:var(--color-primary,#EB5C20)}
.lp-prod-card .pp-img{height:140px;background:linear-gradient(135deg,rgba(235,92,32,.06),rgba(30,41,59,.04));display:flex;align-items:center;justify-content:center;font-size:44px}
.lp-prod-card .pp-body{padding:18px}
.lp-prod-card .pp-body h3{font-size:15px;font-weight:700;color:var(--color-secondary,#1E293B);margin:0 0 4px}
.lp-prod-card .pp-body p{font-size:13px;color:#64748b;margin:0 0 8px;line-height:1.45}
.lp-prod-card .pp-link{font-size:13px;font-weight:600;color:var(--color-primary,#EB5C20)}

