/* Eshraq App — home content: native articles, specialist carousel, support card */
#appView .eshraq-home-knowledge{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:stretch}
#appView .eshraq-home-articles{min-width:0}
#appView .eshraq-home-article-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;min-height:330px}
#appView .eshraq-home-article{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #dbe4df;box-shadow:0 9px 22px rgba(36,67,56,.07);min-width:0;transition:transform .18s ease,box-shadow .18s ease}
#appView .eshraq-home-article:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(36,67,56,.11)}
#appView .eshraq-home-article-media{height:170px!important;min-height:170px;background:linear-gradient(135deg,#dcefe4,#f8e5a5);overflow:hidden}
#appView .eshraq-home-article-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
#appView .eshraq-home-article-body{display:flex;flex-direction:column;flex:1;padding:15px 16px}
#appView .eshraq-home-article-body h4{margin:6px 0 5px;line-height:1.55;font-size:1rem;color:#154c41}
#appView .eshraq-home-article-body p{flex:1;color:#687970;line-height:1.7;font-size:.83rem}
#appView .eshraq-home-article-date{font-size:.72rem;color:#a07819;font-weight:800}
#appView .eshraq-home-article-body button{align-self:flex-start;border:0;background:#edf8f3;color:#0b6b5e;border-radius:10px;padding:8px 11px;font-weight:900;cursor:pointer}

#appView .eshraq-home-support{overflow:hidden!important;padding:0!important;background:#fff!important;border:1px solid #e4d7b5!important;box-shadow:0 10px 24px rgba(50,71,58,.08)!important;display:flex!important;flex-direction:column!important;justify-content:stretch!important}
#appView .eshraq-home-support-visual{display:block!important;height:190px!important;min-height:190px!important;background-image:url('./assets/eshraq-support-aid-ar.webp')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-bottom:1px solid #eadfbf!important}
#appView .eshraq-home-support-content{display:flex;flex-direction:column;gap:8px;flex:1;padding:20px 22px 22px;background:linear-gradient(180deg,#fffdf8,#faf5e8)}
#appView .eshraq-home-support-kicker{align-self:flex-start;padding:5px 9px;border-radius:999px;background:#edf7f1;color:#0b6b5e;font-size:.78rem;font-weight:900}
#appView .eshraq-home-support h3{margin:0!important;font-size:1.18rem!important}
#appView .eshraq-home-support p{margin:0!important;line-height:1.75!important;color:#64756d!important;flex:1}
#appView .eshraq-home-support button{margin-top:6px}
#appView .eshraq-next-step-card{margin-inline-start:auto!important;margin-inline-end:0!important;max-width:620px!important}

#appView .eshraq-specialists-section{overflow:hidden}
#appView .eshraq-carousel-shell{position:relative;padding:0 46px}
#appView .eshraq-home-specialists-grid{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;direction:rtl;scroll-behavior:smooth}
#appView .eshraq-home-specialists-grid::-webkit-scrollbar{display:none}
#appView .eshraq-home-specialist{scroll-snap-align:start;flex:0 0 min(340px,82vw);display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;border:1px solid #dbe8e1;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fcf9);box-shadow:0 8px 20px rgba(31,72,60,.06);min-height:112px}
#appView .eshraq-home-specialist-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:950;font-size:1rem;color:#0c6757;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
#appView .eshraq-home-specialist-avatar.tone-1{background:linear-gradient(145deg,#dff3e9,#cae9dc)}
#appView .eshraq-home-specialist-avatar.tone-2{background:linear-gradient(145deg,#fff0c6,#ffe1a0);color:#8c6208}
#appView .eshraq-home-specialist-avatar.tone-3{background:linear-gradient(145deg,#e8e6fb,#d9d4f3);color:#65549a}
#appView .eshraq-home-specialist-avatar.tone-4{background:linear-gradient(145deg,#dff0f6,#cee5ed);color:#337081}
#appView .eshraq-home-specialist-copy{min-width:0}.eshraq-home-specialist-copy h4{margin:0 0 5px;color:#164d41;font-size:.98rem}.eshraq-home-specialist-copy p{margin:0;color:#5d7068;font-size:.82rem;line-height:1.45}.eshraq-home-specialist-copy small{display:block;margin-top:4px;color:#91701a;font-size:.75rem;font-weight:800;line-height:1.45}
#appView .eshraq-home-specialist>button{border:1px solid #cfe2d8;background:#edf8f3;color:#0b6b5e;border-radius:10px;padding:8px 10px;font-size:.78rem;font-weight:900;cursor:pointer;white-space:nowrap}
#appView .eshraq-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid #d8e6df;background:#fff;color:#0b6b5e;box-shadow:0 5px 16px rgba(30,67,56,.12);display:grid;place-items:center;font-size:1.4rem;cursor:pointer;z-index:3}
#appView .eshraq-carousel-arrow.prev{right:2px}#appView .eshraq-carousel-arrow.next{left:2px}
#appView .eshraq-carousel-arrow:hover{background:#eef8f3}

.eshraq-native-sheet-open{overflow:hidden}
.eshraq-native-sheet-overlay{position:fixed;inset:0;z-index:100500;background:rgba(12,42,35,.42);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;direction:rtl}
.eshraq-native-sheet-overlay[hidden]{display:none!important}
.eshraq-native-sheet{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:26px;border:1px solid #dce8e2;background:#fffdf9;box-shadow:0 28px 80px rgba(16,61,50,.24);color:#173f37}
.eshraq-native-sheet-close{position:sticky;top:12px;margin:12px 12px -54px auto;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid #d8e5de;background:#fff;color:#2b6658;font-size:1.6rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(24,62,52,.08)}
.eshraq-native-sheet-body{padding:28px}
.eshraq-native-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf7f1;color:#0b6b5e;font-size:.76rem;font-weight:900;margin-bottom:8px}
.eshraq-native-sheet h2{margin:0 0 8px;color:#0c5c4d;font-size:1.55rem;line-height:1.4}
.eshraq-native-intro,.eshraq-native-note{color:#65766f;line-height:1.75}
.eshraq-native-sheet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.eshraq-native-sheet-actions button{border:0;border-radius:12px;background:#0f7d68;color:#fff;padding:10px 15px;font-weight:900;cursor:pointer}.eshraq-native-sheet-actions button.soft{background:#eef6f2;color:#245e51;border:1px solid #d7e7df}

.eshraq-native-article-image{height:270px;border-radius:20px;overflow:hidden;margin-bottom:18px;background:#e9f2ed}.eshraq-native-article-image img{width:100%;height:100%;object-fit:cover;display:block}.eshraq-native-article time{display:block;color:#9d7b20;font-size:.78rem;font-weight:800;margin-bottom:12px}.eshraq-native-article>p{color:#5f726a;line-height:1.9;font-size:.96rem}
.eshraq-native-specialist{text-align:center}.eshraq-native-specialist-avatar{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(145deg,#dff3e9,#f8e4a7);color:#0b6b5e;font-size:1.45rem;font-weight:950}.eshraq-native-specialist-role{margin:0 0 14px;color:#64766e}.eshraq-native-specialty{display:flex;justify-content:center;gap:8px;align-items:center;margin:12px auto;padding:11px 14px;border-radius:14px;background:#f3f9f6;width:max-content;max-width:100%}.eshraq-native-specialty b{color:#0b6b5e}.eshraq-native-code{font-size:.78rem;color:#897123;margin-top:7px}.eshraq-native-specialist .eshraq-native-sheet-actions{justify-content:center}
.eshraq-native-article-list,.eshraq-native-specialist-list{display:grid;gap:10px;margin-top:16px}.eshraq-native-article-list>button,.eshraq-native-specialist-list>button{width:100%;display:flex;align-items:center;gap:12px;text-align:right;border:1px solid #deebe4;background:#fff;border-radius:16px;padding:10px;cursor:pointer;color:#173f37}.eshraq-native-article-list img{width:78px;height:58px;border-radius:11px;object-fit:cover;flex:0 0 78px}.eshraq-native-article-list span,.eshraq-native-specialist-list>button>span:last-child{display:grid;gap:4px;min-width:0}.eshraq-native-article-list b,.eshraq-native-specialist-list b{font-size:.9rem;line-height:1.4}.eshraq-native-article-list small,.eshraq-native-specialist-list small{font-size:.74rem;color:#738079;line-height:1.45}.eshraq-native-specialist-list .eshraq-home-specialist-avatar{width:50px;height:50px;flex:0 0 50px;border-radius:15px}

@media(max-width:1180px) and (min-width:901px){#appView .eshraq-home-knowledge{grid-template-columns:1fr}#appView .eshraq-home-support{display:grid!important;grid-template-columns:260px 1fr!important}#appView .eshraq-home-support-visual{height:auto!important;min-height:220px!important;border-bottom:0!important;border-inline-end:1px solid #eadfbf!important}}
@media(max-width:900px){#appView .eshraq-home-knowledge{grid-template-columns:1fr!important}#appView .eshraq-home-article-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;min-height:0;padding-bottom:8px}#appView .eshraq-home-article-grid::-webkit-scrollbar{display:none}#appView .eshraq-home-article{flex:0 0 min(330px,86vw);scroll-snap-align:start}#appView .eshraq-home-support{display:flex!important}#appView .eshraq-home-support-visual{height:180px!important;min-height:180px!important}#appView .eshraq-carousel-shell{padding:0 38px}#appView .eshraq-home-specialist{flex-basis:min(310px,84vw);grid-template-columns:52px minmax(0,1fr)}#appView .eshraq-home-specialist-avatar{width:52px;height:52px;border-radius:16px}#appView .eshraq-home-specialist>button{grid-column:2;justify-self:start}.eshraq-native-sheet-overlay{padding:9px}.eshraq-native-sheet{max-height:94vh;border-radius:20px}.eshraq-native-sheet-body{padding:20px 16px 22px}.eshraq-native-article-image{height:210px}.eshraq-native-sheet h2{font-size:1.3rem}}
@media(max-width:520px){#appView .eshraq-carousel-arrow{display:none}#appView .eshraq-carousel-shell{padding:0}#appView .eshraq-home-specialist{flex-basis:88vw}.eshraq-native-article-list img{width:66px;height:52px;flex-basis:66px}}

/* V275 — single lower-Home authority. Older V251/V269/V271/V272 overrides removed. */
#appView #eshraqHomeServices190{display:none!important}
#appView .eshraq-home-knowledge{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}
#appView .eshraq-home-articles>.eshraq-v190-section,
#appView .eshraq-home-support{
  border:1px solid #edf0ea!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(46,69,59,.06)!important;
  padding:20px!important;
  overflow:hidden!important;
}
#appView .eshraq-articles-carousel,
#appView #eshraqHomeSpecialists190 .eshraq-carousel-shell{
  position:relative!important;
  padding:0 44px!important;
  overflow:hidden!important;
}
#appView #eshraqHomeArticles190,
#appView #eshraqHomeSpecialistsGrid190{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
  touch-action:pan-x!important;
  padding:4px 2px 12px!important;
  direction:rtl!important;
  overflow-anchor:none!important;
}
#appView #eshraqHomeArticles190::-webkit-scrollbar,
#appView #eshraqHomeSpecialistsGrid190::-webkit-scrollbar{display:none!important}
#appView #eshraqHomeArticles190 .eshraq-home-article{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 clamp(270px,31vw,350px)!important;
  min-width:0!important;
  min-height:365px!important;
  height:auto!important;
  scroll-snap-align:center!important;
  overflow:hidden!important;
  border:1px solid #dfe8e3!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(35,70,58,.07)!important;
}
#appView #eshraqHomeArticles190 .eshraq-home-article-media{
  display:block!important;
  flex:0 0 180px!important;
  width:100%!important;
  height:180px!important;
  min-height:180px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#eef3ef!important;
}
#appView #eshraqHomeArticles190 .eshraq-home-article-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
#appView #eshraqHomeArticles190 .eshraq-home-article-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
  padding:14px 16px 16px!important;
  background:#fff!important;
  color:#294f45!important;
}
#appView #eshraqHomeArticles190 .eshraq-home-article-date{margin:0 0 6px!important;font-size:.72rem!important;color:#9a791d!important;font-weight:850!important}
#appView #eshraqHomeArticles190 .eshraq-home-article h4{margin:0 0 7px!important;min-height:2.9em!important;font-size:.96rem!important;line-height:1.45!important;color:#164d41!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
#appView #eshraqHomeArticles190 .eshraq-home-article p{margin:0 0 12px!important;font-size:.8rem!important;line-height:1.6!important;color:#63756e!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
#appView #eshraqHomeArticles190 .eshraq-home-article button{margin-top:auto!important;align-self:flex-start!important}
#appView .eshraq-home-support{
  display:flex!important;
  flex-direction:column!important;
  justify-content:stretch!important;
  min-height:390px!important;
  padding:0!important;
  border-color:#e4d7b5!important;
}
#appView .eshraq-home-support-visual{
  display:block!important;
  width:100%!important;
  height:190px!important;
  min-height:190px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f7f3ea!important;
  border-bottom:1px solid #eadfbf!important;
}
#appView .eshraq-home-support-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
#appView .eshraq-home-support-content{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:180px!important;
  padding:20px 22px 22px!important;
  background:linear-gradient(180deg,#fffdf8,#faf5e8)!important;
}
#appView .eshraq-home-support-kicker{align-self:flex-start!important;padding:5px 9px!important;border-radius:999px!important;background:#edf7f1!important;color:#0b6b5e!important;font-size:.78rem!important;font-weight:900!important}
#appView .eshraq-home-support h3{margin:0!important;font-size:1.18rem!important}
#appView .eshraq-home-support p{margin:0!important;line-height:1.75!important;color:#64756d!important;flex:1!important}
#appView .eshraq-home-support button{margin-top:6px!important;align-self:flex-start!important}
#appView #eshraqHomeSpecialistsGrid190 .eshraq-home-specialist{
  flex:0 0 clamp(280px,30vw,345px)!important;
  min-width:0!important;
  scroll-snap-align:center!important;
}
#appView .eshraq-carousel-arrow{top:50%!important;transform:translateY(-50%)!important;z-index:5!important}
#appView .eshraq-carousel-arrow.prev{right:3px!important}
#appView .eshraq-carousel-arrow.next{left:3px!important}

/* Native content sheet clearance. */
.eshraq-native-sheet{position:relative!important;overflow:auto!important}
.eshraq-native-sheet-close{position:absolute!important;top:16px!important;left:16px!important;right:auto!important;margin:0!important;z-index:12!important}
.eshraq-native-sheet-body{padding-top:70px!important}

@media(max-width:1100px){
  #appView .eshraq-home-knowledge{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  #appView .eshraq-articles-carousel,
  #appView #eshraqHomeSpecialists190 .eshraq-carousel-shell{padding:0 34px!important}
  #appView #eshraqHomeArticles190 .eshraq-home-article{flex-basis:82vw!important;min-height:340px!important}
  #appView #eshraqHomeArticles190 .eshraq-home-article-media{height:160px!important;min-height:160px!important;flex-basis:160px!important}
  #appView #eshraqHomeSpecialistsGrid190 .eshraq-home-specialist{flex-basis:82vw!important}
  .eshraq-native-sheet-close{top:12px!important;left:12px!important}
  .eshraq-native-sheet-body{padding-top:64px!important}
}
@media(max-width:520px){
  #appView .eshraq-carousel-arrow{display:none!important}
  #appView .eshraq-articles-carousel,
  #appView #eshraqHomeSpecialists190 .eshraq-carousel-shell{padding:0!important}
}
