*{box-sizing:border-box;margin:0;padding:0}.store-page{min-height:100vh;background:#fff;font-family:Tajawal,Segoe UI,sans-serif;direction:rtl;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (max-width:768px){.store-page{padding-bottom:calc(90px + env(safe-area-inset-bottom, 0px))}}.store-page-header{position:sticky;top:0;z-index:10;background:rgba(15,12,41,.95);border-bottom:1px solid rgba(0,87,255,.15);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.3)}.header-location-btn,.header-menu-btn{width:44px;height:44px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.header-menu-btn{background:rgba(0,87,255,.15);color:#0057ff}.header-menu-btn:hover{background:rgba(0,87,255,.15);transform:scale(1.05)}.header-location-btn{background:rgba(0,87,255,.15);color:#0057ff}.header-location-btn:hover{background:rgba(0,87,255,.15);transform:scale(1.05)}.header-location-btn svg.active{color:#007a33;animation:pulse-location 2s infinite}@keyframes pulse-location{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.header-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:700}.header-title svg{color:#0057ff}.header-right-actions{display:flex;align-items:center;gap:8px}.header-view-btn{width:44px;height:44px;border-radius:12px;border:none;background:rgba(0,87,255,.15);color:#0057ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.header-view-btn:hover{background:rgba(0,87,255,.15);transform:scale(1.05)}.header-view-btn.active{background:#0057ff;color:#fff}.store-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.store-sidebar{position:fixed;top:0;right:0;width:300px;height:100%;height:100dvh;background:#fff;z-index:201;animation:slideIn .3s ease;box-shadow:-5px 0 25px rgba(0,0,0,.15);overflow-y:auto;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.store-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:40px 20px 20px;border-bottom:1px solid #eee;background:#0057ff;color:#fff;min-height:80px}.store-sidebar-header h3{margin:0;font-size:18px;font-weight:700}.store-sidebar-header button{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.store-sidebar-content{padding:20px}.store-filter-group{margin-bottom:20px}.store-filter-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px}.store-filter-group input,.store-filter-group select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .3s ease}.store-filter-group input:focus,.store-filter-group select:focus{border-color:#0057ff;box-shadow:0 0 0 3px rgba(0,87,255,.15)}.store-filter-check{margin-bottom:12px}.store-filter-check label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333}.store-filter-check input[type=checkbox]{width:18px;height:18px;accent-color:#0057ff}.store-reset-btn{width:100%;padding:14px;background:#f3e8ff;border:none;border-radius:12px;color:#0057ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.store-reset-btn:hover{background:#e9d5ff}.results-count{padding:12px 16px;color:hsla(0,0%,100%,.8);font-size:14px;display:flex;align-items:center;gap:8px}.results-count span:first-child{color:#0057ff;font-weight:700;font-size:18px}.sorted-badge{background:rgba(0,122,51,.15);color:#007a33;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-right:auto}.location-search-card{margin:0 16px 16px;background:hsla(0,0%,100%,.08);border-radius:14px;border:1px solid rgba(0,87,255,.15)}.location-search-card,.location-search-input{display:flex;align-items:center;gap:10px;padding:10px 14px}.location-search-input{flex:1;background:hsla(0,0%,100%,.05);border-radius:10px}.location-search-input svg{color:#0057ff;flex-shrink:0}.location-search-input input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px}.location-search-input input::placeholder{color:hsla(0,0%,100%,.5)}.my-location-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#0057ff;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.my-location-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,87,255,.15)}.map-view-container{position:relative;height:calc(100vh - 200px);margin:0 16px 16px;border-radius:20px;overflow:hidden;background:#fff}.map-store-card{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:360px;background:rgba(26,26,46,.98);border-radius:20px;overflow:hidden;border:1px solid rgba(0,87,255,.15);box-shadow:0 10px 40px rgba(0,0,0,.5);z-index:100;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.map-store-card .close-card-btn{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.map-store-card img{width:100%;height:140px;object-fit:cover}.map-store-card .card-content{padding:14px}.map-store-card .card-badges{display:flex;align-items:center;gap:8px;margin-bottom:8px}.map-store-card .card-category-badge{display:inline-block;padding:4px 10px;background:rgba(0,87,255,.15);color:#0057ff;border-radius:6px;font-size:11px;font-weight:600}.map-store-card .card-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(0,122,51,.15);color:#007a33;border-radius:6px;font-size:11px;font-weight:600}.map-store-card h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px;line-height:1.3}.map-store-card .card-location{display:flex;align-items:center;gap:4px;color:hsla(0,0%,100%,.6);font-size:12px;margin-bottom:10px}.map-store-card .card-location svg{color:#0057ff}.map-store-card .card-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.map-store-card .card-rating{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px;font-weight:600}.map-store-card .card-rating .review-count{color:hsla(0,0%,100%,.5);font-size:11px;font-weight:400}.map-store-card .card-features{display:flex;align-items:center;gap:4px;color:hsla(0,0%,100%,.6);font-size:12px}.map-store-card .card-features svg{color:#0057ff}.map-store-card .card-delivery{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(59,130,246,.15);color:#60a5fa;border-radius:8px;font-size:11px;font-weight:600;margin-bottom:12px}.map-store-card .view-details-btn{width:100%;padding:12px;background:#0057ff;border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.map-store-card .view-details-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px rgba(0,87,255,.15)}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px 20px}.store-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(0,87,255,.15);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px rgba(15,23,42,.08)}.store-card:active{transform:scale(.98)}.store-card:hover{border-color:rgba(0,87,255,.15);box-shadow:0 8px 30px rgba(0,87,255,.15)}.store-cover{position:relative;height:120px;background:#0057ff;overflow:hidden}.store-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.store-card:hover .store-cover img{transform:scale(1.1)}.category-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:20px;color:#fff;font-size:10px;font-weight:600;text-transform:capitalize}.rating-badge{bottom:8px;background:rgba(0,0,0,.6);gap:4px;font-weight:700;font-size:12px}.rating-badge,.verified-badge{position:absolute;left:8px;padding:4px 8px;border-radius:8px;display:flex;align-items:center;color:#fff}.verified-badge{top:8px;background:rgba(0,122,51,.15);justify-content:center}.store-info{padding:12px}.store-name{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-location{display:flex;align-items:center;gap:4px;color:#475569;font-size:11px;margin:0 0 8px}.store-location svg{color:#0057ff;flex-shrink:0}.quick-features{display:flex;gap:12px;margin-bottom:8px}.quick-features span{display:flex;align-items:center;gap:4px;color:#334155;font-size:11px}.quick-features svg{color:#0057ff}.ratings-section{gap:12px;margin-bottom:8px}.ratings-section,.star-rating{display:flex;align-items:center}.star-rating{gap:4px;color:#334155;font-size:11px}.star-rating svg{flex-shrink:0}.rating-value{font-weight:600}.reviews-counts{display:flex;gap:6px;align-items:center}.review-count{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:50%;font-size:10px;font-weight:700;min-width:20px;height:20px}.review-count.platform{background:#ff4757;color:#fff}.review-count.google{background:#4285f4;color:#fff}.store-owner{display:flex;align-items:center;gap:4px;color:#64748b;font-size:10px;padding-top:8px;border-top:1px solid #e2e8f0}.store-owner svg{color:#0057ff}.no-stores{grid-column:1/-1;text-align:center;padding:60px 20px;color:#fff}.no-stores svg{color:#0057ff;margin-bottom:15px;opacity:.5}.no-stores h3{font-size:20px;margin:0 0 10px}.no-stores p{color:hsla(0,0%,100%,.6);font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:15px}.loading-icon{color:#0057ff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.loading-state p{color:#fff;font-size:16px;font-weight:600}@media (max-width:360px){.store-grid{grid-template-columns:1fr;gap:10px;padding:0 10px 20px}.store-cover{height:150px}}@media (min-width:768px){.store-page-header{padding:16px 24px}.header-title{font-size:22px}.store-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 24px 30px}.store-cover{height:160px}.store-name{font-size:16px}.filter-sidebar{width:380px}.location-search-card,.map-view-container{margin:0 24px 20px}}@media (min-width:1024px){.store-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:0 30px 40px;max-width:1400px;margin:0 auto}.store-cover{height:180px}.store-card:hover{transform:translateY(-5px)}.results-count{max-width:1400px;margin:0 auto;padding:16px 30px}.location-search-card{max-width:1400px;margin:0 auto 20px;padding:12px 30px}.map-view-container{max-width:1400px;margin:0 auto 20px;height:calc(100vh - 220px)}}@media (min-width:1440px){.store-grid{grid-template-columns:repeat(4,1fr)}}.filter-sidebar::-webkit-scrollbar{width:6px}.filter-sidebar::-webkit-scrollbar-track{background:rgba(0,87,255,.15)}.filter-sidebar::-webkit-scrollbar-thumb{background:rgba(0,87,255,.15);border-radius:10px}.filter-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(0,87,255,.15)}@media (max-width:480px){.location-search-card{flex-direction:column}.location-search-input{width:100%}.my-location-btn{width:100%;justify-content:center}.map-view-container{height:calc(100vh - 240px);margin:0 10px 10px;border-radius:16px}.map-store-card{width:calc(100% - 20px);bottom:10px}}