.shop5-branches{--bg: #F4F3F0;--card: #FFFFFF;--accent: #1A1A1A;--accent2: #6C5CE7;--text: #1A1A1A;--text2: #6B6B6B;--text3: #9E9E9E;--border: rgba(0,0,0,.06);--r: 14px;font-family:Noto Kufi Arabic,Shop5 Kufi Fallback,Outfit,sans-serif;font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.shop5-branches,.shop5-branches *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.shop5-branches img{vertical-align:baseline}.shop5-branches h1,.shop5-branches h2{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.shop5-branches .page{display:flex;flex-direction:column;min-height:100dvh;max-width:500px;margin:0 auto;padding:24px 16px 90px;gap:12px}.shop5-branches .hdr{text-align:center}.shop5-branches .brand-ar{font-size:clamp(28px,8vw,40px);font-weight:900;line-height:1.2;margin-bottom:2px}.shop5-branches .brand-en{font-family:Outfit,Shop5 Outfit Fallback;font-size:clamp(10px,2.5vw,13px);font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--text3);margin-bottom:4px}.shop5-branches .branches{display:flex;flex-direction:column;gap:12px}.shop5-branches .b-card{display:flex;align-items:center;gap:clamp(8px,3vw,12px);background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:clamp(8px,2vw,10px);box-shadow:0 1px 4px #00000008;transition:transform .15s}.shop5-branches .b-card:active{transform:scale(.98)}.shop5-branches .b-img-wrap{position:relative;flex-shrink:0}.shop5-branches .b-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;background:#00e676;border-radius:50%;border:2px solid #fff;z-index:1}.shop5-branches .b-img{width:clamp(52px,14vw,64px);height:clamp(52px,14vw,64px);border-radius:10px;object-fit:cover}.shop5-branches .b-fallback{display:none;width:60px;height:60px;border-radius:10px;color:#fff;align-items:center;justify-content:center;font-weight:800;font-size:14px}.shop5-branches .b-fallback--rayyan{background:#6c5ce7}.shop5-branches .b-fallback--um_salal{background:#00b894}.shop5-branches .b-fallback--thumama{background:#e17055}.shop5-branches .b-img-wrap.is-broken .b-img{display:none}.shop5-branches .b-img-wrap.is-broken .b-fallback{display:flex}.shop5-branches .b-info{flex:1;min-width:0}.shop5-branches .b-area{font-family:Outfit,Shop5 Outfit Fallback;font-size:clamp(8px,2vw,9px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent2);margin-bottom:1px}.shop5-branches .b-name{font-size:clamp(13px,3.5vw,16px);font-weight:800;line-height:1.2}.shop5-branches .b-name-en{font-family:Outfit,Shop5 Outfit Fallback;font-size:clamp(9px,2.2vw,11px);color:var(--text3);font-weight:400}.shop5-branches .b-actions{display:flex;gap:5px;flex-shrink:0}.shop5-branches .b-btn-map{display:flex;align-items:center;justify-content:center;gap:4px;padding:clamp(6px,1.5vw,9px) clamp(10px,3vw,14px);border:none;border-radius:10px;font-family:Noto Kufi Arabic,Shop5 Kufi Fallback;font-size:clamp(10px,2.8vw,12px);font-weight:700;color:#fff;background:var(--accent);cursor:pointer;text-decoration:none;transition:all .2s}.shop5-branches .b-btn-map:active{opacity:.7;transform:scale(.95)}.shop5-branches .b-btn-map svg{width:clamp(12px,3vw,14px);height:clamp(12px,3vw,14px);flex-shrink:0}.shop5-branches .b-btn-share{width:clamp(32px,8vw,38px);height:clamp(32px,8vw,38px);display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .2s;flex-shrink:0}.shop5-branches .b-btn-share:active{transform:scale(.9)}.shop5-branches .b-btn-share svg{width:13px;height:13px;color:var(--text2)}.shop5-branches .social-row{display:flex;gap:clamp(6px,2vw,8px);justify-content:center}.shop5-branches .s-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:clamp(8px,2vw,10px) 4px;border-radius:12px;text-decoration:none;color:var(--text);transition:all .15s}.shop5-branches .s-btn:active{transform:scale(.94)}.shop5-branches .s-ico{display:flex;align-items:center;justify-content:center}.shop5-branches .s-ico svg{width:clamp(18px,5vw,22px);height:clamp(18px,5vw,22px)}.shop5-branches .s-label{font-size:clamp(8px,2vw,10px);font-weight:700}.shop5-branches .s-btn-wa{background:#25d3661a;border:1.5px solid rgba(37,211,102,.3)}.shop5-branches .s-btn-ig{background:#e1306c1a;border:1.5px solid rgba(225,48,108,.25)}.shop5-branches .s-btn-snap{background:#fffc0026;border:1.5px solid rgba(200,180,0,.3)}.shop5-branches .s-btn-tt{background:#0000000f;border:1.5px solid rgba(0,0,0,.12)}.shop5-branches .s-btn-wa .s-label{color:#25d366}.shop5-branches .s-btn-ig .s-label{color:#e1306c}.shop5-branches .s-btn-snap .s-label{color:#c4a800}.shop5-branches .s-btn-tt .s-label{color:#1a1a1a}.shop5-branches .web-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:clamp(8px,2vw,10px);background:#0000000f;color:var(--text);border:1.5px solid rgba(0,0,0,.12);border-radius:12px;text-decoration:none;font-size:clamp(11px,3vw,13px);font-weight:700;transition:all .2s}.shop5-branches .web-link:active{opacity:.85;transform:scale(.97)}.shop5-branches .web-link svg{width:16px;height:16px;flex-shrink:0}.shop5-branches .b-btn-map,.shop5-branches .b-btn-share,.shop5-branches .web-link{position:relative}.shop5-branches .b-btn-map:after,.shop5-branches .b-btn-share:after,.shop5-branches .web-link:after{content:"";position:absolute;inset-block:min(0px,calc(50% - 22.5px));inset-inline:min(0px,calc(50% - 22.5px))}.shop5-branches .app-section{margin-top:4px}.shop5-branches .app-cta{text-align:center;font-size:clamp(10px,2.8vw,12px);font-weight:700;color:var(--text);margin-bottom:6px}.shop5-branches .app-row{display:flex;gap:8px}.shop5-branches .store-badge{flex:1;display:flex;transition:all .15s}.shop5-branches .store-badge:active{transform:scale(.96);opacity:.9}.shop5-branches .store-badge svg{width:100%;height:auto;border-radius:8px}.shop5-branches .toast{position:fixed;bottom:-60px;inset-inline:0;width:max-content;margin-inline:auto;padding:8px 20px;background:var(--accent);color:#fff;border-radius:100px;font-size:12px;font-weight:600;z-index:var(--s5-z-toast);transition:bottom .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.shop5-branches .toast.is-visible{bottom:100px}@keyframes shop5-branches-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shop5-branches-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.shop5-branches .dm-social-float{position:fixed;bottom:14px;inset-inline:0;z-index:calc(var(--s5-z-tabbar) - 1);display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:0 20px;animation:shop5-branches-float 3s ease-in-out infinite}.shop5-branches .dm-social-float a{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;position:relative;transition:.3s;text-decoration:none}.shop5-branches .dm-social-float a:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;animation:shop5-branches-pulse 2s ease infinite}.shop5-branches .dm-social-float svg{width:26px;height:26px;fill:#fff}.shop5-branches .dm-float-wa{background:#25d366;box-shadow:0 4px 20px #25d36666}.shop5-branches .dm-social-float .dm-float-wa:before{border:2px solid rgba(37,211,102,.3)}.shop5-branches .dm-float-snap{background:#fffc00;box-shadow:0 4px 20px #fffc0080}.shop5-branches .dm-social-float .dm-float-snap:before{border:3px solid rgba(200,180,0,.5)}.shop5-branches .dm-float-snap svg{fill:#000}.shop5-branches .dm-float-tt{background:#010101;box-shadow:0 4px 20px #0000004d}.shop5-branches .dm-social-float .dm-float-tt:before{border:2px solid rgba(0,0,0,.3)}.shop5-branches .dm-float-ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737);box-shadow:0 4px 20px #e1306c66}.shop5-branches .dm-social-float .dm-float-ig:before{border:2px solid rgba(225,48,108,.3)}@media(min-width:769px){body:has(.shop5-branches .dm-social-float){padding-block-end:80px}}@media(max-width:768px){.shop5-branches .dm-social-float{bottom:calc(86px + env(safe-area-inset-bottom,0px));padding:0 16px;transition:bottom .5s var(--s5-ease)}.shop5-branches .dm-social-float a{width:44px;height:44px}.shop5-branches .dm-social-float svg{width:21px;height:21px}.shop5-branches .toast.is-visible{bottom:calc(176px + env(safe-area-inset-bottom,0px))}body:has(.shop5-tabbar.is-hidden) .shop5-branches .dm-social-float{bottom:calc(10px + env(safe-area-inset-bottom,0px))}body:has(.shop5-tabbar.is-hidden) .shop5-branches .toast.is-visible{bottom:calc(100px + env(safe-area-inset-bottom,0px))}body:has(.shop5-branches .dm-social-float){padding-block-end:calc(146px + env(safe-area-inset-bottom,0px))}}html.is-locked .shop5-branches .dm-social-float,html.shop5-menu-open .shop5-branches .dm-social-float{visibility:hidden}@media(prefers-reduced-motion:reduce){.shop5-branches .dm-social-float,.shop5-branches .dm-social-float a:before{animation:none}.shop5-branches .dm-social-float{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/shop5-branches.css.map */