/* EQUORS v12.3 — preserve v12.1 desktop UX; improve spacing, RTL, and mobile app experience only. */

/* Desktop refinements requested: wider navigation rhythm and exact header/footer alignment. */
@media (min-width:1280px){
  .eq-public-header nav{gap:30px!important}
  .eq-public-header nav a{padding-inline:0!important}
  footer>div{width:calc(100% - 96px)!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important}
}

/* Arabic typography & direction without changing desktop component geometry. */
html[dir="rtl"] body,
body.eq-v12-rtl{font-family:"Almarai","Noto Sans Arabic",Arial,sans-serif!important}
html[dir="rtl"] .eq61-hero-grid,
html[dir="rtl"] .eq61-section-head,
html[dir="rtl"] .eq61-editorial,
html[dir="rtl"] .eq61-mission-grid,
html[dir="rtl"] .eq62-cta-grid,
html[dir="rtl"] .eq8-hero-grid,
html[dir="rtl"] .eq8-split,
html[dir="rtl"] .eq2-context-inner,
html[dir="rtl"] .eq2-layout,
html[dir="rtl"] footer .grid,
html[dir="rtl"] footer .pt-8{direction:rtl}
html[dir="rtl"] .eq61-title,
html[dir="rtl"] .eq61-h2,
html[dir="rtl"] .eq61-h3,
html[dir="rtl"] .eq61-lead,
html[dir="rtl"] .eq61-copy,
html[dir="rtl"] .eq2-panel,
html[dir="rtl"] .eq2-sidecard,
html[dir="rtl"] .eq8-form,
html[dir="rtl"] footer{text-align:right}
html[dir="rtl"] .eq61-actions,
html[dir="rtl"] .eq8-actions{justify-content:flex-start}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"]{direction:ltr;text-align:left}

/* Extra translated-page card primitives. They intentionally match v12.1 visual language. */
.eq61-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.eq61-stat{background:#fff;border:1px solid #dfe3e0;padding:22px;min-height:126px;display:flex;flex-direction:column;justify-content:space-between}
.eq61-stat b{font-size:30px;line-height:1;font-weight:850}.eq61-stat span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#67706a}.eq61-stat small{color:#747b77}
.eq61-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.eq61-list li{border:1px solid #dfe3e0;background:#fff;padding:16px 18px;position:relative}.eq61-list li:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:#c8201a}
.eq61-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.eq61-resource-card,.eq61-legal-card{background:#fff;border:1px solid #dfe3e0;padding:22px}.eq61-resource-card h3,.eq61-legal-card h3{margin:0 0 10px;font-size:20px}.eq61-resource-card p,.eq61-legal-card p{color:#606863;margin:0}.eq61-resource-card ul{padding-inline-start:18px;color:#606863}
.eq61-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eq61-info-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #dfe3e0;background:#fff;padding:24px}

/* Mobile app shell: changes are intentionally limited to tablet/mobile sizes. */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-top:92px!important;background:#f4f5f4}

  /* Compact app-like top bar. */
  .eq-public-header .bg-primary{height:28px;overflow:hidden;padding-block:0!important}
  .eq-public-header .bg-primary .max-w-container-max{height:28px;justify-content:flex-start!important;width:calc(100% - 28px)!important}
  .eq-public-header .bg-primary .max-w-container-max>div:last-child{display:none!important}
  .eq-public-header .bg-primary span{font-size:9.5px!important;letter-spacing:.015em!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .eq-header-row{height:64px!important;width:100%!important;max-width:none!important;padding-inline:14px!important;margin:0!important;gap:10px!important;background:#fff}
  .eq-header-row>a:first-child{gap:9px!important;min-width:0}
  .eq-header-row>a:first-child .w-10{width:36px!important;height:36px!important}
  .eq-header-row>a:first-child .font-headline-md{font-size:18px!important;line-height:1!important}
  .eq-header-row>a:first-child .font-label-sm{display:none!important}
  .eq-header-row nav{display:none!important}
  .eq-header-row .sm\:inline-flex{display:none!important}
  .eq-mobile-menu{display:inline-flex!important;min-width:42px;min-height:42px;align-items:center;justify-content:center;border-radius:10px!important}
  .eq-header-row .shrink-0:last-child{gap:8px!important}
  .eq-header-row .shrink-0:last-child>a:first-child{min-height:42px;padding:9px 11px!important;border-radius:10px!important;font-size:12px!important}
  .eq-mobile-panel{top:92px!important;max-height:calc(100dvh - 92px)!important;padding:12px 14px 18px!important;background:#fff!important;border-top:1px solid #e2e5e3!important;box-shadow:0 18px 40px rgba(0,0,0,.12)!important}
  .eq-mobile-panel>div{gap:6px!important}
  .eq-mobile-panel a{display:flex!important;align-items:center!important;min-height:48px;padding:12px 14px!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important}
  .eq-mobile-panel a.eq-active,.eq-mobile-panel a[aria-current="page"]{background:#111!important;color:#fff!important}

  /* Public pages become focused card/list app screens without changing desktop composition. */
  .eq61-main,.eq-v8-main,.eq-policy-page{background:#f4f5f4!important}
  .eq61-hero,.eq8-hero{padding:28px 0!important}
  .eq61-wrap,.eq8-wrap,.eq2-wrap,.ar-wrap{width:calc(100% - 28px)!important;max-width:none!important}
  .eq61-hero-grid,.eq61-section-head,.eq61-editorial,.eq61-mission-grid,.eq62-cta-grid,.eq8-hero-grid,.eq8-split{grid-template-columns:1fr!important;gap:22px!important}
  .eq61-title{font-size:clamp(42px,13vw,64px)!important;line-height:.94!important}
  html[dir="rtl"] .eq61-title{font-size:clamp(38px,11vw,56px)!important;line-height:1.12!important}
  .eq61-h2,.eq8-h2{font-size:clamp(28px,8vw,40px)!important;line-height:1.08!important}
  .eq61-lead,.eq61-copy,.eq8-copy,.eq8-lead{font-size:15px!important;line-height:1.7!important}
  .eq61-actions,.eq8-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important}
  .eq61-actions .eq61-btn,.eq8-actions .eq8-btn{width:100%!important;justify-content:center!important;min-height:50px!important}
  .eq61-hero-media,.eq61-editorial-visual,.eq61-mission-visual,.eq62-cta-media,.eq62-eq8-media{min-height:0!important;border-radius:18px!important;overflow:hidden!important}
  .eq61-hero-media img,.eq61-editorial-visual img,.eq61-mission-visual img,.eq62-cta-media img,.eq62-eq8-media img{aspect-ratio:16/10;object-fit:cover!important}
  .eq61-mini-grid,.eq61-path-grid,.eq61-market-grid,.eq61-flow,.eq61-stat-grid,.eq61-resource-grid,.eq61-legal-grid,.eq8-contact-grid,.eq8-form-grid{grid-template-columns:1fr!important}
  .eq61-mini,.eq61-path-card,.eq61-market-card,.eq61-stat,.eq61-resource-card,.eq61-legal-card,.eq8-contact-card,.eq8-form{border-radius:16px!important}
  .eq61-info-banner{align-items:flex-start!important;flex-direction:column!important;border-radius:16px!important}
  footer>div{width:calc(100% - 28px)!important;max-width:none!important;margin-inline:auto!important;padding:42px 0 24px!important}
  footer .grid{grid-template-columns:1fr!important;gap:28px!important}
  footer .pt-8{align-items:flex-start!important;text-align:start!important}

  /* Phase I application = app-like screen. */
  .eq2-context{padding:22px 0 18px!important}
  .eq2-context-inner{display:block!important}
  .eq2-context h1{font-size:28px!important;margin-top:6px!important}
  .eq2-market-chip{margin-top:14px!important;width:100%!important;grid-template-columns:1fr 1fr!important}
  .eq2-stepbar{display:none!important}
  .eq2-v12-mobile-progress{display:block!important;position:sticky!important;top:92px!important;z-index:25!important;background:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important}
  .eq2-v12-progress-row{font-size:12px!important}
  .eq2-main{padding:14px 0 0!important}
  .eq2-layout{display:block!important}
  .eq2-panel{border-radius:18px 18px 0 0!important;border:1px solid #dde1de!important;box-shadow:none!important;overflow:hidden!important;background:#fff!important}
  .eq2-panel-head{padding:20px 18px 16px!important}
  .eq2-panel-head h2{font-size:24px!important}
  .eq2-section{padding:20px 18px!important}
  .eq2-grid,.eq2-choicegrid{grid-template-columns:1fr!important;gap:13px!important}
  .eq2-field label{font-size:13px!important;margin-bottom:6px!important}
  .eq2-field input,.eq2-field select,.eq2-field textarea{font-size:16px!important;min-height:50px!important;padding:13px 14px!important;border-radius:10px!important;background:#fff!important}
  .eq2-choice,.eq2-mini-choice{border-radius:12px!important;padding:14px!important;min-height:64px!important;background:#fbfcfb!important}
  .eq2-aside{display:none!important}
  .eq2-actions{position:sticky!important;bottom:0!important;z-index:35!important;display:flex!important;flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important;border-top:1px solid #dfe3e0!important;box-shadow:0 -12px 30px rgba(0,0,0,.08)!important}
  .eq2-actions>.eq2-btn.primary,.eq2-actions>button.eq2-btn.primary{width:100%!important;min-height:52px!important;font-size:16px!important}
  .eq2-v12-left-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .eq2-v12-left-actions .eq2-btn{width:100%!important;min-height:44px!important;padding:9px 10px!important;font-size:12px!important}
  .eq2-v12-left-actions .eq2-btn:nth-child(3){grid-column:1/-1!important}
  .eq2-v12-review-more{grid-template-columns:1fr!important}
  .eq2-v12-review-card{border-radius:14px!important;padding:16px!important}
  .eq2-v12-review-card dl>div{grid-template-columns:1fr!important;gap:4px!important}
  .eq2-success{border-radius:18px!important;padding:24px 18px!important;margin:14px auto 0!important}
  .eq2-success-ref{align-items:flex-start!important;flex-direction:column!important}
  .eq2-app+footer,.eq2-app~footer{display:none!important}
}

@media (max-width:480px){
  .eq2-market-chip{grid-template-columns:1fr!important}
  .eq2-v12-left-actions{grid-template-columns:1fr 1fr!important}
  .eq2-v12-left-actions .eq2-btn:nth-child(3){grid-column:1/-1!important;min-height:34px!important;border:0!important;background:transparent!important;text-decoration:underline}
}

/* v12.4 final design rules: square geometry and unified Arabic type. */
*,*::before,*::after{border-radius:0!important}
html[lang=ar],html[lang=ar] body,html[lang=ar] body *,
html[dir=rtl],html[dir=rtl] body,html[dir=rtl] body *{font-family:Almarai,Arial,sans-serif!important}

.eq-mobile-footer{display:none}

@media (max-width:900px){
  body>footer:not(.eq-mobile-footer){display:none!important}
  .eq-mobile-footer,.eq2-app~footer.eq-mobile-footer{display:block!important;background:#111!important;color:#fff!important;border-top:4px solid #c8201a!important}
  .eq-mobile-footer-inner{width:calc(100% - 32px);margin-inline:auto;padding:40px 0 calc(24px + env(safe-area-inset-bottom));text-align:start}
  .eq-mobile-footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:21px;letter-spacing:.05em}
  .eq-mobile-footer-brand span{display:grid;place-items:center;width:34px;height:34px;background:#c8201a;color:#fff;font-weight:900}
  .eq-mobile-footer-strap{max-width:34rem;margin:18px 0 24px;color:#d6d9d7;font-size:14px;line-height:1.7}
  .eq-mobile-footer-nav{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #343735}
  .eq-mobile-footer-nav a{display:flex;align-items:center;min-height:52px;padding:12px 0;color:#fff;text-decoration:none;font-size:14px;font-weight:700;border-bottom:1px solid #343735}
  .eq-mobile-footer-nav a:nth-child(odd){padding-inline-end:12px}
  .eq-mobile-footer-nav a:nth-child(even){padding-inline-start:12px;border-inline-start:1px solid #343735}
  .eq-mobile-footer-nav a:nth-last-child(-n+2){border-bottom:0}
  .eq-mobile-footer-legal{display:flex;flex-direction:column;gap:14px;padding-top:22px;color:#b8bdb9;font-size:11px;line-height:1.6}
  .eq-mobile-footer-legal>span:last-child{display:flex;flex-wrap:wrap;gap:18px}
  .eq-mobile-footer-legal a{color:#fff;text-decoration:underline;text-underline-offset:3px}
}

@media (min-width:901px){
  .eq-mobile-footer{display:none!important}
}

/* Consistent mobile spacing scale: 16px gutters, 24px content gaps, 48px sections. */
@media (max-width:900px){
  :root{--eq-mobile-gutter:16px;--eq-mobile-section-space:48px;--eq-mobile-card-space:20px}
  .eq61-wrap,.eq8-wrap,.eq2-wrap,.ar-wrap{width:calc(100% - (2 * var(--eq-mobile-gutter)))!important}
  .eq-header-row{box-sizing:border-box!important;padding-inline:var(--eq-mobile-gutter)!important}
  .eq-public-header .bg-primary .max-w-container-max{width:calc(100% - (2 * var(--eq-mobile-gutter)))!important}
  .eq-mobile-panel{padding:12px var(--eq-mobile-gutter) 20px!important}
  .eq61-hero,.eq8-hero{padding:32px 0!important}
  .eq61-section,.eq8-section,.ar-section{padding-block:var(--eq-mobile-section-space)!important}
  .eq61-hero-grid,.eq61-section-head,.eq61-editorial,.eq61-mission-grid,.eq62-cta-grid,.eq8-hero-grid,.eq8-split{gap:24px!important}
  .eq61-mini-grid,.eq61-path-grid,.eq61-market-grid,.eq61-flow,.eq61-stat-grid,.eq61-resource-grid,.eq61-legal-grid,.eq8-contact-grid,.eq8-form-grid{gap:16px!important}
  .eq61-mini,.eq61-path-card,.eq61-market-card,.eq61-stat,.eq61-resource-card,.eq61-legal-card,.eq8-contact-card,.eq8-form,.eq61-info-banner{padding:var(--eq-mobile-card-space)!important}
  .eq2-main{padding:16px 0 0!important}
  .eq2-panel-head{padding:24px 20px 18px!important}
  .eq2-section{padding:24px 20px!important}
  .eq2-grid,.eq2-choicegrid{gap:16px!important}
  .eq2-actions{padding-inline:var(--eq-mobile-gutter)!important}
}

html body [class],html body button,html body input,html body select,html body textarea,
html body [class]::before,html body [class]::after{border-radius:0!important}

/* The navigation collapses at 1280px, so its compact header must use the same breakpoint. */
@media (max-width:1279px){
  body.eq-public-shell-v6{padding-top:92px!important}
  body.eq-public-shell-v6 .eq-public-header>.bg-primary{height:28px!important;overflow:hidden!important;padding-block:0!important}
  body.eq-public-shell-v6 .eq-public-header>.bg-primary>.max-w-container-max{
    width:calc(100% - 32px)!important;height:28px!important;justify-content:flex-start!important
  }
  body.eq-public-shell-v6 .eq-public-header>.bg-primary>.max-w-container-max>div:last-child{display:none!important}
  body.eq-public-shell-v6 .eq-public-header>.bg-primary span{
    font-size:9.5px!important;line-height:28px!important;letter-spacing:.015em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  body.eq-public-shell-v6 .eq-header-row{
    box-sizing:border-box!important;width:calc(100% - 32px)!important;max-width:none!important;
    height:64px!important;margin-inline:auto!important;padding-inline:0!important;gap:10px!important;background:#fff!important
  }
  body.eq-public-shell-v6 .eq-header-row>a:first-child{gap:9px!important;min-width:0!important}
  body.eq-public-shell-v6 .eq-header-row>a:first-child .w-10{width:36px!important;height:36px!important}
  body.eq-public-shell-v6 .eq-header-row>a:first-child .font-headline-md{font-size:18px!important;line-height:20px!important}
  body.eq-public-shell-v6 .eq-header-row>a:first-child .font-label-sm{display:none!important}
  body.eq-public-shell-v6 .eq-public-header .eq-header-row>nav{display:none!important}
  body.eq-public-shell-v6 .eq-public-header .eq-header-row>div:last-child{gap:8px!important}
  body.eq-public-shell-v6 .eq-public-header .eq-header-row>div:last-child>a[href*="apply-step-1"]{display:none!important}
  body.eq-public-shell-v6 .eq-public-header .eq-header-row>div:last-child>a:first-child,
  body.eq-public-shell-v6 .eq-public-header .eq-mobile-menu{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:42px!important;padding:9px 11px!important;font-size:12px!important;line-height:18px!important;
    border-radius:0!important
  }
  body.eq-public-shell-v6 .eq-mobile-panel{
    top:92px!important;max-height:calc(100dvh - 92px)!important;padding:12px 16px 20px!important
  }
}
