/* Immersive branch location — BS Store map studio */
.location-studio{position:relative;overflow:hidden;border:1px solid #e3e9f8;border-radius:28px;background:#f7f9fd;box-shadow:0 20px 60px #29396315}
.location-studio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;padding:23px 25px;border-bottom:1px solid #e9eef7}
.location-studio-heading h3{margin:0!important;font-size:18px!important;font-weight:900;display:flex;align-items:center;gap:11px}
.location-studio-heading h3 i{color:#5f54d8}.location-studio-heading p{font-size:11px;line-height:1.8;color:#8390a8;margin:5px 0 0}
.studio-status-tag{white-space:nowrap;background:#eaf8f1;border:1px solid #cff1e0;color:#0d9580;font-weight:900;font-size:10px;border-radius:12px;padding:9px 12px}
.location-map-viewport{height:465px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#c8d0ed,#f0f2fb);isolation:isolate}
#baraa-3d-map{position:absolute;inset:0;z-index:2;visibility:hidden}
.location-studio.map-is-ready #baraa-3d-map{visibility:visible}
.map-google-fallback{position:absolute;inset:0;z-index:1;background:#e7eefb}
.map-google-fallback[hidden]{display:none!important}
.map-google-fallback iframe{border:0;height:100%;width:100%;display:block}
.map-fallback-message{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:30px;color:#667694;text-align:center;font-size:12px;line-height:2}
.map-fallback-message>i{font-size:32px;color:#6970e5}
.map-top-float{position:absolute;z-index:5;top:17px;right:17px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.map-brand-chip,.map-mode-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #e7e9f5;background:#fffffff2;backdrop-filter:blur(9px);border-radius:13px;padding:9px 13px;color:#2c3960;font-size:11px;font-weight:900;box-shadow:0 8px 18px #20305f15}
.map-brand-chip i{color:#6658da}.map-mode-chip{font-size:9px;color:#77839d;font-weight:800}
.map-meta-overlay{position:absolute;bottom:15px;right:15px;z-index:5;background:#ffffffed;border:1px solid #e3e8f7;backdrop-filter:blur(12px);padding:12px 15px;border-radius:16px;max-width:250px;box-shadow:0 16px 33px #2f406527;pointer-events:none;display:flex;gap:11px;align-items:center}
.map-meta-icon{width:43px;height:43px;background:#ece9ff;display:grid;place-items:center;border-radius:13px;color:#6655dd;font-size:19px;flex-shrink:0}
.map-meta-overlay b{font-size:11px;font-weight:900;display:block;line-height:1.6;color:#273557}.map-meta-overlay small{font-size:10px;color:#7686a0;line-height:1.6}
.map-controls{background:#fff;padding:16px 20px;border-top:1px solid #e7ecf7;display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.map-mode-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.map-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f4f6fd;border:1px solid #e6eaf6;border-radius:13px;min-height:43px;padding:10px 15px;color:#556581;font:900 11px Cairo,Arial,sans-serif;transition:background .2s,transform .2s}
.map-control:hover{transform:translateY(-2px);background:#eef0ff}.map-control:disabled{opacity:.47;cursor:not-allowed;transform:none}
.map-control.active,.map-control[aria-pressed=true]{color:#fff;background:#6454df;border-color:#6454df;box-shadow:0 9px 20px #675be835}
.map-control.external{color:#0a8d78;background:#e8f8f1;border-color:#d7eee5}.map-control.external:hover{background:#d6f5e7}
.map-control.map-expand{background:#fff;border-color:#dce4f0;color:#53617d}
.map-accuracy-note{display:flex;align-items:start;gap:10px;padding:12px 21px 18px;background:white;font-size:10px;line-height:1.85;color:#8390a7}
.map-accuracy-note i{color:#8a88af;font-size:15px;margin-top:3px}.map-accuracy-note b{color:#687592}.map-accuracy-note a{color:#5a4ad5;font-weight:900}
.baraa-map-pin{display:flex;flex-direction:column;align-items:center;position:relative;transform:translateY(11px);width:80px;height:103px;pointer-events:auto}
.baraa-map-pin .pin-shell{position:absolute;z-index:3;bottom:22px;display:grid;place-items:center;height:61px;width:61px;background:linear-gradient(145deg,#8874ff,#5743da);border:5px solid #fff;box-shadow:0 15px 13px #4933c646,inset 0 3px 7px #ffffff50;border-radius:20px 20px 24px 24px;transform:rotate(-8deg);color:#fff}
.baraa-map-pin .pin-shell i{font-size:32px;filter:drop-shadow(0 2px 2px #37239e8c)}
.baraa-map-pin .pin-shell:after{content:'';position:absolute;bottom:-10px;left:23px;width:14px;height:14px;background:#5c46dc;transform:rotate(45deg);border-radius:2px;z-index:-1}
.baraa-map-pin .pin-pulse{position:absolute;bottom:12px;border-radius:50%;width:60px;height:18px;background:#5743df56;filter:blur(7px)}
.baraa-map-pin .pin-label{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e6eaf8;border-radius:12px;box-shadow:0 7px 17px #1e296338;padding:8px 12px;color:#393163;font:900 12px Cairo,Arial;z-index:7}
.baraa-map-pin .pin-label i{color:#10ab8e}
.location-studio.map-expanded{position:fixed;z-index:300;inset:12px;width:auto;height:calc(100dvh - 24px);display:flex;flex-direction:column;border-radius:19px;box-shadow:0 30px 95px #030a1a91}
.location-studio.map-expanded .location-map-viewport{height:auto;flex:1;min-height:190px}
body.map-modal-active{overflow:hidden!important}
.location-studio .maplibregl-ctrl-attrib{direction:ltr;font-size:10px}
.location-studio .maplibregl-ctrl-group{border-radius:13px;box-shadow:0 8px 19px #17284722}
.location-studio .maplibregl-ctrl-group button{width:34px;height:34px}
.location-studio .maplibregl-popup-content{font:900 12px Cairo,Arial,sans-serif;border-radius:12px;padding:12px 17px}
@media(max-width:850px){.location-studio-heading{padding:19px}.location-studio-heading h3{font-size:16px!important}.location-studio-heading p{font-size:10px}.location-map-viewport{height:400px}.map-controls{padding:13px}.map-mode-buttons{margin-left:0}.map-control{font-size:10px;min-height:42px;padding:9px 12px}.map-accuracy-note{padding:12px 15px 17px}}
@media(max-width:540px){.location-studio{border-radius:21px}.location-studio-heading{align-items:flex-start;flex-wrap:wrap;gap:7px}.studio-status-tag{font-size:9px}.location-map-viewport{height:350px}.map-top-float{top:8px;right:8px}.map-brand-chip{font-size:10px;padding:8px}.map-mode-chip{font-size:8px;padding:7px 9px}.map-meta-overlay{right:9px;bottom:9px;padding:8px;max-width:200px;gap:7px;border-radius:11px}.map-meta-icon{width:33px;height:33px;font-size:15px}.map-meta-overlay b{font-size:10px}.map-meta-overlay small{font-size:9px}.map-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-mode-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.map-mode-buttons .map-control{padding:8px 5px;font-size:9px}.map-control.external,.map-control.map-expand{width:100%;font-size:10px}.map-accuracy-note{font-size:9px}.location-studio.map-expanded{inset:4px;height:calc(100dvh - 8px);border-radius:11px}.location-studio.map-expanded .location-studio-heading p{display:none}.location-studio.map-expanded .map-accuracy-note{display:none}.location-studio .maplibregl-ctrl-top-left{top:45px}}
@media(prefers-reduced-motion:reduce){.map-control{transition:none}}