
/* RZ CORE IT — UX enhancement layer, isolated to preserve existing design */
.rzx-reveal{opacity:0;transform:translateY(17px);transition:opacity .55s ease,transform .55s ease}.rzx-reveal.rzx-visible{opacity:1;transform:translateY(0)}
.rzx-panel{background:linear-gradient(135deg,#102f4d,#081b31);border:1px solid rgba(77,206,252,.3);border-radius:20px;padding:clamp(17px,3vw,30px);box-shadow:0 18px 40px #0003;color:#eaf8ff}
.rzx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rzx-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.rzx-head{max-width:760px;margin:0 0 22px}.rzx-head p{font-size:14px;color:#aaccdf;line-height:1.6}.rzx-head h2{font-size:clamp(27px,3.5vw,39px);line-height:1.17;margin:7px 0 11px;color:#f6fbff}
.rzx-kicker{color:#5ce7fc!important;text-transform:uppercase;letter-spacing:.1em;font-size:11px!important;font-weight:850}
.rzx-section{padding:56px 0;background:radial-gradient(ellipse at 10% 10%,#18678b26,transparent 65%),#07172a}
.rzx-section.rzx-alt{background:#091c30}.rzx-card{border:1px solid #2a6486;border-radius:16px;background:#0e2942;padding:20px;min-width:0;transition:border-color .25s,transform .25s,box-shadow .25s}
.rzx-card:hover{transform:translateY(-4px);border-color:#6fe3ff;box-shadow:0 12px 35px #0077be26}
.rzx-card h3{font-size:19px;margin:7px 0}.rzx-card p,.rzx-card small{color:#bdd2e2;font-size:13px;line-height:1.6}
.rzx-btn{border:1px solid #59caf1;border-radius:12px;background:linear-gradient(105deg,#58e4fa,#319aff);color:#061e32!important;padding:12px 16px;text-decoration:none!important;min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:850;cursor:pointer;text-align:center;transition:filter .25s,transform .25s}
.rzx-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.rzx-btn:focus-visible,.rzx-card:focus-visible{outline:3px solid #a4f4ff;outline-offset:3px}
.rzx-btn.rzx-altbtn{background:#153a59;color:#dbf7ff!important;border-color:#4897bf}
.rzx-demo-stage{background:#061a2d;border:1px solid #2a698a;border-radius:15px;padding:19px;min-height:132px;margin:15px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;transition:background .3s}
.rzx-demo-stage strong{font-size:25px;color:#67eafa}.rzx-demo-stage span{font-size:13px;color:#c6d9e7}
.rzx-demo-controls{display:flex;gap:9px;flex-wrap:wrap}.rzx-demo-controls button{flex:1;min-width:100px}
.rzx-metrics{display:flex;gap:12px;flex-wrap:wrap}.rzx-metric{flex:1 1 160px;background:#0e2c47;border:1px solid #2f719a;border-radius:15px;padding:18px}
.rzx-metric strong{display:block;font-size:clamp(25px,4vw,34px);color:#59e4fc;font-weight:900}.rzx-metric span{display:block;font-size:13px;color:#c6deed}
.rzx-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.rzx-field{display:grid;gap:7px}.rzx-field label{color:#d8eeff;font-size:13px;font-weight:750}.rzx-field select{width:100%;min-height:47px;padding:10px 12px;border-radius:11px;color:#fff;background:#081d31;border:1px solid #3980a5;font:inherit}
.rzx-result{padding:15px;background:#0b344b;border-radius:13px;border:1px solid #2e987e;margin-bottom:14px}.rzx-result p{margin:6px 0 0;color:#c9e0e8;font-size:13px}
.rzx-session{padding:9px 0;display:flex;gap:9px;align-items:center;justify-content:space-between;border-top:1px solid #2c5671;font-size:13px;color:#d4eafb}
.rzx-session strong{color:#72e8d2}.rzx-note{font-size:12px;color:#a7c4d7;margin:12px 0 0;line-height:1.6}
.rzx-mobile-nav{display:none}
.rzx-dialog{border:1px solid #4389b3;border-radius:20px;width:min(680px,calc(100vw - 24px));max-height:90dvh;background:#0b253d;color:white;box-shadow:0 24px 90px #000a;padding:0}
.rzx-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.rzx-dialog-body{padding:24px;overflow:auto;max-height:88dvh}
.rzx-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rzx-dialog-head h2{font-size:25px;margin:0 0 8px}
.rzx-close{width:42px;height:42px;flex:0 0 42px;background:#183f5b;color:#fff;border:1px solid #4b8db4;border-radius:12px;font-size:22px;cursor:pointer}
.rzx-dialog-desc{color:#c7dcea;font-size:14px}.rzx-dialog-list{list-style:none;padding:0;display:grid;gap:10px;counter-reset:step}
.rzx-dialog-list li{counter-increment:step;border:1px solid #306184;border-radius:10px;padding:10px 13px;font-size:14px}
.rzx-dialog-list li:before{content:counter(step) " · ";color:#52def3;font-weight:900}
@media(max-width:790px){
 .rzx-grid,.rzx-two,.rzx-fields{grid-template-columns:1fr}
 .rzx-section{padding:36px 0}.rzx-head h2{font-size:27px}.rzx-card{padding:17px}
 .rzx-btn{min-height:47px}.rzx-demo-controls{display:grid;grid-template-columns:repeat(2,1fr)}
 .rzx-demo-controls button{min-width:0}
 .rzx-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:105;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#051525f5;border-top:1px solid #327ea8;backdrop-filter:blur(15px);gap:4px;justify-content:space-around;box-shadow:0 -9px 29px #0006}
 .rzx-mobile-nav a{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:7px 2px;text-decoration:none;color:#c5dceb;border-radius:12px;min-height:50px;font-size:10px;font-weight:750}
 .rzx-mobile-nav a>span:first-child{font-size:19px;line-height:1.2}
 .rzx-mobile-nav a[aria-current=page]{background:#155476;color:#7ceaff}
 .rzx-mobile-nav a.rzx-contact-tab{color:#5ef0cf}
 .mobile-bottom-bar,.stick{display:none!important}
 body{padding-bottom:calc(89px + env(safe-area-inset-bottom))!important}
 .rzx-dialog-body{padding:18px}.rzx-metric{padding:14px}
}
@media(prefers-reduced-motion:reduce){.rzx-reveal{opacity:1;transform:none;transition:none}.rzx-card,.rzx-btn{transition:none}}

/* Smartphone repairs: one featured service, consistent with the original cards. */
.rz-smartphone-card{position:relative;border-color:#3b9fbb!important;background:linear-gradient(145deg,rgba(19,64,87,.94),rgba(8,29,49,.98))!important}
.rz-smartphone-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#39dfec,#648dff,transparent);border-radius:inherit;pointer-events:none}
.rz-smartphone-card-title{display:flex;align-items:center;gap:10px}
.rz-smartphone-card-title h3{margin:10px 0 7px}
.rz-phone-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;background:#14516a;border:1px solid #4cd2e9;color:#a3f4ff;border-radius:11px;font-size:22px}
.rz-smartphone-card .rz-smartphone-detail{color:#9edbe9;font-size:12px;line-height:1.6;margin:13px 0}
.rz-smartphone-card .btn{width:100%;text-align:center;min-height:48px}
.rz-smartphone-quicklink{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:0 0 18px;color:#89e9fc;text-decoration:none;font-size:13px;font-weight:750;border:1px solid #327994;border-radius:999px;background:#0e3148}
.rz-smartphone-quicklink:hover,.rz-smartphone-quicklink:focus-visible{border-color:#8beaff;color:white}
.rzx-section#rzx-company{scroll-margin-top:110px;background:radial-gradient(ellipse at 20% 0%,rgba(32,174,221,.16),transparent 62%),#071b2d}
#rzx-company .rzx-panel{border-color:#3e9ac1;box-shadow:0 18px 46px rgba(0,97,164,.14)}
#rzx-company .rzx-result{background:linear-gradient(115deg,#0c3854,#0b293c);border-color:#287c99}
#rzx-company .rzx-fields{gap:16px}
#rzx-company .rzx-field select:focus-visible{outline:2px solid #8be9ff;outline-offset:2px}
#rzx-company .rzx-btn{min-height:50px;padding-inline:20px}
@media(max-width:790px){.rz-smartphone-card{order:0}.rz-smartphone-quicklink{font-size:12px;margin-bottom:13px}.rzx-section#rzx-company{scroll-margin-top:130px}.rzx-section#rzx-company .rzx-panel{padding:17px}#rzx-company .rzx-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.rz-smartphone-card{transition:none}}


/* Premium navigation shared by French and Arabic homepages */
@media(min-width:1051px){
.site-header .main-nav{display:flex;align-items:center;gap:3px!important;flex-wrap:nowrap;max-width:100%;padding:5px;border:1px solid rgba(101,186,233,.26);border-radius:999px;background:linear-gradient(130deg,rgba(15,39,65,.94),rgba(7,22,42,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 28px rgba(1,8,20,.23)}
.site-header .main-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px clamp(9px,1vw,15px);border-radius:999px;font-size:12.5px;font-weight:750;white-space:nowrap;letter-spacing:0;line-height:1.2;color:#c5daeb;transition:color .25s,background .25s,box-shadow .25s,transform .25s}
.site-header .main-nav>a:hover,.site-header .main-nav>a:focus-visible{color:#f6fdff;background:rgba(54,150,214,.19);box-shadow:inset 0 0 0 1px rgba(84,188,246,.25);transform:translateY(-1px)}
.site-header .main-nav>a:first-child{color:#f4fbff}
}
@media(min-width:1051px) and (max-width:1240px){.site-header .main-nav>a{font-size:11.5px;padding:8px 9px}.site-header .header-inner{gap:10px}}
@media(max-width:1050px){
.mobile-nav:not([hidden]){background:linear-gradient(160deg,#0d2540,#071629);border:1px solid rgba(102,191,238,.25);border-top:0;border-radius:0 0 19px 19px;box-shadow:0 20px 42px #0007;padding:8px 16px 16px}
.mobile-nav a{border-radius:10px;border-bottom:1px solid rgba(85,171,218,.1);font-weight:750;transition:background .2s,color .2s}
.mobile-nav a:active,.mobile-nav a:hover{background:rgba(61,170,234,.13);color:#fff}
.mobile-menu-toggle{border-radius:12px!important;border-color:rgba(93,186,240,.35)!important;background:linear-gradient(145deg,#153852,#0a1f37)!important}
}
html[dir=rtl] .site-header .main-nav>a{letter-spacing:0}
