/* Souq Al Juma v25 — desktop header and compact branch popup */
.sj-picture-panel[hidden],.sj-picture-veil[hidden]{display:none!important}
.sj-picture-panel{position:fixed;z-index:10010;width:min(340px,calc(100vw - 32px));max-height:min(64vh,540px);overflow:auto;background:#fff;border:1px solid #e6e8ef;border-radius:15px;box-shadow:0 16px 44px #101c3030;color:#1d2738;text-align:start;direction:inherit}
.sj-picture-veil{position:fixed;inset:0;border:0;background:#0e1d2a38;z-index:10009;cursor:default}
.sj-picture-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid #eee}
.sj-picture-heading strong{font-size:15px}.sj-picture-heading button{border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.sj-picture-all{display:block;padding:13px 17px;font-weight:700;color:#d71932!important;text-decoration:none;font-size:13px;border-bottom:1px solid #eee}
.sj-picture-options button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 17px;background:#fff;color:#1d2738;border:0;border-bottom:1px solid #eef0f3;text-align:start;font-size:13px;cursor:pointer}
.sj-picture-options button:hover,.sj-picture-options button:focus-visible{background:#fff0f2;color:#b91029}.sj-picture-options svg{color:#d71932;flex:none}
.mm-desktop-bar{display:none}
@media(min-width:1025px){
 #mobileMarket .mm-desktop-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(22px,calc((100vw - 1196px)/2));border-bottom:1px solid #e8e8ea;background:#fff}
 .mm-desktop-brand img{width:137px;max-height:52px;object-fit:contain}
 .mm-desktop-actions{display:flex;align-items:center;gap:9px}
 #mobileMarket .mm-desktop-actions button{display:inline-flex;gap:7px;align-items:center;padding:10px 12px;border:1px solid transparent;background:transparent;border-radius:9px;font-weight:600;font-size:13px;color:#26334b;white-space:nowrap}
 #mobileMarket .mm-desktop-actions button:hover{background:#fff0f2}
 #mobileMarket .mm-desktop-actions .mm-desktop-sell{background:#d71932;color:white;border-color:#d71932}
 #mobileMarket .mm-desktop-actions .mm-desktop-sell:hover{background:#ad1227}
 #mobileMarket .mm-desktop-actions svg{height:19px;width:19px}
}
@media(max-width:1024px){
 .sj-picture-panel{bottom:calc(83px + env(safe-area-inset-bottom,0px));top:auto!important;left:12px!important;right:12px!important;width:auto;max-height:60dvh}
 .sj-picture-veil{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}