:root{--gold: #B79A57;--gold-light: #d4b87a;--gold-tint: #B79A5710;--gold-border: #B79A5740;--dark: #1a1a1a;--mid: #555;--light: #f8f7f4;--white: #ffffff;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 32px rgba(0,0,0,.1);--shadow-lg: 0 16px 48px rgba(0,0,0,.14);--radius: 12px;--radius-sm: 8px;--transition: .25s ease;--font-en: "Helvetica Neue", Arial, sans-serif;--font-ar: "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif}.store-locator *,.store-locator *:before,.store-locator *:after{box-sizing:border-box;margin:0;padding:0}.store-locator{font-family:var(--font-en);color:var(--dark);background:var(--light);padding:60px 24px;max-width:1400px;margin:0 auto}.sl-header{text-align:center;margin-bottom:40px}.sl-title{font-size:clamp(28px,4vw,42px);font-weight:300;letter-spacing:.08em;color:var(--dark);text-transform:uppercase;margin-bottom:12px}.sl-title:after{content:"";display:block;width:60px;height:2px;background:var(--gold);margin:16px auto 0}.sl-subtitle{font-size:16px;color:var(--mid);margin-top:16px;font-weight:300;letter-spacing:.03em}.sl-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;align-items:center}.sl-search-wrap{position:relative;flex:1;min-width:260px}.sl-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--gold);pointer-events:none}.sl-search{width:100%;padding:14px 20px 14px 48px;border:1.5px solid #e0ddd6;border-radius:50px;font-size:15px;font-family:var(--font-en);background:var(--white);color:var(--dark);outline:none;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm)}.sl-search:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-tint),var(--shadow-sm)}.sl-search::placeholder{color:#aaa;font-weight:300}.sl-filters{display:flex;gap:10px;flex-wrap:wrap}.sl-select{padding:13px 36px 13px 16px;border:1.5px solid #e0ddd6;border-radius:50px;font-size:14px;font-family:var(--font-en);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B79A57' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;color:var(--dark);cursor:pointer;outline:none;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm);min-width:150px}.sl-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-tint)}.sl-locate-btn{display:flex;align-items:center;gap:8px;padding:13px 22px;background:var(--gold);color:var(--white);border:none;border-radius:50px;font-size:14px;font-family:var(--font-en);font-weight:500;letter-spacing:.04em;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 16px #b79a574d;white-space:nowrap}.sl-locate-btn svg{width:16px;height:16px;animation:pulse-ring 2s ease-in-out infinite}.sl-locate-btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px #b79a5766}.sl-locate-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@keyframes pulse-ring{0%,to{opacity:1}50%{opacity:.6}}.sl-layout{display:block}.sl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%}.sl-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #ede9e0;border-top:3px solid var(--gold);overflow:hidden;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-left var(--transition);animation:fadeInUp .4s ease both;outline:none}.sl-card:nth-child(1){animation-delay:.05s}.sl-card:nth-child(2){animation-delay:.1s}.sl-card:nth-child(3){animation-delay:.15s}.sl-card:nth-child(4){animation-delay:.2s}.sl-card:nth-child(5){animation-delay:.25s}.sl-card:nth-child(n+6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.sl-card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sl-card.active{border-left:4px solid var(--gold);background:var(--gold-tint);box-shadow:var(--shadow-md)}.sl-card.hidden{display:none}.sl-card-img-wrap{width:100%;height:180px;overflow:hidden;background:#f0ece3}.sl-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.sl-card:hover .sl-card-img{transform:scale(1.04)}.sl-card-img-placeholder{display:flex;align-items:center;justify-content:center}.sl-card-img-placeholder svg{width:48px;height:48px;color:var(--gold-border)}.sl-card-body{padding:20px}.sl-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;flex-wrap:wrap}.sl-card-name{font-size:17px;font-weight:600;color:var(--dark);letter-spacing:.02em;flex:1;line-height:1.3}.sl-card-code{display:inline-block;padding:3px 10px;background:var(--gold-tint);border:1px solid var(--gold-border);color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.08em;border-radius:20px;text-transform:uppercase;white-space:nowrap;margin-top:2px}.sl-fav-btn{background:none;border:none;cursor:pointer;padding:4px;color:#ccc;transition:color var(--transition),transform var(--transition);flex-shrink:0}.sl-fav-btn svg{width:18px;height:18px;display:block}.sl-fav-btn:hover,.sl-fav-btn.active{color:var(--gold);transform:scale(1.2)}.sl-fav-btn.active svg{fill:var(--gold)}.sl-fav-btn:focus-visible{outline:2px solid var(--gold);border-radius:4px}.sl-card-info{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--mid);line-height:1.5;margin-bottom:8px;font-weight:300}.sl-card-info svg{width:14px;height:14px;flex-shrink:0;color:var(--gold);margin-top:2px}.sl-card-address-ar{font-family:var(--font-ar);direction:rtl;text-align:right;font-size:13px;color:var(--mid);margin-bottom:8px;padding-right:4px;border-right:2px solid var(--gold-border);line-height:1.6}.sl-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #f0ece3}.sl-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-en);font-weight:500;letter-spacing:.04em;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:all var(--transition);white-space:nowrap}.sl-btn svg{width:13px;height:13px;flex-shrink:0}.sl-btn-primary{background:var(--gold);color:var(--white);border-color:var(--gold)}.sl-btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 12px #b79a5759}.sl-btn-secondary{background:transparent;color:var(--gold);border-color:var(--gold-border)}.sl-btn-secondary:hover{background:var(--gold-tint);border-color:var(--gold);transform:translateY(-1px)}.sl-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sl-map-col{position:sticky;top:20px}.sl-map{width:100%;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid #ede9e0;min-height:500px;background:#f0ece3}.leaflet-popup-content-wrapper{border-radius:var(--radius)!important;box-shadow:var(--shadow-lg)!important;border:none!important;padding:0!important;overflow:hidden;min-width:220px}.leaflet-popup-content{margin:0!important;width:auto!important}.sl-popup{font-family:var(--font-en)}.sl-popup-img{width:100%;height:120px;object-fit:cover;display:block}.sl-popup-img-placeholder{width:100%;height:80px;background:var(--gold-tint);display:flex;align-items:center;justify-content:center}.sl-popup-body{padding:14px 16px}.sl-popup-name{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:4px;border-bottom:2px solid var(--gold);padding-bottom:6px}.sl-popup-code{font-size:11px;color:var(--gold);font-weight:600;letter-spacing:.06em;margin-bottom:8px}.sl-popup-address{font-size:12px;color:var(--mid);line-height:1.5;margin-bottom:10px}.sl-popup-dir-btn{display:block;width:100%;padding:9px;background:var(--gold);color:var(--white);text-align:center;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.05em;border-radius:var(--radius-sm);transition:background var(--transition)}.sl-popup-dir-btn:hover{background:var(--gold-light)}.leaflet-popup-tip{background:var(--white)!important}.sl-marker-icon{background:none;border:none}.sl-empty{text-align:center;padding:60px 20px;color:#aaa}.sl-empty svg{width:48px;height:48px;margin-bottom:16px;color:var(--gold-border)}.sl-empty p{font-size:15px;font-weight:300;letter-spacing:.03em}.sl-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background:var(--dark);color:var(--white);padding:12px 24px;border-radius:50px;font-size:13px;font-family:var(--font-en);letter-spacing:.04em;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:9999;pointer-events:none;border-left:3px solid var(--gold)}.sl-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.sl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes markerBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}.sl-marker-bounce{animation:markerBounce .6s ease}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-color:#b79a5733!important}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background-color:var(--gold)!important;color:var(--white)!important;font-weight:600;font-family:var(--font-en)}@media(max-width:1200px){.sl-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:900px){.sl-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:600px){.store-locator{padding:40px 16px}.sl-controls{flex-direction:column;align-items:stretch}.sl-search-wrap{min-width:100%}.sl-filters{flex-direction:column}.sl-select{min-width:100%}.sl-locate-btn{justify-content:center}.sl-list{grid-template-columns:1fr}.sl-card-actions{gap:6px}.sl-btn{padding:8px 10px;font-size:11px}}[dir=rtl] .sl-search{padding:14px 48px 14px 20px;text-align:right}[dir=rtl] .sl-search-icon{left:auto;right:18px}[dir=rtl] .sl-card-info{flex-direction:row-reverse;text-align:right}[dir=rtl] .sl-card-header,[dir=rtl] .sl-card-actions{flex-direction:row-reverse}[dir=rtl] .sl-card.active{border-left:none;border-right:4px solid var(--gold)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/store-locator.css.map */