/* FSS Atelier: presentation only. Market data and account rules remain in their original modules. */
:root { --t2: #b4c0ba; --t3: #8e9e96; --bd: rgba(220,194,134,.15); }
body { background: radial-gradient(ellipse at 85% 0%,rgba(96,116,91,.12),transparent 48%),#080e0d !important; }
body::before { opacity:.08; }
button:focus-visible, a:focus-visible, select:focus-visible, input:focus-visible { outline:2px solid #ecd59b !important; outline-offset:4px; }
.card,.news-stat-card,.rights-card { box-shadow:0 8px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025) !important; }
.page-home .news-hero-banner { padding:24px !important; border:1px solid var(--bd) !important; border-radius:20px !important; background:linear-gradient(120deg,rgba(33,44,35,.85),rgba(12,21,18,.8)) !important; }
.page-home .news-page-title { font-size:24px !important; letter-spacing:-.5px; line-height:1.6; }
.page-home .news-page-subtitle { color:var(--t2); line-height:1.8; }
.page-home .news-stat-card { border-radius:16px !important; padding:18px !important; text-align:start !important; }
.page-home .news-stat-card .val { font-variant-numeric:tabular-nums; font-size:25px !important; letter-spacing:-.5px; }
.page-home .news-stat-card .lbl { font-size:12px !important; margin-top:7px !important; }
.page-home .news-stat-card.warning { background:linear-gradient(135deg,rgba(122,98,46,.2),rgba(15,24,20,.9)) !important; border-color:rgba(222,190,103,.35) !important; }
.news-val-num,.pivot-val,.bt-val { font-variant-numeric:tabular-nums; }
.page-home .news-feed-article { border-radius:16px !important; padding:16px !important; line-height:1.8; }
.page-home .news-filter-btn { min-height:40px; }
.page-home .news-row { padding:14px 12px; }
.page-home #goldImpactSummary,.page-home #usdImpactSummary { font-size:12px !important; line-height:1.8 !important; }
.page-home #goldImpactVerdict,.page-home #usdImpactVerdict { font-size:12px !important; padding:8px !important; }
.fss-more-panel { color:var(--t1); font-family:inherit; }
@media (min-width:1025px) {
 .page-home .content { padding:28px 32px !important; }
 .page-home .news-layout-grid { gap:22px !important; }
 .page-home .sidebar { border-inline-end:1px solid var(--bd); }
 .page-home .sidebar .sidebar-link { margin-block:3px; border-radius:12px !important; }
}
@media (max-width:1024px) {
 .page-home .content { padding:16px 16px calc(100px + env(safe-area-inset-bottom)) !important; }
 .page-home .news-hero-banner { flex-wrap:wrap !important; gap:10px !important; padding:16px !important; margin-bottom:16px !important; }
 .page-home .news-page-title { font-size:19px !important; }
 .page-home .news-actions-group { width:100%; justify-content:space-between; }
 .page-home .news-live-status-pill { font-size:12px !important; }
 .page-home #newsRefreshBtn { min-height:40px; font-size:12px !important; padding:8px 14px !important; }
 .page-home .news-mobile-sub-tabs { margin-block:0 16px !important; padding:5px !important; border-radius:14px !important; background:#101b17 !important; }
 .page-home .news-mobile-tab-btn { min-height:46px; font-size:13px !important; border-radius:10px !important; }
 .page-home .news-filter-btn { min-height:44px; font-size:12px !important; padding:8px 16px !important; }
 .page-home #newsStatsRow { gap:10px !important; }
 .page-home .news-stat-card { padding:14px !important; }
 .page-home .news-stat-card .val { font-size:22px !important; }
 .page-home .card { border-radius:16px !important; }
 .page-home .news-row { padding:14px !important; gap:10px !important; margin:8px 0 !important; border:1px solid rgba(220,194,134,.10); }
 .page-home .news-event-name { font-size:14px !important; line-height:1.75 !important; white-space:normal !important; }
 .page-home .news-val-num { font-size:13px !important; }
 .page-home #newsPageList { max-height:none !important; overflow:visible !important; }
 .page-home .seo-knowledge-section { margin-top:24px !important; padding:20px 16px !important; }
 .page-pro .sub-tab-btn,.page-special .sub-tab-btn { min-height:44px; font-size:12px !important; }
 .page-pro .card-title,.page-special .card-title { line-height:1.7; }
 .mobile-bottom-nav { height:72px !important; padding:6px !important; border-radius:22px !important; max-width:520px !important; background:rgba(13,23,19,.98) !important; box-shadow:0 8px 30px rgba(0,0,0,.45) !important; }
 .mobile-bottom-nav a,.mobile-bottom-nav button { font-size:11px !important; gap:5px !important; letter-spacing:0 !important; }
 .mobile-bottom-nav .nav-icon-wrap { width:25px !important; height:25px !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
 .mobile-bottom-nav .nav-icon { width:21px !important; height:21px !important; }
 .mobile-bottom-nav .fss-more-trigger { color:#b7c5bc !important; cursor:pointer; }
 .mobile-bottom-nav .fss-more-trigger[aria-expanded="true"] { background:rgba(224,194,129,.12) !important; color:var(--gold2) !important; }
 .mobile-bottom-nav .fss-more-panel { position:fixed !important; inset:auto 12px calc(94px + env(safe-area-inset-bottom)) !important; width:calc(100% - 24px) !important; max-width:496px !important; margin:0 auto !important; padding:16px !important; height:auto !important; max-height:60dvh; overflow:auto !important; background:#111d18 !important; border:1px solid rgba(226,201,148,.25) !important; border-radius:22px !important; box-shadow:0 20px 80px #0009 !important; box-sizing:border-box; }
 .fss-more-panel::backdrop { background:rgba(2,8,5,.48); backdrop-filter:blur(4px); }
 .fss-more-panel:popover-open { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .mobile-bottom-nav .fss-more-panel > a,.mobile-bottom-nav .fss-more-panel > button { min-height:76px !important; height:auto !important; width:100% !important; padding:12px !important; font-size:13px !important; background:rgba(255,255,255,.035) !important; border:1px solid var(--bd) !important; border-radius:14px !important; white-space:normal !important; }
 .mobile-bottom-nav .fss-more-panel > .fss-more-close { grid-column:1 / -1; min-height:44px !important; color:var(--gold2) !important; }
 body:not(.admin-mode) .mobile-bottom-nav [data-admin-mobile] { display:none !important; }
 .page-pro #app,.page-special #app { padding-bottom:calc(100px + env(safe-area-inset-bottom)) !important; }
}
@media(max-width:360px) { .page-home .content { padding-inline:10px !important; } .page-home .impact-gauges-container { grid-template-columns:1fr !important; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; } }
@media(max-width:1024px) {
 .page-pro #topbar { height:auto !important; min-height:100px !important; max-height:none !important; flex-wrap:wrap !important; gap:6px !important; padding:10px 14px !important; }
 .page-pro #topbar .tb-group-main { width:100%; min-width:0; justify-content:space-between; gap:8px; }
 .page-pro #topbar .tb-price { margin-right:0 !important; min-width:0; }
 .page-pro #topbar .tb-price .val { font-size:16px !important; }
 .page-pro #topbar .tb-group-controls { width:100%; min-width:0; justify-content:space-between; }
 .page-pro #pro-provider-select { height:36px; max-width:160px; }
 .page-home .news-row > span:nth-child(5),.page-home .news-row > span:nth-child(6),.page-home .news-row > :nth-child(7) { font-size:13px !important; }
}
/* Mobile editorial layout. Explicit sizing prevents intrinsic grid overflow. */
.page-home .main,.page-home .content,.page-home #tab-news,.page-home #tab-news > div { min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
.page-home .ph-logo-img { width:40px !important; height:40px !important; max-width:40px !important; object-fit:contain !important; flex:0 0 40px; }
.page-home .ph-brand { display:flex !important; align-items:center !important; gap:12px !important; }
.page-home .ph-brand-text { display:flex !important; flex-direction:column !important; gap:4px; }
.page-home .news-layout-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.page-home .news-col-calendar,.page-home .news-col-feed { min-width:0 !important; width:100%; }
@media(max-width:1024px) {
 body.page-home { background:#090e17 !important; --t1:#f4f2e9; --t2:#b0bbca; --t3:#91a0b5; --bd:rgba(186,201,224,.13); }
 .page-home #app { width:100% !important; min-width:0 !important; }
 .page-home .main { width:100% !important; min-width:0 !important; }
 .page-home .content { width:100% !important; min-width:0 !important; padding:18px 18px calc(110px + env(safe-area-inset-bottom)) !important; }
 .page-home #tab-news > div { padding:0 !important; }
 .page-home #public-header { justify-content:flex-start !important; padding:0 0 16px !important; margin:0 !important; background:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; }
 .page-home .ph-brand { width:100%; justify-content:flex-start !important; }
 .page-home .ph-brand-title { font-size:18px !important; color:#f4f2e9 !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
 .page-home .ph-brand-badge { font-size:9px !important; color:#d7bd85 !important; letter-spacing:2px; }
 .page-home .ph-nav,.page-home .ph-login { display:none !important; }
 .page-home .topbar { background:#090e17 !important; border-color:rgba(186,201,224,.1) !important; }
 .page-home .news-hero-banner { position:relative; display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:20px !important; padding:26px 22px 20px !important; margin:0 0 20px !important; border:1px solid rgba(214,187,127,.22) !important; border-radius:24px 24px 6px 24px !important; background:radial-gradient(ellipse at 0 0,rgba(100,125,161,.22),transparent 65%),linear-gradient(130deg,#1b2535,#111925) !important; box-shadow:0 18px 40px #0003 !important; overflow:hidden; }
 .page-home .news-hero-banner::before { content:'FSS / MARKET INTELLIGENCE'; display:block; color:#cbb47f; font:10px/1.5 var(--mono,monospace); letter-spacing:2px; direction:ltr; text-align:right; }
 .page-home .news-title-group { min-width:0; z-index:1; }
 .page-home .news-page-title { font-size:32px !important; line-height:1.4 !important; color:#f7f3e7 !important; font-weight:700 !important; letter-spacing:-1px; margin:0 !important; }
 .page-home .news-page-subtitle { display:block !important; font-size:12px !important; line-height:1.9 !important; margin:8px 0 0 !important; color:#acb9cd !important; }
 .page-home .news-actions-group { display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px !important; min-width:0; }
 .page-home .news-live-status-pill { background:transparent !important; border:0 !important; padding:0 !important; font-size:11px !important; color:#77dcc1 !important; }
 .page-home #newsRefreshBtn { border:1px solid #d9c38e !important; border-radius:10px !important; background:#e5d3a2 !important; box-shadow:none !important; color:#202333 !important; font-size:11px !important; padding:8px 12px !important; min-height:40px; }
 .page-home .news-mobile-sub-tabs { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); width:100% !important; gap:4px !important; padding:5px !important; margin-bottom:18px !important; box-sizing:border-box; border:1px solid #293346 !important; border-radius:14px !important; background:#111925 !important; }
 .page-home .news-mobile-tab-btn { min-width:0 !important; width:100%; min-height:46px; padding:8px 4px !important; font:600 12px/1.6 var(--sans,sans-serif) !important; background:transparent !important; border:0 !important; color:#a7b5c9 !important; border-radius:10px !important; white-space:normal; }
 .page-home .news-mobile-tab-btn.active { background:#e5d3a2 !important; color:#1c2231 !important; box-shadow:0 3px 12px #0003 !important; border:0 !important; }
 .page-home .news-layout-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px !important; width:100% !important; }
 .page-home .news-col-calendar,.page-home .news-col-feed { min-width:0 !important; max-width:100% !important; }
 .page-home .news-filter-scroll-wrapper { width:100% !important; min-width:0 !important; overflow:visible !important; padding:0 !important; margin:0 0 20px !important; }
 .page-home .news-filter-scroll-wrapper > div { display:grid !important; width:100% !important; min-width:0; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px !important; white-space:normal !important; }
 .page-home .news-filter-btn { min-width:0; width:100%; padding:8px 2px !important; min-height:40px; border:1px solid #283246 !important; border-radius:9px !important; font-size:11px !important; background:#111925 !important; color:#aebace !important; white-space:normal !important; }
 .page-home .news-filter-btn.active { border-color:#bca775 !important; color:#eddba8 !important; background:#27283a !important; }
 .page-home #newsStatsRow { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:1px !important; background:#293244; border:1px solid #293244; border-radius:18px; overflow:hidden; margin-bottom:20px !important; }
 .page-home #newsStatsRow .news-stat-card { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:16px 12px !important; border:0 !important; border-radius:0 !important; background:#121b29 !important; box-shadow:none !important; }
 .page-home #newsStatsRow .val { font-size:26px !important; line-height:1.4; }
 .page-home #newsStatsRow .lbl { font-size:10px !important; margin:0 !important; max-width:68px; line-height:1.8 !important; color:#b3bfd1 !important; }
 .page-home .impact-gauges-container { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; margin-bottom:20px !important; }
 .page-home .card { min-width:0; max-width:100%; box-sizing:border-box; background:#121b29 !important; border:1px solid #283346 !important; border-radius:16px !important; box-shadow:none !important; }
 .page-home .impact-gauges-container .card { padding:20px !important; border-radius:16px !important; }
 .page-home .impact-gauges-container .card > div:first-child { height:2px !important; opacity:.8; }
 .page-home .impact-gauges-container .card > div:nth-child(2) { margin-bottom:14px !important; }
 .page-home .impact-gauges-container .card > div:nth-child(2) span { font-size:13px !important; }
 .page-home #goldImpactSummary,.page-home #usdImpactSummary { font-size:13px !important; line-height:1.9 !important; margin:12px 0 !important; overflow-wrap:anywhere; }
 .page-home #goldImpactVerdict,.page-home #usdImpactVerdict { font-size:12px !important; line-height:1.8; padding:10px !important; border-radius:9px !important; }
 .page-home .news-row { min-width:0 !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; background:#101926 !important; border:1px solid #283346 !important; }
 .page-home .news-row > * { min-width:0; overflow-wrap:anywhere; }
 .page-home .news-feed-article { min-width:0; background:#111b29 !important; border:1px solid #2a3547 !important; }
 .page-home .news-feed-article > div { min-width:0; }
 .page-home .mobile-bottom-nav { background:#121c2b !important; border:1px solid #344155 !important; border-radius:20px !important; }
 .page-home .mobile-bottom-nav a.active,.page-home .mobile-bottom-nav button.active { background:#e5d3a2 !important; color:#1a2433 !important; border-color:transparent !important; }
 .page-home .mobile-bottom-nav .active .nav-icon { color:#1a2433 !important; }
 .page-home .mobile-bottom-nav .fss-more-panel { background:#121c2b !important; border-color:#344155 !important; }
}
@media(min-width:600px) and (max-width:1024px) {
 .page-home .content { padding-inline:28px !important; }
 .page-home #newsStatsRow { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
 .page-home #newsStatsRow .news-stat-card { flex-direction:column; align-items:flex-start; }
 .page-home #newsStatsRow .lbl { max-width:none; }
 .page-home .impact-gauges-container { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 .page-home .news-page-title { font-size:38px !important; }
}
@media(max-width:1024px) {
 .page-home #tab-news footer > div:first-child { grid-template-columns:minmax(0,1fr) !important; }
 .page-home #tab-news footer { padding-inline:0 !important; }
 .page-home #tab-news footer > div:first-child > div { min-width:0; }
 .page-home #tab-news footer > div:first-child > div > div:first-child { flex-wrap:wrap; gap:8px; }
}
@media(max-width:1024px) {
 .page-home .news-row.news-row-header { display:none !important; }
 .page-home .news-col-calendar[style*="display: none"],.page-home .news-col-feed[style*="display: none"] { display:none !important; }
}
/* Protected pages keep their existing authentication overlays above navigation. */
/* pro nav visible */
/* Compact ranked-event carousel; all original event content remains available. */
#newsPowerRanking { max-height:none !important; overflow:visible !important; padding:0 !important; }
#newsPowerRanking .ranking-event-hidden { display:none !important; }
#newsPowerRanking .ranking-event { grid-template-columns:30px minmax(0,1fr) 80px !important; padding:18px 12px !important; gap:10px !important; }
#newsPowerRanking .ranking-event > div { min-width:0; }
#newsPowerRanking .ranking-event > div:nth-child(2) > div:first-child { flex-wrap:wrap; }
#newsPowerRanking .ranking-event > div:nth-child(2) > div:first-child > span:first-child { overflow-wrap:anywhere; line-height:1.7; }
.ranking-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border-top:1px solid var(--bd); }
.ranking-pagination[hidden] { display:none; }
.ranking-pagination button { border:1px solid var(--bd); border-radius:10px; background:rgba(214,187,127,.1); color:var(--gold2); min-height:40px; min-width:76px; padding:8px 16px; font:600 12px var(--sans,sans-serif); cursor:pointer; }
.ranking-pagination button:disabled { opacity:.35; cursor:default; }
.ranking-pagination span { color:var(--t2); font:12px var(--mono,monospace); direction:ltr; }
@media(max-width:600px) {
 #newsPowerRanking .ranking-event { grid-template-columns:28px minmax(0,1fr) !important; min-height:174px; box-sizing:border-box; }
 #newsPowerRanking .ranking-event > div:last-child { grid-column:2; text-align:start !important; }
}
/* Explicit shared pager styling, independent of older navigation rules. */
.page-home .ranking-pagination { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important; align-items:center !important; gap:16px !important; width:100%; box-sizing:border-box; padding:14px 8px !important; direction:rtl; }
.page-home .ranking-pagination[hidden] { display:none !important; }
.page-home .ranking-pagination button { appearance:none; display:flex !important; justify-content:center; align-items:center; min-width:0 !important; width:100%; min-height:44px !important; border:1px solid #3b485e !important; border-radius:11px !important; background:#202d41 !important; color:#eed9a4 !important; font:600 12px/1.5 var(--sans,sans-serif) !important; padding:8px 12px !important; cursor:pointer; }
.page-home .ranking-pagination button:disabled { opacity:.4; cursor:default; }
.page-home .ranking-pagination span { direction:ltr !important; unicode-bidi:isolate; font:500 12px/1.5 var(--mono,monospace) !important; color:#aab9ce !important; white-space:nowrap; min-width:48px; text-align:center; }
#newsPageList { max-height:none !important; overflow:visible !important; min-width:0; }
#newsPageList .calendar-row-hidden { display:none !important; }
@media(max-width:1024px) {
 .page-home #newsPageList .news-row:not(.news-row-header) { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-template-areas:'time time' 'event event' 'imp gold' 'forecast prev' 'actual actual' !important; gap:10px !important; padding:16px !important; margin:12px 0 !important; background:linear-gradient(135deg,#172235,#101925) !important; border:1px solid #2c3a50 !important; border-radius:16px !important; }
 .page-home #newsPageList .news-row.calendar-row-hidden,.page-home #newsPageList .news-row-header { display:none !important; }
 .page-home #newsPageList .news-time-col { display:flex; align-items:center; gap:10px; direction:ltr; justify-content:flex-end; color:#d8c18c !important; font:600 12px/1.5 var(--mono,monospace) !important; }
 .page-home #newsPageList .news-time-col br { display:none; }
 .page-home #newsPageList .news-event-name { font:600 15px/1.8 var(--sans,sans-serif) !important; color:#f3f4f7 !important; overflow-wrap:anywhere; }
 .page-home #newsPageList .news-imp-badge,.page-home #newsPageList .news-gold-badge { font-size:11px !important; padding:6px 9px !important; border-radius:7px !important; max-width:100%; box-sizing:border-box; }
 .page-home #newsPageList .news-row > :nth-child(5),.page-home #newsPageList .news-row > :nth-child(6) { display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:12px !important; background:#ffffff05; border:1px solid #ffffff09; border-radius:10px; font-size:15px !important; color:#dce5f1 !important; min-width:0; }
 .page-home #newsPageList .news-row > :nth-child(5)::before { content:'المتوقع' !important; font:11px var(--sans,sans-serif) !important; color:#97a8bf !important; }
 .page-home #newsPageList .news-row > :nth-child(6)::before { content:'السابق' !important; font:11px var(--sans,sans-serif) !important; color:#97a8bf !important; }
 .page-home #newsPageList .news-row > :nth-child(7) { justify-self:stretch !important; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px !important; border-top:1px solid #ffffff10; font-size:13px !important; white-space:normal !important; }
 .page-home #newsPageList .news-row > :nth-child(7)::before { content:attr(data-caption); font:11px var(--sans,sans-serif); color:#97a8bf; }
}
@media(min-width:1025px) {
 .page-home #newsPageList .news-row { grid-template-columns:48px minmax(90px,1.6fr) repeat(4,minmax(0,.8fr)) minmax(65px,1fr) !important; gap:8px !important; padding:12px 8px !important; }
 .page-home #newsPageList .news-row > * { min-width:0; white-space:normal; overflow-wrap:anywhere; }
 .page-home #newsPageList .news-imp-badge,.page-home #newsPageList .news-gold-badge { padding:4px !important; }
}
.calendar-time-separator { display:block; }
@media(max-width:1024px) { .calendar-time-separator { display:inline; padding-inline:6px; color:#788aa4; } }
/* Footer and dock share one bottom safe area, instead of two stacked gaps. */
.page-home .fss-copyright { display:flex; flex-direction:column; align-items:center; gap:8px; background:transparent !important; padding:24px 12px 12px !important; margin-top:22px !important; border-top:1px solid rgba(186,201,224,.12) !important; line-height:1.7; }
.page-home .fss-copyright strong { font-size:16px; letter-spacing:.6px; color:#e5d3a2; }
.page-home .fss-copyright span { font-size:11px; color:#a7b5c9; }
.page-home .fss-copyright small { font-size:10px; color:#8495ac; }
@media(max-width:1024px) {
 .page-home #app { padding-bottom:0 !important; }
 .page-home .content { padding-bottom: 0 !important; }
 .page-home #tab-news footer { margin-top:24px !important; padding-bottom:0 !important; background:transparent !important; }
 .page-home .mobile-bottom-nav { height:68px !important; max-width:440px !important; right:12px !important; left:12px !important; padding:5px 8px !important; border-radius:22px !important; background:rgba(17,27,42,.98) !important; border:1px solid #334158 !important; box-shadow:0 10px 30px #0006,inset 0 1px #ffffff08 !important; }
 .page-home .mobile-bottom-nav .mobile-nav-inner > a,.page-home .mobile-bottom-nav .mobile-nav-inner > button { border:0 !important; background:transparent !important; box-shadow:none !important; border-radius:15px !important; color:#9cacc1 !important; gap:4px !important; font-size:10.5px !important; }
 .page-home .mobile-bottom-nav .mobile-nav-inner > .active { color:#eedaa3 !important; background:rgba(229,211,162,.075) !important; }
 .page-home .mobile-bottom-nav .mobile-nav-inner > .active .nav-icon-wrap { background:#e5d3a2 !important; border-radius:9px !important; width:36px !important; height:29px !important; }
 .page-home .mobile-bottom-nav .mobile-nav-inner > .active .nav-icon { color:#1a2433 !important; width:18px !important; height:18px !important; }
 .page-home .mobile-bottom-nav::before { display:none !important; }
}


/* ══════════════════════════════════════════════════════════════════════
   FSS MARKETS — ULTRA-LUXURY INSTITUTIONAL MOBILE DOCK & CLEAN HEADER
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  /* Single-Row Clean Header on Mobile */
  .experience-header {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 0 16px !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(13, 14, 18, 0.94) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-sizing: border-box !important;
    z-index: 1000 !important;
  }

  .experience-header > nav {
    display: none !important;
  }

  .experience-brand {
    flex-shrink: 0 !important;
  }
  .experience-mark {
    font-size: 20px !important;
    letter-spacing: 0.5px !important;
  }

  .experience-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }
  .experience-header-actions .desk-launcher {
    padding: 6px 10px !important;
    height: 34px !important;
    font-size: 11px !important;
  }
  .experience-header-actions .experience-login {
    padding: 6px 12px !important;
    height: 34px !important;
    min-height: 34px !important;
    font-size: 11px !important;
  }

  body:not(.page-login) {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .page-home .content,
  .arrival,
  .main,
  #app {
    padding-bottom: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* THE ULTRA-LUXURY FLOATING BOTTOM DOCK */
  .mobile-bottom-nav {
    display: flex !important;
    position: fixed !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    left: 12px !important; right: 12px !important; margin: 0 auto !important; width: auto !important; max-width: 440px !important; transform: none !important;
    max-width: 440px !important;
    height: 62px !important;
    padding: 3px 6px !important;
    border: 1px solid rgba(240, 213, 138, 0.28) !important;
    border-radius: 20px !important;
    background: rgba(9, 13, 18, 0.94) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    box-shadow: 
      0 18px 45px rgba(0, 0, 0, 0.85),
      0 0 16px rgba(240, 213, 138, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    z-index: 99999 !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    direction: rtl !important;
  }

  .mobile-bottom-nav .mobile-nav-inner {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 3px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
  }

  .mobile-bottom-nav a,
  .mobile-bottom-nav button {
    appearance: none !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    padding: 3px 2px !important;
    border-radius: 12px !important;
    color: #94a3b8 !important;
    font-family: 'IBM Plex Sans Arabic', -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    line-height: 1.1 !important;
    gap: 3px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .mobile-bottom-nav .nav-icon-wrap {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
  }

  .mobile-bottom-nav .nav-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    overflow: visible !important;
  }

  /* Vibrant Colors Per Icon matching user reference image */
  .mobile-bottom-nav [data-nav-icon="news"] .nav-icon,
  .mobile-bottom-nav [data-tab="news"] .nav-icon {
    color: #8ecbff !important;
    filter: drop-shadow(0 2px 6px rgba(142, 203, 255, 0.35)) !important;
  }
  .mobile-bottom-nav [data-nav-icon="ai"] .nav-icon,
  .mobile-bottom-nav [data-tab="ai"] .nav-icon {
    color: #d9b6ff !important;
    filter: drop-shadow(0 2px 6px rgba(217, 182, 255, 0.4)) !important;
  }
  .mobile-bottom-nav [data-nav-icon="pro"] .nav-icon,
  .mobile-bottom-nav a[href*="/pro"] .nav-icon {
    color: #74d5c3 !important;
    filter: drop-shadow(0 2px 6px rgba(116, 213, 195, 0.35)) !important;
  }
  .mobile-bottom-nav .fss-more-trigger .nav-icon,
  .mobile-bottom-nav [data-nav-icon="more"] .nav-icon {
    color: #b7c4c0 !important;
  }

  /* THE CENTER HERO: Elevated VIP Golden Tile */
  .mobile-bottom-nav [data-nav-icon="vip"],
  .mobile-bottom-nav a[href*="special"] {
    background: linear-gradient(180deg, rgba(240, 213, 138, 0.20) 0%, rgba(240, 213, 138, 0.06) 100%) !important;
    border: 1px solid rgba(240, 213, 138, 0.38) !important;
    border-radius: 15px !important;
    color: #f1d27a !important;
    font-weight: 700 !important;
    box-shadow: 
      0 4px 18px rgba(212, 175, 55, 0.25),
      inset 0 1px 0 rgba(255, 240, 190, 0.35) !important;
    padding: 3px 10px !important;
    transform: translateY(-2px) !important;
  }
  .mobile-bottom-nav [data-nav-icon="vip"] .nav-icon,
  .mobile-bottom-nav a[href*="special"] .nav-icon {
    color: #f7df9c !important;
    filter: drop-shadow(0 2px 8px rgba(247, 223, 156, 0.55)) !important;
  }

  /* Active States */
  .mobile-bottom-nav a.active:not([href*="special"]),
  .mobile-bottom-nav button.active {
    color: #f8fafc !important;
    font-weight: 700 !important;
  }
  .mobile-bottom-nav a.active:not([href*="special"])::after,
  .mobile-bottom-nav button.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 2px !important;
    width: 14px !important;
    height: 2.5px !important;
    border-radius: 2px !important;
    background: #f1d27a !important;
    box-shadow: 0 0 8px rgba(241, 210, 122, 0.8) !important;
  }

  /* Ultra-Luxury "المزيد" Popover Sheet */
  .mobile-bottom-nav .fss-more-panel {
    position: fixed !important;
    inset: auto 14px calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100% - 28px) !important;
    max-width: 440px !important;
    margin: 0 auto !important;
    padding: 16px !important;
    max-height: 70dvh !important;
    overflow-y: auto !important;
    background: rgba(13, 16, 22, 0.96) !important;
    backdrop-filter: blur(32px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(32px) saturate(200%) !important;
    border: 1px solid rgba(240, 213, 138, 0.25) !important;
    border-radius: 22px !important;
    box-shadow: 
      0 24px 70px rgba(0, 0, 0, 0.9),
      0 0 20px rgba(240, 213, 138, 0.08),
      inset 0 1px 1px rgba(255, 255, 255, 0.12) !important;
    box-sizing: border-box !important;
    z-index: 100000 !important;
  }
  .fss-more-panel:popover-open,
  .fss-more-panel.open {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .fss-more-panel > a,
  .fss-more-panel > button {
    min-height: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 10px 8px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
  }
  .fss-more-panel > a:hover,
  .fss-more-panel > button:hover {
    background: rgba(240, 213, 138, 0.1) !important;
    border-color: rgba(240, 213, 138, 0.28) !important;
    color: #f1d27a !important;
  }
  .fss-more-panel > .fss-more-close {
    grid-column: 1 / -1 !important;
    min-height: 42px !important;
    background: rgba(229, 9, 20, 0.12) !important;
    border: 1px solid rgba(229, 9, 20, 0.28) !important;
    color: #ff6b75 !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
  }
  .fss-more-panel::backdrop {
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
  }
}
@media (min-width: 901px) {
  .mobile-bottom-nav {
    display: none !important;
  }
}

.login-back-btn { display:inline-flex !important; align-items:center !important; gap:7px !important; padding:6px 14px !important; border-radius:999px !important; background:rgba(240,213,138,0.08) !important; border:1px solid rgba(240,213,138,0.28) !important; color:#ecd599 !important; font-size:12px !important; font-weight:600 !important; text-decoration:none !important; cursor:pointer !important; transition:all 0.2s ease !important; line-height:1 !important; }
.login-back-btn:hover { background:rgba(240,213,138,0.2) !important; border-color:rgba(240,213,138,0.55) !important; color:#fff !important; transform:translateY(-1px) !important; }
[dir="rtl"] .login-back-btn .login-back-icon, html:not([lang="en"]) .login-back-btn .login-back-icon { transform:scaleX(-1) !important; }
.login-card .back-home-link { display:none !important; }
@media (max-width: 900px) {
  .site-footer { padding-bottom: 14px !important; margin-bottom: 0 !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   FSS MARKETS — COMPREHENSIVE SIDE-BY-SIDE MOBILE ARCHITECTURE
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .experience-header { height: 68px !important; min-height: 68px !important; max-height: 68px !important; padding: 0 18px !important; }
  .experience-mark { font-size: 25px !important; font-weight: 850 !important; letter-spacing: -0.5px !important; gap: 8px !important; }
  .experience-mark::before { width: 5px !important; height: 25px !important; border-radius: 2px !important; }
  .experience-mark span { font-size: 11px !important; letter-spacing: 1.8px !important; }
  .experience-header-actions { gap: 9px !important; }
  .experience-header-actions .experience-login { height: 38px !important; min-height: 38px !important; padding: 8px 14px !important; font-size: 12.5px !important; font-weight: 700 !important; border-radius: 9px !important; }
  .experience-header-actions .fss-lang-switcher { height: 38px !important; border-radius: 9px !important; }
  .experience-header-actions .desk-launcher { width: 38px !important; height: 38px !important; border-radius: 9px !important; }
  
  .arrival-product-steps-track { display: flex !important; gap: 12px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; padding: 4px 2px 14px !important; margin: 0 -8px !important; scrollbar-width: none !important; }
  .arrival-product-row { flex: 0 0 78% !important; min-width: 240px !important; max-width: 300px !important; scroll-snap-align: center !important; display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 16px !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.035) !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important; position: relative !important; box-sizing: border-box !important; }
  .arrival-proof-stats { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 18px 0 !important; }
  .arrival-tool-grid { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; gap: 14px !important; padding: 6px 4px 20px !important; margin: 0 -8px !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; }
  .arrival-tool-grid article { flex: 0 0 84% !important; min-width: 270px !important; max-width: 320px !important; scroll-snap-align: center !important; }
  .plans { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; gap: 14px !important; padding: 6px 4px 20px !important; margin: 0 -8px !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; }
  .plan { flex: 0 0 86% !important; min-width: 280px !important; max-width: 330px !important; scroll-snap-align: center !important; }
}


/* ══════════════════════════════════════════════════════════════════════
   FSS MARKETS — CENTERED LOGIN HEADER & LOGO
   ══════════════════════════════════════════════════════════════════════ */
.site-system.page-login .auth-intro {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}
.site-system.page-login .auth-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
  text-align: center !important;
}
.site-system.page-login .auth-intro-copy {
  text-align: center !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}
.site-system.page-login .auth-intro-copy h1 {
  text-align: center !important;
}
.site-system.page-login .auth-intro-copy .auth-eyebrow {
  text-align: center !important;
  margin-bottom: 8px !important;
}
.site-system.page-login .auth-layout {
  justify-items: center !important;
}