/* AIAI_COMPARE_MOBILE_REPAIR_V1
   Mobile-only production repair for /compare.
   Approved direction: AIAI_MOBILE_COMPARE_V6_APPROVED_FINAL_LOCK.
   Desktop comparison remains untouched. */

@media (min-width:761px){
  body.page-compare .aiai-cmp-mobile{display:none!important}
}

@media (max-width:760px){
  :root{
    --cmp-shell:#F7F0E5;
    --cmp-paper:#FFFEFC;
    --cmp-ink:#171713;
    --cmp-text:#565851;
    --cmp-muted:#8B8E87;
    --cmp-line:#E9E7E0;
    --cmp-line-soft:#F3F1EC;
    --cmp-gold:#B18A48;
    --cmp-gold-deep:#745727;
    --cmp-sage:#839482;
    --cmp-sage-deep:#526353;
    --cmp-sage-soft:#EEF3EE;
    --cmp-sans:"IBM Plex Sans Arabic","Tajawal",sans-serif;
    --cmp-serif:"Noto Naskh Arabic","Amiri","Traditional Arabic",serif;
  }

  html,body{max-width:100%!important;overflow-x:clip!important}
  body.page-compare.compare-mobile-repair-v1{background:var(--cmp-paper)!important;color:var(--cmp-ink)!important}

  /* The approved mobile shell owns the experience; legacy comparison blocks remain desktop-only. */
  body.page-compare.compare-mobile-repair-v1 .cm-hero,
  body.page-compare.compare-mobile-repair-v1 .cm-page,
  body.page-compare.compare-mobile-repair-v1 .lum-footer,
  body.page-compare.compare-mobile-repair-v1 .beta-feedback-fab{display:none!important}

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:34px 20px 24px!important;
    margin:0!important;
    background:var(--cmp-paper)!important;
    font-family:var(--cmp-sans)!important;
    color:var(--cmp-ink)!important;
    overflow:hidden!important;
  }
  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile *,
  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile *::before,
  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile *::after{box-sizing:border-box;min-width:0}
  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile a{text-decoration:none}

  .aiai-cmp-kicker,.aiai-cmp-label{margin:0;color:var(--cmp-gold-deep);font-size:11px;font-weight:800}
  .aiai-cmp-kicker{display:flex;align-items:center;gap:8px}
  .aiai-cmp-kicker span{width:24px;height:1px;background:linear-gradient(90deg,var(--cmp-gold),transparent)}
  .aiai-cmp-intro{padding-bottom:20px;border-bottom:1px solid var(--cmp-line)}
  .aiai-cmp-intro h1{margin:5px 0 0;font:700 29px/1.42 var(--cmp-serif);letter-spacing:-.01em}
  .aiai-cmp-lead{margin:7px 0 0;color:var(--cmp-text);font:400 13px/1.78 var(--cmp-serif)}
  .aiai-cmp-edit{display:inline-flex;margin-top:11px;color:var(--cmp-gold-deep);font-size:11.5px;font-weight:800;border-bottom:1px solid rgba(177,138,72,.35)}

  .aiai-cmp-groups{
    display:flex;gap:14px;overflow-x:auto;margin-top:14px;padding:2px 0 6px;
    scrollbar-width:none;overscroll-behavior-inline:contain
  }
  .aiai-cmp-groups::-webkit-scrollbar{display:none}
  .aiai-cmp-groups a{
    flex:0 0 auto;padding:5px 0;border-bottom:1px solid transparent;
    color:#6D7069;font-size:11.5px;font-weight:650;white-space:nowrap
  }
  .aiai-cmp-groups a.is-active{color:var(--cmp-gold-deep);border-color:var(--cmp-gold);font-weight:800}

  .aiai-cmp-pair{padding:22px 0 0}
  .aiai-cmp-pair-grid{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:8px}
  .aiai-cmp-tool{text-align:center}
  .aiai-cmp-tool i{
    width:54px;height:54px;margin:0 auto 8px;border-radius:17px;display:grid;place-items:center;
    border:1px solid #D9D9D3;background:#FAFAF7;box-shadow:0 0 0 4px #F5F6F1;overflow:hidden
  }
  .aiai-cmp-tool i :where(img,svg){width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important;object-fit:contain!important}
  .aiai-cmp-tool small{display:block;color:var(--cmp-muted);font-size:9.8px}
  .aiai-cmp-tool.is-winner small{color:var(--cmp-sage-deep);font-weight:800}
  .aiai-cmp-tool b{display:block;margin-top:1px;font:700 21px/1.15 Georgia,"Times New Roman",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .aiai-cmp-vs{position:relative;height:42px;display:grid;place-items:center;color:#A49A89;font:17px Georgia,serif}
  .aiai-cmp-vs::before,.aiai-cmp-vs::after{content:"";position:absolute;left:50%;width:1px;height:10px;background:var(--cmp-line)}
  .aiai-cmp-vs::before{top:0}.aiai-cmp-vs::after{bottom:0}

  .aiai-cmp-verdict{margin-top:22px;padding:18px 0 20px;border-top:1px solid var(--cmp-line);border-bottom:1px solid var(--cmp-line)}
  .aiai-cmp-verdict h2{margin:6px 0 5px;font:700 28px/1.38 var(--cmp-serif);letter-spacing:-.012em}
  .aiai-cmp-verdict h2 bdi{font-family:Georgia,"Times New Roman",serif}
  .aiai-cmp-verdict>p:last-child{margin:0;color:var(--cmp-text);font:400 13px/1.8 var(--cmp-serif)}

  .aiai-cmp-lens{padding-top:26px}
  .aiai-cmp-lens header h2{margin:4px 0 0;font:700 25px/1.42 var(--cmp-serif)}
  .aiai-cmp-lens header>p:last-child{margin:4px 0 0;color:var(--cmp-muted);font:400 11.5px/1.65 var(--cmp-serif)}

  .aiai-cmp-opponents{
    display:flex;gap:7px;overflow-x:auto;margin-top:13px;padding:1px 0 5px;scrollbar-width:none
  }
  .aiai-cmp-opponents::-webkit-scrollbar{display:none}
  .aiai-cmp-opponents button{
    flex:0 0 auto;min-height:42px;padding:5px 10px;border:1px solid var(--cmp-line);border-radius:13px;
    background:#fff;color:#5A5D56;display:flex;align-items:center;gap:7px;font:750 11px/1 var(--cmp-sans)
  }
  .aiai-cmp-opponents button[aria-selected="true"]{background:var(--cmp-sage-soft);border-color:rgba(82,99,83,.18);color:var(--cmp-sage-deep)}
  .aiai-cmp-opponents i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--cmp-line)}
  .aiai-cmp-opponents i :where(img,svg){width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain!important}

  .aiai-cmp-modes{
    margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cmp-line);
    border-radius:15px;overflow:hidden;background:#fff
  }
  .aiai-cmp-modes button{
    min-height:44px;padding:0 7px;border:0;border-inline-start:1px solid var(--cmp-line);
    background:transparent;color:#71746D;font:650 10.6px/1.3 var(--cmp-sans)
  }
  .aiai-cmp-modes button:first-child{border-inline-start:0}
  .aiai-cmp-modes button.is-active{background:var(--cmp-sage-soft);color:var(--cmp-sage-deep);font-weight:800;box-shadow:inset 0 -2px 0 var(--cmp-sage-deep)}

  .aiai-cmp-panels{margin-top:12px}
  .aiai-cmp-panel[hidden],.aiai-cmp-factor[hidden]{display:none!important}
  .aiai-cmp-columns{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--cmp-line);border-bottom:1px solid var(--cmp-line)}
  .aiai-cmp-side{padding:15px 12px;min-height:104px}
  .aiai-cmp-side+.aiai-cmp-side{border-inline-start:1px solid var(--cmp-line)}
  .aiai-cmp-side.is-current{background:linear-gradient(180deg,rgba(238,243,238,.78),rgba(255,254,252,.15))}
  .aiai-cmp-side small{display:block;color:var(--cmp-muted);font:600 10px/1.3 Georgia,"Times New Roman",serif}
  .aiai-cmp-side b{display:block;margin-top:5px;color:#444740;font:750 13px/1.55 var(--cmp-sans)}
  .aiai-cmp-side.is-current b{color:var(--cmp-sage-deep)}
  .aiai-cmp-side span{display:block;margin-top:5px;color:var(--cmp-muted);font:400 10px/1.55 var(--cmp-serif);overflow-wrap:anywhere}
  .aiai-cmp-factor-note{margin:10px 0 0;color:#666A63;font:400 11.5px/1.68 var(--cmp-serif)}

  .aiai-cmp-takeaway{margin-top:15px;padding:13px 14px;border-radius:15px;background:#F8F3E7;border:1px solid rgba(177,138,72,.16)}
  .aiai-cmp-takeaway small{display:block;color:var(--cmp-gold-deep);font-size:9.8px;font-weight:800}
  .aiai-cmp-takeaway p{margin:4px 0 0;color:#3D3F3A;font:600 11.8px/1.72 var(--cmp-serif)}

  .aiai-cmp-matrix{margin-top:16px;border-top:1px solid var(--cmp-line);border-bottom:1px solid var(--cmp-line)}
  .aiai-cmp-matrix summary{list-style:none;min-height:62px;display:flex;align-items:center;cursor:pointer;color:var(--cmp-gold-deep)}
  .aiai-cmp-matrix summary::-webkit-details-marker{display:none}
  .aiai-cmp-matrix summary>span{display:flex;flex-direction:column;gap:2px}
  .aiai-cmp-matrix summary b{font-size:12px}.aiai-cmp-matrix summary small{color:#A4A59F;font-size:9.5px;font-weight:400}
  .aiai-cmp-matrix-body{padding-bottom:12px}
  .aiai-cmp-mrow{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:8px;padding:10px 0;border-top:1px solid var(--cmp-line-soft);font-size:10.3px}
  .aiai-cmp-mrow.is-head{border-top:0;color:var(--cmp-muted)}
  .aiai-cmp-mrow b{font-size:10.3px}.aiai-cmp-mrow span{color:#70736C;line-height:1.5;overflow-wrap:anywhere}

  .aiai-cmp-pair-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
  .aiai-cmp-pair-actions a,.aiai-cmp-actions a{
    min-height:46px;border:1px solid var(--cmp-line);border-radius:15px;background:#fff;color:#575A53;
    display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 10px;font-size:11px;font-weight:800
  }
  .aiai-cmp-pair-actions a.is-primary,.aiai-cmp-actions>a.is-primary{
    background:#2F2B26;border-color:#2F2B26;color:#fff
  }

  .aiai-cmp-actions{padding-top:24px}
  .aiai-cmp-actions>a{width:100%;min-height:54px}
  .aiai-cmp-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
  .aiai-cmp-actions>div a{min-height:44px}

  .aiai-cmp-footer{margin-top:20px;padding:16px 0 5px;border-top:1px solid var(--cmp-line)}
  .aiai-cmp-footer b{font:700 18px/1.4 var(--cmp-serif)}
  .aiai-cmp-footer p{margin:2px 0 0;color:var(--cmp-muted);font-size:10.8px}

  .aiai-cmp-empty{padding:28px 0;border-bottom:1px solid var(--cmp-line)}
  .aiai-cmp-empty b{font:700 22px/1.5 var(--cmp-serif)}
  .aiai-cmp-empty p{color:var(--cmp-muted);font-size:12px}.aiai-cmp-empty a{color:var(--cmp-gold-deep);font-size:12px;font-weight:800}

  @media(max-width:370px){
    body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile{padding-inline:15px!important}
    .aiai-cmp-intro h1{font-size:27px}.aiai-cmp-verdict h2{font-size:26px}.aiai-cmp-lens header h2{font-size:23px}
    .aiai-cmp-modes button{font-size:10px;padding-inline:4px}
    .aiai-cmp-side{padding-inline:9px}.aiai-cmp-pair-actions{grid-template-columns:1fr}
  }
}

@media(prefers-reduced-motion:reduce){
  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile *,
  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile *::before,
  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile *::after{
    scroll-behavior:auto!important;transition:none!important;animation:none!important
  }
}


/* ================================================================
   AIAI_COMPARE_MOBILE_FINAL_CLOSURE_HOTFIX_V1
   Final mobile closure only:
   - one verdict CTA set (pair-specific)
   - one compact footer
   - tighter page ending
   Desktop remains untouched.
   ================================================================ */
@media (max-width:760px){
  body.page-compare.compare-mobile-repair-v1 .site-footer{
    display:none!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-actions{
    padding-top:18px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-actions>div{
    margin-top:0!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-footer{
    margin-top:14px!important;
    padding:13px 0 2px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-mobile{
    padding-bottom:10px!important;
  }
}

/* AIAI_MOBILE_COMPARE_DECISION_HIERARCHY_FINAL
   task -> tools -> result -> 3 decisive differences -> details -> verdict
   Mobile-only presentation closure.
*/
@media (max-width:760px){

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-verdict{
    margin-top:20px!important;
    padding:19px 0 21px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-verdict h2{
    margin:5px 0!important;
    font-size:29px!important;
    line-height:1.38!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-lens{
    padding-top:24px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-lens header h2{
    font-size:25px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-modes{
    display:none!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-panels{
    margin-top:17px!important;
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-panel:not([hidden]) .aiai-cmp-factor{
    display:block!important;
    padding:18px 0 17px!important;
    border-top:1px solid var(--cmp-line)!important;
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-panel:not([hidden]) .aiai-cmp-factor:first-of-type{
    padding-top:4px!important;
    border-top:0!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-factor::before{
    display:block!important;
    margin-bottom:10px!important;
    color:var(--cmp-gold-deep)!important;
    font-size:10.5px!important;
    line-height:1.4!important;
    font-weight:800!important;
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-factor[data-cmp-factor="fit"]::before{
    content:"01  ·  ملاءمة المهمة";
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-factor[data-cmp-factor="pay"]::before{
    content:"02  ·  قرار الدفع";
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-factor[data-cmp-factor="risk"]::before{
    content:"03  ·  حدود الاعتماد";
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-columns{
    border:0!important;
    gap:1px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-side{
    min-height:82px!important;
    padding:12px 11px!important;
    background:#FFFEFA!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-side.is-current{
    background:rgba(238,243,238,.62)!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-side+.aiai-cmp-side{
    border-inline-start:0!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-factor-note{
    margin:9px 2px 0!important;
    font-size:11px!important;
    line-height:1.65!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-takeaway{
    display:none!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-matrix{
    margin-top:4px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-pair-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    margin-top:16px!important;
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-pair-actions a.is-primary{
    min-height:54px!important;
    border-radius:15px!important;
    border-color:#211E19!important;
    background:#211E19!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-pair-actions a:not(.is-primary){
    min-height:38px!important;
    justify-content:flex-start!important;
    padding-inline:2px!important;
    border:0!important;
    background:transparent!important;
    color:var(--cmp-gold-deep)!important;
    font-size:11px!important;
  }

  body.page-compare.compare-mobile-repair-v1 .aiai-cmp-actions--quiet{
    padding-top:20px!important;
    border-top:1px solid var(--cmp-line)!important;
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-actions--quiet>div{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:18px!important;
    margin:0!important;
  }

  body.page-compare.compare-mobile-repair-v1
  .aiai-cmp-actions--quiet>div a{
    min-height:38px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#77736B!important;
    font-size:10.8px!important;
  }
}