/* Shared Arabic portal shell. App detail components live in marsa-details.css. */
:root{--radius:16px}
:root[data-theme=light]{--bg:#f3f5f7;--panel:#fff;--panel-soft:#f1f6f6;--text:#1c2b3c;--muted:#5b687b;--line:#e3e8ed;--accent:#0c766e;--button:#0f766e;--shadow:0 10px 32px #203b4a09}
.site-header{background:var(--panel);box-shadow:0 2px 12px #0f172a03}
.header-row{min-height:76px;gap:24px}
.site-search{max-width:390px;border-radius:10px;background:var(--bg)}
.site-search input{padding-block:9px}
.desktop-nav{margin-inline-start:auto;gap:24px}
.desktop-nav a{font-size:13px}
.icon-button{width:36px;height:36px;border-radius:10px;font-size:21px}
.main-content{padding-top:26px}
.button{border-radius:10px}
.app-card{border-radius:15px;padding:17px;box-shadow:0 2px 8px #15283a03}
.panel,.empty{box-shadow:0 2px 10px #15283a03}
.site-footer{position:relative;background:var(--panel);border-top:1px solid var(--line)}
.site-footer::before{content:"";position:absolute;top:-1px;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--accent) 50%,transparent 95%);opacity:.18}
.footer-grid{display:grid;grid-template-columns:minmax(240px,1.55fr) minmax(125px,.8fr) minmax(155px,1fr) minmax(155px,1fr);align-items:start;gap:42px;padding-block:44px 36px}
.footer-about{max-width:330px}
.footer-grid .footer-about .brand{margin-bottom:4px}
.footer-grid .footer-about p{font-size:12px;line-height:2.1;margin:10px 0 0;max-width:31em}
.footer-grid .footer-about .footer-tagline{font-size:14px;font-weight:700;color:var(--text);margin-top:10px}
.footer-grid .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:none;align-content:normal}
.footer-column h2{font-size:14px;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1.9}
.footer-grid .footer-column a{color:var(--muted);font-size:12px;line-height:1.9;text-underline-offset:4px}
.footer-grid .footer-column a:hover{color:var(--accent)}
.footer-grid .footer-column .footer-all{color:var(--accent);font-weight:600;margin-top:4px}
.footer-telegram{display:inline-flex;align-items:center;gap:8px;margin-top:17px;font-size:12px;font-weight:600;text-underline-offset:4px}
.copyright{padding-block:19px;text-align:center;font-size:11px;line-height:1.9}
@media(max-width:1050px){.header-row{gap:18px}.desktop-nav{gap:18px}.footer-grid{gap:26px;grid-template-columns:minmax(210px,1.4fr) repeat(3,minmax(120px,1fr))}}
@media(max-width:850px){.footer-grid{grid-template-columns:1.35fr 1fr;gap:32px 40px}.footer-about{max-width:360px}.footer-grid .footer-about p{max-width:none}}
@media(max-width:760px){.header-row{min-height:68px;padding-block:12px;gap:12px}.site-search{max-width:none;border-radius:10px}.main-content{padding-top:19px}.footer-grid{padding-block:32px;gap:30px 22px}.footer-grid .footer-about p{font-size:12px}.footer-column h2{margin-bottom:5px}.footer-grid .footer-column{gap:8px}.cookie-note{border-radius:13px}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr 1fr;gap:27px 20px}.footer-about{grid-column:1 / -1;max-width:none;padding-bottom:22px;border-bottom:1px solid var(--line)}.footer-grid .footer-about p{max-width:36em}.footer-grid .footer-column:last-child{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.footer-grid .footer-column:last-child h2{grid-column:1 / -1}.footer-grid .footer-column:last-child .footer-all{grid-column:1 / -1}.copyright{text-align:start;padding-block:17px}}
@media(max-width:340px){.footer-grid{grid-template-columns:1fr}.footer-grid .footer-column:last-child{grid-template-columns:1fr}}