/* MARTEX demo-1 / pricing-1 / feature components, adapted for Arabic. */
.client-site { font-family: Tahoma, Arial, sans-serif; }
.client-site h1,.client-site h2,.client-site h3,.client-site p,.client-site a,.client-site input,.client-site textarea,.client-site button { font-family: inherit; letter-spacing: 0; }
.preview-ribbon { background:#f8f5fb; text-align:center; font-size:11px; padding:7px 12px; color:#686074; }
.client-header { background:#fff; border-bottom:1px solid #eee; position:relative; z-index:10; }
.client-header-inner { display:flex; align-items:center; gap:28px; min-height:88px; }
.client-brand { display:flex; align-items:center; gap:8px; font-size:29px; font-weight:700; color:#353f4f; white-space:nowrap; }
.client-brand span { width:9px; height:9px; background:#f74780; border-radius:50%; }
.desktop-nav { display:flex; gap:24px; margin-inline:auto; }
.desktop-nav a { font-size:14px; white-space:nowrap; color:#353f4f; }
.desktop-nav a[aria-current] { color:#f74780; }
.client-account { display:flex; align-items:center; gap:18px; font-size:14px; margin-inline-start:auto; }
.client-account .btn { font-size:14px; padding:9px 18px; }
.mobile-menu { display:none; }
.client-site #hero-1 { background-position:center; margin-top:0; }
.client-site .hero-1-txt { padding-inline-end:24px; }
.client-site .hero-1-txt p { padding-right:0; padding-inline-end:2%; }
.client-site .hero-1-txt h1 { line-height:1.38; margin-bottom:24px; }
.client-site .hero-1-txt .section-id { font-size:14px; margin-bottom:18px; display:block; }
.client-site .section-title { text-align:center; }
.client-site .section-title h2 { margin-bottom:20px; }
.client-site .fbox-6 h3 { margin:20px 0 14px; }
.client-site .fbox-6 p { font-size:15px; }
.client-main { padding-bottom:80px; min-height:65vh; }
.client-heading { padding:60px 0 38px; }
.client-heading .section-id { font-size:13px; display:block; margin-bottom:14px; }
.client-heading h1 { line-height:1.4; }
.client-box { padding:36px; margin:24px 0; }
.client-box>h2 { margin-bottom:24px; }
.client-box p { line-height:1.9; }
.resource-card { padding:30px; height:100%; display:flex; flex-direction:column; }
.resource-card h2 { margin:22px 0 14px; line-height:1.65; }
.resource-card p { font-size:14px; flex:1; }
.card-top,.card-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.card-bottom { border-top:1px solid #eee; padding-top:20px; margin-top:18px; font-size:12px; }
.pill { display:inline-block; font-size:11px; color:#724879; background:#f6edf7; padding:6px 11px; border-radius:20px; margin:3px; }
.search-form { display:flex; gap:12px; max-width:680px; margin-bottom:30px; }
.search-form .form-control { min-width:0; }
.client-field { margin-bottom:22px; }
.client-field label { display:block; margin-bottom:8px; color:#353f4f; font-size:14px; font-weight:600; }
.client-site .form-control,.client-site .form-select { border:1px solid #d8dce0; border-radius:6px; padding:13px 15px; font-family:inherit; font-size:15px; }
.client-site .form-select { background-position:left 12px center; padding-left:40px; }
.client-site input[type=email],.client-site input[type=password] { direction:ltr; text-align:left; }
.small-note,.section-note { font-size:13px; line-height:1.8; color:#6c757d; }
.section-note { margin-bottom:28px; }
.client-notice { padding:18px 24px; margin:25px 0 0; border-radius:8px; background:#fff0f5; color:#702b45; }
.client-empty { text-align:center; padding:50px 24px; border:1px dashed #ddd; }
.client-empty>span { font-size:46px; display:block; margin-bottom:20px; }
.client-empty p { margin-top:15px; font-size:15px; }
.content-text { white-space:pre-wrap; overflow-wrap:anywhere; font-family:inherit; font-size:16px; line-height:2; background:#f8f9fc; padding:24px; border-radius:10px; margin:24px 0; }
.client-box form { margin-top:24px; }
.copy-status { font-size:13px; margin-inline-start:14px; }
.auth-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:45px; }
.auth-art { background:#f4f0fd; padding:35px; border-radius:12px; }
.auth-form .client-box { margin:0; }
.benefit-list { padding-inline-start:20px; margin:22px 0; }
.benefit-list li { padding:5px 0; font-size:14px; }
.client-site .p-table { height:100%; }
.wallet-hero { background:#f4edfc; padding:38px; margin-bottom:28px; }
.wallet-hero strong { font-size:64px; color:#6532a1; }
.account-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:30px 0; }
.account-stats>div { padding:24px; border:1px solid #eee; border-radius:10px; }
.account-stats strong { display:block; font-size:36px; color:#f74780; }
.account-stats span { font-size:13px; }
.support-reply { background:#f6f2fc; padding:20px; border-radius:8px; }
.support-reply p { background:none; padding:0; }
.quiz-option { display:block; padding:20px; border:1px solid #e0dfe6; border-radius:8px; margin-bottom:14px; cursor:pointer; font-size:15px; }
.quiz-option input { margin-inline-end:10px; accent-color:#f74780; }
.success-note { background:#eaf6ee; color:#24643e; padding:20px; border-radius:8px; margin-top:22px; }
#builder-result { margin-top:30px; }
.client-footer { background:#fafafa; border-top:1px solid #eee; padding:65px 0 25px; }
.client-footer p { font-size:14px; margin-top:20px; }
.client-footer h2 { margin-bottom:18px; }
.client-footer .color--theme { display:block; color:#6c757d; font-size:14px; margin:10px 0; }
.client-footer button { font-size:12px; padding:6px 12px; }
.footer-bottom { border-top:1px solid #e7e7e7; padding-top:24px; margin-top:40px; font-size:12px; }
.skip-link { position:absolute; top:-100px; }
.skip-link:focus { top:5px; right:5px; background:white; z-index:200; padding:12px; }
.client-site a:focus-visible,.client-site button:focus-visible,.client-site summary:focus-visible { outline:3px solid #7949a2; outline-offset:4px; }
@media(max-width:1199px) { .desktop-nav { gap:14px; } .desktop-nav a { font-size:12px; } .client-header-inner { gap:18px; } }
@media(max-width:991px) { .desktop-nav { display:none; } .mobile-menu { display:block; position:relative; } .mobile-menu summary { cursor:pointer; font-size:14px; } .mobile-menu nav { position:absolute; z-index:20; left:0; top:35px; width:220px; padding:20px; background:white; border:1px solid #eee; border-radius:8px; box-shadow:0 4px 12px #0001; } .mobile-menu nav a { display:block; padding:8px 0; font-size:14px; } }
@media(max-width:767px) { .client-brand { font-size:23px; } .client-header-inner { gap:12px; min-height:76px; } .client-account { gap:10px; font-size:12px; } .client-account .btn { padding:7px 11px; font-size:12px; } .client-site .hero-1-txt { padding-inline-end:0; text-align:center; } .client-site .hero-1-txt h1 { font-size:38px; } .client-site .hero-1-img { margin-top:36px; } .client-heading { padding:35px 0 20px; } .client-heading h1 { font-size:32px; } .client-box { padding:24px; } .auth-layout { grid-template-columns:1fr; } .auth-art { display:none; } .account-stats { gap:8px; } .account-stats>div { padding:13px 8px; } .account-stats strong { font-size:26px; } .account-stats span { font-size:11px; } .content-text { padding:16px; font-size:14px; } .client-site .section-title h2 { font-size:32px; } .client-site .py-100 { padding-top:60px; padding-bottom:60px; } .client-site .btn { white-space:normal; } .search-form { gap:8px; } .client-footer { padding-top:40px; } }