/* wujoodi v13 (2026-10-17) - Arabic service pages (google-maps-not-showing / google-maps-verification).
   Reuses the existing visual system (lg-hero, gmb-compare-card, value-card, wj-steps3, faq, cta-banner)
   and the --wj-* tokens. Loaded on these two pages only. */

body.wj13-page .wj13-crumbs{display:flex; justify-content:center; flex-wrap:wrap; gap:6px; font-size:13px; color:var(--wj-text-tertiary, #8A95AA); margin:0 0 14px;}
body.wj13-page .wj13-crumbs a{color:var(--wj-muted, #A9B4C7);}
body.wj13-page .wj13-crumbs a:hover{color:var(--wj-accent-hover, #00C795);}
body.wj13-page .wj13-hero .wj13-note{font-size:14px; color:var(--wj-text-tertiary, #8A95AA); margin:16px auto 0;}

body.wj13-page .wj13-case{text-align:start;}
body.wj13-page .wj13-case h3{font-size:19px; line-height:1.5; color:#fff; margin:0 0 12px;}
body.wj13-page .wj13-case p{font-size:15.5px; line-height:1.8; margin:0 0 10px;}
body.wj13-page .wj13-case .wj13-after-list{margin:14px 0 0;}
body.wj13-page .wj13-list{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:11px;}
body.wj13-page .wj13-list li{position:relative; padding-inline-start:32px; font-size:15.5px; line-height:1.75; color:var(--text);}
body.wj13-page .wj13-list li .mark{position:absolute; inset-inline-start:0; top:4px; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
body.wj13-page .wj13-list li .mark .wjv-ic{width:12px; height:12px; stroke-width:2.4;}
body.wj13-page .wj13-list strong, body.wj13-page .wj13-case strong{color:#fff;}
body.wj13-page .wj13-key{max-width:760px; margin:28px auto 0; text-align:center; font-size:17px; color:var(--text);}
body.wj13-page .wj13-key strong{color:var(--wj-accent-hover, #00C795);}

body.wj13-page .wj13-case a, body.wj13-page .value-card p a, body.wj13-page .faq-a a, body.wj13-page .wj13-fine a{color:var(--wj-accent-hover, #00C795); text-decoration:underline; text-underline-offset:3px;}
body.wj13-page .value-card p a{font-weight:600;}
body.wj13-page .wj13-cards .value-card h4{line-height:1.5;}

body.wj13-page .wj13-offer{display:grid; grid-template-columns:1.1fr .9fr; gap:22px; max-width:980px; margin:0 auto; align-items:stretch;}
body.wj13-page .wj13-order{background:var(--card); border:1px solid var(--line-strong); border-radius:20px; padding:36px 32px; box-shadow:var(--glow); display:flex; flex-direction:column; justify-content:center; text-align:center;}
body.wj13-page .wj13-order .price{font-size:22px; font-weight:700; color:#fff; margin-bottom:8px; line-height:1.4;}
body.wj13-page .wj13-order .wj13-order-sub{font-size:15.5px; color:var(--accent-2); font-weight:600; margin:0 0 4px;}
body.wj13-page .wj13-order .btn{width:100%; justify-content:center; margin:18px 0 14px;}
body.wj13-page .wj13-order-solo{max-width:560px; margin:0 auto;}
body.wj13-page .wj13-fine{font-size:13px; line-height:1.8; color:var(--wj-text-tertiary, #8A95AA); margin:0 0 8px;}
body.wj13-page .wj13-final .wj13-final-note{position:relative; z-index:1; margin:18px auto 0; max-width:560px;}

body.wj13-page .wj13-duo{display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start;}
body.wj13-page .wj13-duo-col h2{font-size:clamp(22px,2.6vw,30px); margin:0 0 12px;}
body.wj13-page .wj13-duo-col > p{font-size:16px; line-height:1.8; margin:0 0 18px;}

body.wj13-page .wj13-own{text-align:center;}
body.wj13-page .wj13-own h2{font-size:clamp(24px,3vw,34px); margin:10px 0 14px;}
body.wj13-page .wj13-own-ic{display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:16px; background:rgba(0,163,122,0.15); color:var(--accent-2);}
body.wj13-page .wj13-own .wj13-own-strong{font-size:17px; line-height:1.9; margin-bottom:10px;}
body.wj13-page .wj13-own .wj13-own-strong strong{color:#fff;}

@media (min-width:961px){
  body.wj13-page .wj-steps3.wj13-steps4{grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1140px;}
}
@media (max-width:960px){
  body.wj13-page .wj13-offer, body.wj13-page .wj13-duo{grid-template-columns:1fr;}
}

/* Sticky order bar: phones only; shown by JS only while no other order button is on screen. */
body.wj13-page .wj13-sticky{display:none;}
@media (max-width:767px){
  body.wj13-page .wj13-sticky{display:flex; position:fixed; left:0; right:0; bottom:0; z-index:290; padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background:rgba(7,21,46,0.96); border-top:1px solid var(--line); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transform:translateY(110%); visibility:hidden; transition:transform .25s ease, visibility .25s;}
  body.wj13-page .wj13-sticky .btn{flex:1; justify-content:center; min-height:48px;}
  body.wj13-page.wj13-sticky-on .wj13-sticky{transform:none; visibility:visible;}
  html.wj-menu-open body.wj13-page .wj13-sticky{transform:translateY(110%); visibility:hidden;}
  body.wj13-page.wj13-sticky-on .wa-float{bottom:86px;}
  body.wj13-page .site-footer .footer-bottom{padding-bottom:88px;}
  body.wj13-page .wj13-case h3{font-size:17.5px;}
  body.wj13-page .wj13-order{padding:28px 22px;}
}