.events-tab[data-v-6e6d02ab] {
  padding: 2rem;
}
.events-tab h2[data-v-6e6d02ab] {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: var(--text);
}
.events-grid[data-v-6e6d02ab] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}
.event-card[data-v-6e6d02ab] {
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s;
}
.event-card[data-v-6e6d02ab]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
.event-image img[data-v-6e6d02ab] {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.event-content[data-v-6e6d02ab] {
  padding: 1rem;
}
.event-header[data-v-6e6d02ab] {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 0.5rem;
}
.event-header h3[data-v-6e6d02ab] {
  font-size: 1.1rem;
  color: var(--text);
  margin: 0;
}
.event-date[data-v-6e6d02ab] {
  font-size: 0.85rem;
  color: var(--accent);
  white-space: nowrap;
}
.event-location[data-v-6e6d02ab] {
  font-size: 0.9rem;
  color: var(--muted);
  margin-bottom: 0.75rem;
}
.event-description[data-v-6e6d02ab] {
  font-size: 0.9rem;
  color: var(--text);
  line-height: 1.5;
}

.dialog-overlay[data-v-c4f0f5b3] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.dialog-content[data-v-c4f0f5b3] {
  background: var(--panel, #1a1a2e);
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 16px;
  width: 100%;
  max-width: 360px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  direction: rtl;
}
.dialog-header[data-v-c4f0f5b3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
}
.dialog-title[data-v-c4f0f5b3] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text, #fff);
}
.dialog-close[data-v-c4f0f5b3] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: none;
  border-radius: 8px;
  padding: 6px;
  cursor: pointer;
  color: var(--muted, #aaa);
  transition: all 0.2s;
}
.dialog-close[data-v-c4f0f5b3]:hover {
  background: var(--accent, #6366f1);
  color: white;
}
.dialog-body[data-v-c4f0f5b3] {
  padding: 24px 20px;
  text-align: center;
}
.app-icon[data-v-c4f0f5b3] {
  width: 80px;
  height: 80px;
  margin: 0 auto 16px;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.dialog-message[data-v-c4f0f5b3] {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--muted, #aaa);
}
.dialog-loading[data-v-c4f0f5b3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px;
  color: var(--muted, #888);
  font-size: 0.9rem;
}
.spinner[data-v-c4f0f5b3] {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border, rgba(128, 128, 128, 0.2));
  border-top-color: var(--accent, #6366f1);
  border-radius: 50%;
  animation: spin-c4f0f5b3 0.8s linear infinite;
}
@keyframes spin-c4f0f5b3 {
to { transform: rotate(360deg);
}
}
.download-links[data-v-c4f0f5b3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 20px 20px;
}
.download-btn[data-v-c4f0f5b3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.2s;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  color: var(--text, #fff);
}
.download-btn[data-v-c4f0f5b3]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.link-google[data-v-c4f0f5b3] {
  background: linear-gradient(135deg, #34a853, #4285f4);
  color: white;
}
.link-direct[data-v-c4f0f5b3] {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: white;
}
.link-bazaar[data-v-c4f0f5b3] {
  background: linear-gradient(135deg, #00c853, #009624);
  color: white;
}
.link-myket[data-v-c4f0f5b3] {
  background: linear-gradient(135deg, #ff6f00, #ff8f00);
  color: white;
}
.link-icon[data-v-c4f0f5b3] {
  font-size: 1.2rem;
}
.no-links[data-v-c4f0f5b3] {
  padding: 20px;
  text-align: center;
  color: var(--muted, #888);
  font-size: 0.9rem;
}
.dialog-enter-active[data-v-c4f0f5b3],
.dialog-leave-active[data-v-c4f0f5b3] {
  transition: opacity 0.2s ease;
}
.dialog-enter-active .dialog-content[data-v-c4f0f5b3],
.dialog-leave-active .dialog-content[data-v-c4f0f5b3] {
  transition: transform 0.2s ease;
}
.dialog-enter-from[data-v-c4f0f5b3],
.dialog-leave-to[data-v-c4f0f5b3] {
  opacity: 0;
}
.dialog-enter-from .dialog-content[data-v-c4f0f5b3] {
  transform: scale(0.95);
}
.dialog-leave-to .dialog-content[data-v-c4f0f5b3] {
  transform: scale(0.95);
}

.feeds-tab[data-v-1bfc9e1d] {
  padding: 1rem;
  max-width: 600px;
  margin: 0 auto;
}
.loading-state[data-v-1bfc9e1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted);
  gap: 12px;
}
.spinner[data-v-1bfc9e1d] {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin-1bfc9e1d 0.8s linear infinite;
}
@keyframes spin-1bfc9e1d {
to { transform: rotate(360deg);
}
}

/* Detail View */
.feed-detail[data-v-1bfc9e1d] {
  padding: 0;
}
.detail-header[data-v-1bfc9e1d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--panel);
}
.back-btn[data-v-1bfc9e1d], .map-btn[data-v-1bfc9e1d] {
  display: flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  color: var(--text);
  font-size: 0.9rem;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  transition: all 0.2s;
}
.back-btn[data-v-1bfc9e1d]:hover, .map-btn[data-v-1bfc9e1d]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.map-btn[data-v-1bfc9e1d] {
  background: var(--accent);
  color: white;
}
.map-btn[data-v-1bfc9e1d]:hover {
  filter: brightness(1.1);
}
.detail-content[data-v-1bfc9e1d] {
  padding: 0;
}
.post-header[data-v-1bfc9e1d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.post-avatar[data-v-1bfc9e1d] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--accent);
}
.post-avatar img[data-v-1bfc9e1d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-placeholder[data-v-1bfc9e1d] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.post-info[data-v-1bfc9e1d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.post-author[data-v-1bfc9e1d] {
  font-weight: 600;
  color: var(--text);
}
.post-time[data-v-1bfc9e1d] {
  font-size: 0.8rem;
  color: var(--muted);
}
.post-media[data-v-1bfc9e1d] {
  width: 100%;
}
.post-image[data-v-1bfc9e1d] {
  width: 100%;
  display: block;
}
.post-actions[data-v-1bfc9e1d] {
  padding: 12px 16px;
}
.post-likes[data-v-1bfc9e1d] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
}
.post-likes svg[data-v-1bfc9e1d] {
  color: #ef4444;
}
.post-caption-full[data-v-1bfc9e1d] {
  padding: 0 16px 16px;
}
.caption-author[data-v-1bfc9e1d] {
  font-weight: 600;
  color: var(--text);
  margin-left: 6px;
}
.caption-text[data-v-1bfc9e1d] {
  margin: 4px 0 0;
  color: var(--text);
  line-height: 1.6;
}

/* Before/After Slider */
.before-after-container[data-v-1bfc9e1d] {
  width: 100%;
}
.ba-wrapper[data-v-1bfc9e1d] {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  cursor: ew-resize;
  user-select: none;
}
.ba-image[data-v-1bfc9e1d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ba-before-clip[data-v-1bfc9e1d] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.ba-before[data-v-1bfc9e1d] {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  min-width: 100%;
}
.ba-slider[data-v-1bfc9e1d] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: white;
  transform: translateX(-50%);
  cursor: ew-resize;
}
.ba-handle[data-v-1bfc9e1d] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.ba-labels[data-v-1bfc9e1d] {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.ba-label[data-v-1bfc9e1d] {
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}
.view-map-btn[data-v-1bfc9e1d] {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  padding: 8px;
  color: var(--muted);
  cursor: pointer;
  transition: all 0.2s;
}
.view-map-btn[data-v-1bfc9e1d]:hover {
  background: var(--accent);
  color: white;
}
.feed-list[data-v-1bfc9e1d] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.feed-post[data-v-1bfc9e1d] {
  background: var(--panel);
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s;
}
.feed-post[data-v-1bfc9e1d]:hover {
  border-color: var(--accent);
}
.feed-header[data-v-1bfc9e1d] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
}
.feed-avatar[data-v-1bfc9e1d] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--accent);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  overflow: hidden;
}
.feed-avatar img[data-v-1bfc9e1d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feed-info[data-v-1bfc9e1d] {
  flex: 1;
}
.feed-username[data-v-1bfc9e1d] {
  font-weight: 600;
  color: var(--text);
}
.feed-time[data-v-1bfc9e1d] {
  font-size: 0.85rem;
  color: var(--muted);
}
.view-business-btn[data-v-1bfc9e1d] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: none;
  border-radius: 8px;
  padding: 8px;
  color: var(--muted);
  cursor: pointer;
  transition: all 0.2s;
}
.view-business-btn[data-v-1bfc9e1d]:hover {
  background: var(--accent);
  color: white;
}
.feed-image img[data-v-1bfc9e1d] {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.feed-content[data-v-1bfc9e1d] {
  padding: 1rem;
}
.feed-actions[data-v-1bfc9e1d] {
  margin-bottom: 8px;
}
.feed-likes[data-v-1bfc9e1d] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 0.9rem;
}
.feed-likes svg[data-v-1bfc9e1d] {
  color: #ef4444;
}
.feed-caption[data-v-1bfc9e1d] {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
  font-size: 0.9rem;
}
.feed-caption strong[data-v-1bfc9e1d] {
  color: var(--text);
}
.load-more-btn[data-v-1bfc9e1d] {
  width: 100%;
  padding: 12px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 8px;
  color: var(--text);
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s;
}
.load-more-btn[data-v-1bfc9e1d]:hover:not(:disabled) {
  background: var(--accent);
  color: white;
}
.load-more-btn[data-v-1bfc9e1d]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.empty-state[data-v-1bfc9e1d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted);
  text-align: center;
}
.empty-icon[data-v-1bfc9e1d] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.empty-icon svg[data-v-1bfc9e1d] {
  opacity: 0.5;
  width: 40px;
  height: 40px;
}
.empty-title[data-v-1bfc9e1d] {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
}
.empty-hint[data-v-1bfc9e1d] {
  margin: 0;
  font-size: 0.85rem;
  color: var(--muted);
}

.coupons-tab[data-v-e5689cc4] {
  padding: 1.5rem;
  height: 100%;
  overflow-y: auto;
}
.coupons-header[data-v-e5689cc4] {
  margin-bottom: 1.5rem;
}
.coupons-header h2[data-v-e5689cc4] {
  color: var(--text);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}
.subtitle[data-v-e5689cc4] {
  color: var(--muted);
  font-size: 0.9rem;
}
.loading-state[data-v-e5689cc4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted);
  gap: 12px;
}
.spinner[data-v-e5689cc4] {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin-e5689cc4 0.8s linear infinite;
}
@keyframes spin-e5689cc4 {
to { transform: rotate(360deg);
}
}
.coupons-grid[data-v-e5689cc4] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}
.coupon-card[data-v-e5689cc4] {
  background: var(--panel);
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.coupon-card[data-v-e5689cc4]:hover {
  border-color: var(--accent);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  transform: translateY(-2px);
}
.coupon-badge[data-v-e5689cc4] {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  padding: 1rem;
  text-align: center;
}
.coupon-badge.badge-hooray[data-v-e5689cc4] {
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
}
.coupon-badge.badge-business[data-v-e5689cc4] {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
}
.discount[data-v-e5689cc4] {
  font-size: 1rem;
  font-weight: 700;
  color: white;
}
.coupon-business[data-v-e5689cc4] {
  color: var(--muted);
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}
.coupon-content[data-v-e5689cc4] {
  padding: 1rem;
}
.coupon-content h3[data-v-e5689cc4] {
  color: var(--text);
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.coupon-desc[data-v-e5689cc4] {
  color: var(--muted);
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.coupon-code-box[data-v-e5689cc4] {
  background: rgba(128,128,128,0.1);
  border: 1px dashed rgba(128,128,128,0.3);
  border-radius: 6px;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.code-label[data-v-e5689cc4] {
  color: var(--muted);
  font-size: 0.8rem;
}
.code-value[data-v-e5689cc4] {
  color: var(--accent);
  font-weight: 600;
  font-family: monospace;
  font-size: 0.9rem;
}
.coupon-footer[data-v-e5689cc4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.expiry[data-v-e5689cc4] {
  color: var(--muted);
  font-size: 0.75rem;
}
.use-btn[data-v-e5689cc4] {
  appearance: none;
  background: var(--accent);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.85rem;
}
.use-btn[data-v-e5689cc4]:hover {
  background: var(--accent-2);
  transform: scale(1.05);
}
.coupon-usage-type[data-v-e5689cc4] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: var(--muted);
  margin-bottom: 0.75rem;
  padding: 6px 10px;
  background: rgba(128, 128, 128, 0.1);
  border-radius: 6px;
}
.coupon-usage-type svg[data-v-e5689cc4] {
  opacity: 0.7;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
}
.view-map-btn[data-v-e5689cc4] {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(128, 128, 128, 0.15);
  border: none;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  color: var(--muted);
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s;
}
.view-map-btn svg[data-v-e5689cc4] {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
}
.view-map-btn[data-v-e5689cc4]:hover {
  background: var(--accent);
  color: white;
}
.empty-state[data-v-e5689cc4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted);
  text-align: center;
}
.empty-icon[data-v-e5689cc4] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.empty-icon svg[data-v-e5689cc4] {
  opacity: 0.5;
  width: 40px;
  height: 40px;
}
.empty-title[data-v-e5689cc4] {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
}
.empty-hint[data-v-e5689cc4] {
  margin: 0;
  font-size: 0.85rem;
  color: var(--muted);
}
.load-more-btn[data-v-e5689cc4] {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 1.5rem auto 0;
  padding: 12px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 8px;
  color: var(--text);
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s;
}
.load-more-btn[data-v-e5689cc4]:hover:not(:disabled) {
  background: var(--accent);
  color: white;
}
.load-more-btn[data-v-e5689cc4]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@media (max-width: 768px) {
.coupons-tab[data-v-e5689cc4] {
    padding: 1rem;
}
.coupons-grid[data-v-e5689cc4] {
    grid-template-columns: 1fr;
}
}

.giveaways-tab[data-v-ba1a60ac] {
  padding: 2rem;
}
.giveaways-tab h2[data-v-ba1a60ac] {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: var(--text);
}
.loading-state[data-v-ba1a60ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted);
  gap: 12px;
}
.spinner[data-v-ba1a60ac] {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin-ba1a60ac 0.8s linear infinite;
}
@keyframes spin-ba1a60ac {
to { transform: rotate(360deg);
}
}
.giveaways-grid[data-v-ba1a60ac] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.5rem;
}
.giveaway-card[data-v-ba1a60ac] {
  background: var(--panel);
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.2s;
}
.giveaway-card[data-v-ba1a60ac]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
.giveaway-image[data-v-ba1a60ac] {
  position: relative;
  aspect-ratio: 16 / 9;
  background: rgba(0, 0, 0, 0.2);
}
.giveaway-image img[data-v-ba1a60ac] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.giveaway-placeholder[data-v-ba1a60ac] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
}
.giveaway-badge[data-v-ba1a60ac] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: var(--accent);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.85rem;
}
.view-business-btn[data-v-ba1a60ac] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 8px;
  padding: 8px;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}
.view-business-btn[data-v-ba1a60ac]:hover {
  background: var(--accent);
}
.giveaway-content[data-v-ba1a60ac] {
  padding: 1.5rem;
}
.giveaway-content h3[data-v-ba1a60ac] {
  font-size: 1.1rem;
  color: var(--text);
  margin-bottom: 0.5rem;
}
.giveaway-status[data-v-ba1a60ac] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.status-active[data-v-ba1a60ac] {
  background: rgba(16, 185, 129, 0.2);
  color: #34d399;
}
.status-upcoming[data-v-ba1a60ac] {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}
.status-full[data-v-ba1a60ac] {
  background: rgba(239, 68, 68, 0.2);
  color: #f87171;
}
.status-ended[data-v-ba1a60ac] {
  background: rgba(107, 114, 128, 0.2);
  color: #9ca3af;
}
.giveaway-description[data-v-ba1a60ac] {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.giveaway-stats[data-v-ba1a60ac] {
  display: flex;
  gap: 2rem;
  margin-bottom: 0.75rem;
}
.giveaway-stat[data-v-ba1a60ac] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.stat-value[data-v-ba1a60ac] {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text);
}
.stat-label[data-v-ba1a60ac] {
  font-size: 0.85rem;
  color: var(--muted);
}
.giveaway-dates[data-v-ba1a60ac] {
  font-size: 0.8rem;
  color: var(--muted);
  margin-bottom: 1rem;
}
.giveaway-button[data-v-ba1a60ac] {
  width: 100%;
  padding: 0.75rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.giveaway-button[data-v-ba1a60ac]:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}
.load-more-btn[data-v-ba1a60ac] {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 2rem auto 0;
  padding: 12px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 8px;
  color: var(--text);
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s;
}
.load-more-btn[data-v-ba1a60ac]:hover:not(:disabled) {
  background: var(--accent);
  color: white;
}
.load-more-btn[data-v-ba1a60ac]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.empty-state[data-v-ba1a60ac] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted);
  text-align: center;
}
.empty-icon[data-v-ba1a60ac] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.empty-icon svg[data-v-ba1a60ac] {
  opacity: 0.5;
  width: 40px;
  height: 40px;
}
.empty-title[data-v-ba1a60ac] {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
}
.empty-hint[data-v-ba1a60ac] {
  margin: 0;
  font-size: 0.85rem;
  color: var(--muted);
}

.favorites-tab[data-v-16d09628] {
  height: 100%;
  overflow-y: auto;
  background: var(--bg);
}
.favorites-header[data-v-16d09628] {
  padding: 24px 20px 16px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
  background: var(--panel);
}
.favorites-title[data-v-16d09628] {
  font-size: 20px;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 8px 0;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
}
.favorites-subtitle[data-v-16d09628] {
  font-size: 13px;
  color: var(--muted);
  margin: 0;
}
.empty-state[data-v-16d09628] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
.empty-icon[data-v-16d09628] {
  font-size: 64px;
  margin-bottom: 16px;
  opacity: 0.3;
}
.empty-text[data-v-16d09628] {
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 8px 0;
}
.empty-hint[data-v-16d09628] {
  font-size: 13px;
  color: var(--muted);
  margin: 0;
  max-width: 300px;
}
.favorites-list[data-v-16d09628] {
  padding: 12px;
}
.favorite-item[data-v-16d09628] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  margin-bottom: 8px;
  background: var(--panel);
  border: 1px solid rgba(128, 128, 128, 0.15);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.favorite-item[data-v-16d09628]:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--accent);
  transform: translateY(-1px);
}
.favorite-content[data-v-16d09628] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.favorite-icon[data-v-16d09628] {
  font-size: 24px;
  flex-shrink: 0;
}
.favorite-info[data-v-16d09628] {
  flex: 1;
  min-width: 0;
}
.favorite-name[data-v-16d09628] {
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 4px 0;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
}
.favorite-id[data-v-16d09628] {
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 4px 0;
  font-family: monospace;
}
.favorite-about[data-v-16d09628] {
  font-size: 13px;
  color: var(--muted);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.favorite-remove[data-v-16d09628] {
  appearance: none;
  background: rgba(255, 59, 48, 0.1);
  border: 1px solid rgba(255, 59, 48, 0.3);
  color: #ff3b30;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
}
.favorite-remove[data-v-16d09628]:hover {
  background: rgba(255, 59, 48, 0.2);
  border-color: rgba(255, 59, 48, 0.5);
  transform: scale(1.1);
}
.favorite-remove[data-v-16d09628]:active {
  transform: scale(0.95);
}
@media (max-width: 768px) {
.favorites-header[data-v-16d09628] {
    padding: 20px 16px 12px;
}
.favorites-title[data-v-16d09628] {
    font-size: 18px;
}
.favorites-subtitle[data-v-16d09628] {
    font-size: 12px;
}
.favorites-list[data-v-16d09628] {
    padding: 8px;
}
.favorite-item[data-v-16d09628] {
    padding: 12px;
}
.favorite-name[data-v-16d09628] {
    font-size: 14px;
}
}

.products-tab[data-v-d4a29f98] {
  padding: 16px;
  direction: rtl;
}
.tab-header[data-v-d4a29f98] {
  margin-bottom: 16px;
}
.tab-header h3[data-v-d4a29f98] {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text, #fff);
}
.tab-subtitle[data-v-d4a29f98] {
  margin: 4px 0 0;
  font-size: 0.85rem;
  color: var(--muted, #888);
}
.loading-state[data-v-d4a29f98] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  gap: 12px;
  color: var(--muted, rgba(255, 255, 255, 0.7));
}
.spinner[data-v-d4a29f98] {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: var(--accent, #6366f1);
  border-radius: 50%;
  animation: spin-d4a29f98 1s linear infinite;
}
@keyframes spin-d4a29f98 {
to { transform: rotate(360deg);
}
}
.empty-state[data-v-d4a29f98] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  gap: 12px;
  color: var(--muted, #888);
}
.empty-state p[data-v-d4a29f98] {
  margin: 0;
  font-size: 0.95rem;
}
.products-list[data-v-d4a29f98] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-card[data-v-d4a29f98] {
  display: flex;
  gap: 12px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 12px;
  padding: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.product-card[data-v-d4a29f98]:hover {
  background: var(--panel-2, rgba(128, 128, 128, 0.18));
}
.product-image[data-v-d4a29f98] {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--panel, #16213e);
}
.product-image img[data-v-d4a29f98] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-image.placeholder[data-v-d4a29f98] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #666);
}
.product-info[data-v-d4a29f98] {
  flex: 1;
  min-width: 0;
}
.product-info h4[data-v-d4a29f98] {
  margin: 0 0 4px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text, #fff);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-owner[data-v-d4a29f98] {
  margin: 0 0 4px;
  font-size: 0.8rem;
  color: var(--accent, #818cf8);
}
.product-detail[data-v-d4a29f98] {
  margin: 0 0 6px;
  font-size: 0.85rem;
  color: var(--muted, #aaa);
  line-height: 1.4;
}
.product-price[data-v-d4a29f98] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.original-price[data-v-d4a29f98] {
  text-decoration: line-through;
  color: var(--muted, #888);
  font-size: 0.8rem;
}
.current-price[data-v-d4a29f98] {
  color: #10b981;
  font-weight: 600;
  font-size: 0.85rem;
}

.tabs-root[data-v-93dd1e21] {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--bg);
}
.tabs-header[data-v-93dd1e21] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--panel);
  border-bottom: 1px solid rgba(128,128,128,0.2);
  padding: 8px 16px;
}
.tabs-container[data-v-93dd1e21] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.theme-btn[data-v-93dd1e21] {
  appearance: none;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--text);
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  margin-right: 8px;
}
.tab-btn[data-v-93dd1e21] {
  appearance: none;
  background: transparent;
  border: none;
  color: var(--muted);
  padding: 10px 14px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 44px;
}
.tab-btn[data-v-93dd1e21]:hover { color: var(--text); background: rgba(255,255,255,0.05);
}
.tab-btn.active[data-v-93dd1e21] { color: var(--accent);
}
.tab-icon[data-v-93dd1e21] { flex-shrink: 0;
}
@media (max-width: 768px) {
.tab-btn[data-v-93dd1e21] {
    padding: 8px 10px;
    min-width: 40px;
}
.tab-icon[data-v-93dd1e21] {
    width: 18px;
    height: 18px;
}
}
.tab-indicator[data-v-93dd1e21] {
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--accent);
  border-radius: 2px 2px 0 0;
}
.tabs-content[data-v-93dd1e21] {
  flex: 1;
  position: relative;
  overflow: auto;
}
.tab-panel[data-v-93dd1e21] {
  height: 100%;
  overflow: auto;
}
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/build/assets/layers-BWBAp2CZ.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/build/assets/layers-2x-Bpkbi35X.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/build/assets/marker-icon-hN30_KVU.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

.leaflet-map-container[data-v-92934817] {
  background: #f0f0f0;
  /* NO CSS transforms - pure Leaflet */
}

.loading-overlay[data-v-785091a7] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bg);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(8px);
  animation: fadeIn-785091a7 0.3s ease-out;
}
.loading-content[data-v-785091a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 1.5rem; */
}
.logo-loader[data-v-785091a7] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.logo-wrapper[data-v-785091a7] {
  position: relative;
  width: 150px;
  overflow: hidden;
}
.logo-image[data-v-785091a7] {
  width: 70%;
  display: block;
  filter: grayscale(1) brightness(0.9);
  position: relative;
  z-index: 1;
}
.logo-wave[data-v-785091a7] {
  display: block;
  position: relative;
  z-index: 1;
    width: 150px;
    height: 120px;
  /* Darker copy of the logo */
  background-image: url('/assets/logo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: grayscale(1) brightness(0.6);
  opacity: 1;
  /* Moving gradient mask, like background-clip:text */
  -webkit-mask-image: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 60%
  );
  mask-image: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 60%
  );
  -webkit-mask-size: 200% 200%;
  mask-size: 200% 200%;
  -webkit-mask-position: 0% 0%;
  mask-position: 0% 0%;
  animation: logoWave-785091a7 2.4s linear infinite;
  pointer-events: none;
  z-index: 2;
}
.loading-spinner[data-v-785091a7] {
  position: relative;
  width: 80px;
  height: 80px;
}
.spinner-ring[data-v-785091a7] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin-785091a7 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.spinner-ring[data-v-785091a7]:nth-child(1) {
  animation-delay: -0.45s;
  border-top-color: var(--accent);
}
.spinner-ring[data-v-785091a7]:nth-child(2) {
  animation-delay: -0.3s;
  border-top-color: var(--accent-2);
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}
.spinner-ring[data-v-785091a7]:nth-child(3) {
  animation-delay: -0.15s;
  border-top-color: var(--accent);
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
  opacity: 0.6;
}
@keyframes spin-785091a7 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.loading-text[data-v-785091a7] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text);
  text-align: center;
}
.loading-progress[data-v-785091a7] {
  width: 240px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.progress-bar[data-v-785091a7] {
  width: 100%;
  height: 6px;
  background: var(--panel-2);
  border-radius: 3px;
  overflow: hidden;
}
.progress-fill[data-v-785091a7] {
  height: 100%;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  border-radius: 3px;
  transition: width 0.3s ease;
}
.progress-text[data-v-785091a7] {
  font-size: 0.85rem;
  color: var(--muted);
  text-align: center;
}
@keyframes fadeIn-785091a7 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes logoWave-785091a7 {
0% {
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
}
50% {
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%;
}
100% {
    -webkit-mask-position: 0% 0%;
    mask-position: 0% 0%;
}
}

.wayfinding-panel[data-v-a445410e] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--panel);
  padding: 0;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 400px;
  max-width: 500px;
  border: 1px solid rgba(128, 128, 128, 0.2);
  font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  direction: rtl;
  color: var(--text);
}
.panel-expand[data-v-a445410e] {
  position: absolute;
  top: -55px;
  right: 10px;
  text-align: center;
  padding: 5px 5px;
  z-index: 1000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--panel);
  border-radius: 16px;
  min-height: 50px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 299;
  min-width: 240px;
  max-width: 14.5vw;
  border: 1px solid rgba(128, 128, 128, 0.2);
  font-family: 'Yekan Bakh', 'Segoe UI', Tahoma, sans-serif;
  direction: rtl;
  color: var(--text);
}
.panel-header[data-v-a445410e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--panel);
  border-radius: 16px 16px 0 0;
  color: var(--text);
  border-bottom: 1px solid rgba(128,128,128,0.2);
}
.header-content[data-v-a445410e] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-action[data-v-a445410e] {
  display: flex
}
.header-content .icon[data-v-a445410e] {
  opacity: 0.9;
}
.panel-header h3[data-v-a445410e] {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: var(--text);
}
.panel-content[data-v-a445410e] {
  padding: 20px;
  background: var(--panel);
  color: var(--text);
}
.clear-btn[data-v-a445410e], .close-btn[data-v-a445410e] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(128,128,128,0.12);
  color: var(--text);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.clear-btn[data-v-a445410e]:hover {
  background: rgba(128,128,128,0.18);
  transform: translateY(-1px);
}
.control-group[data-v-a445410e] {
  margin-bottom: 16px;
}
.control-group label[data-v-a445410e] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  color: #444;
  font-size: 14px;
  font-weight: 600;
}
.label-icon[data-v-a445410e] {
  opacity: 0.7;
}
.location-select[data-v-a445410e] {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid rgba(128,128,128,0.2);
  border-radius: 10px;
  font-size: 14px;
  background: var(--panel);
  transition: all 0.2s ease;
  color: var(--text);
  font-family: inherit;
  cursor: pointer;
}
.location-select[data-v-a445410e]:hover:not(:disabled) { border-color: var(--accent);
}
.location-select[data-v-a445410e]:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);
}
.location-select[data-v-a445410e]:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
  opacity: 0.6;
}
.find-path-btn[data-v-a445410e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px;
  background: var(--accent);
  color: var(--panel);
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 30%, transparent);
  font-family: inherit;
}
.find-path-btn[data-v-a445410e]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px color-mix(in srgb, var(--accent) 40%, transparent);
}
.find-path-btn[data-v-a445410e]:active:not(:disabled) {
  transform: translateY(0);
}
.find-path-btn[data-v-a445410e]:disabled {
  background: #e0e0e0;
  color: #999;
  cursor: not-allowed;
  box-shadow: none;
}
.status[data-v-a445410e] {
  margin-top: 12px;
  padding: 12px;
  border-radius: 10px;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
}
.status.success[data-v-a445410e] { background: rgba(76,175,80,0.15); color: var(--text);
}
.status.error[data-v-a445410e] { background: rgba(244,67,54,0.15); color: var(--text);
}
.helper-text[data-v-a445410e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 8px;
  font-size: 12px;
  color: #666;
  text-align: center;
}

/* Animations */
.slide-up-enter-active[data-v-a445410e],
.slide-up-leave-active[data-v-a445410e] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-up-enter-from[data-v-a445410e] {
  opacity: 0;
  transform: translateX(-50%) translateY(20px);
}
.slide-up-leave-to[data-v-a445410e] {
  opacity: 0;
  transform: translateX(-50%) translateY(20px);
}
.fade-enter-active[data-v-a445410e],
.fade-leave-active[data-v-a445410e] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-a445410e],
.fade-leave-to[data-v-a445410e] {
  opacity: 0;
}

/* Expand/collapse transition */
.expand-enter-active[data-v-a445410e],
.expand-leave-active[data-v-a445410e] {
  overflow: hidden;
  transition: max-height 0.25s ease, opacity 0.2s ease, transform 0.25s ease;
}
.expand-enter-from[data-v-a445410e],
.expand-leave-to[data-v-a445410e] {
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
}
.expand-enter-to[data-v-a445410e],
.expand-leave-from[data-v-a445410e] {
  max-height: 800px; /* should exceed expected content height */
}

/* Active state */
.wayfinding-panel.has-path[data-v-a445410e] {
  border: 2px solid rgba(102, 126, 234, 0.5);
}
@media (max-width: 768px) {
.wayfinding-panel[data-v-a445410e] {
    left: 10px;
    right: 10px;
    min-width: auto;
    max-width: none;
    transform: translateX(0);
    bottom: 10px;
}
.slide-up-enter-from[data-v-a445410e],
  .slide-up-leave-to[data-v-a445410e] {
    transform: translateX(0) translateY(20px);
}

  /* Responsive expand banner: center and full width padding on mobile */
.panel-expand[data-v-a445410e] {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    max-width: calc(49vw - 20px);
    min-width: auto;
    width: calc(100vw - 20px);
    top: -60px;
}
}

.parking-navigator[data-v-aa87c4b1] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  padding: 16px;
  min-width: 320px;
  max-width: 400px;
  z-index: 1000;
  backdrop-filter: blur(10px);
  font-family: 'Vazirmatn', sans-serif;
  direction: rtl;
}
.parking-header[data-v-aa87c4b1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}
.parking-header h3[data-v-aa87c4b1] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--text);
}
.icon-btn[data-v-aa87c4b1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(128,128,128,0.2);
  background: rgba(128,128,128,0.12);
  color: var(--text);
  cursor: pointer;
  transition: background 0.2s;
}
.icon-btn[data-v-aa87c4b1]:hover {
  background: rgba(128,128,128,0.18);
}
.parking-content[data-v-aa87c4b1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.parking-info[data-v-aa87c4b1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: rgba(128,128,128,0.08);
  border-radius: 8px;
}
.info-row[data-v-aa87c4b1] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.info-row .label[data-v-aa87c4b1] {
  color: var(--text-secondary);
  font-weight: 500;
  min-width: 60px;
}
.info-row .value[data-v-aa87c4b1] {
  color: var(--text);
  font-weight: 600;
}
.parking-actions[data-v-aa87c4b1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.action-btn[data-v-aa87c4b1] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Vazirmatn', sans-serif;
  cursor: pointer;
  transition: all 0.2s;
}
.action-btn.primary[data-v-aa87c4b1] {
  background: var(--primary, #1476FF);
  color: white;
}
.action-btn.primary[data-v-aa87c4b1]:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.action-btn.secondary[data-v-aa87c4b1] {
  background: rgba(128,128,128,0.12);
  color: var(--text);
  border: 1px solid var(--border);
}
.action-btn.secondary[data-v-aa87c4b1]:hover:not(.disabled) {
  background: rgba(128,128,128,0.18);
  transform: translateY(-1px);
}
.action-btn.disabled[data-v-aa87c4b1] {
  opacity: 0.5;
  cursor: not-allowed;
}
.action-btn svg[data-v-aa87c4b1] {
  flex-shrink: 0;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
.parking-navigator[data-v-aa87c4b1] {
    background: rgba(30, 30, 30, 0.95);
}
}

.legend-panel[data-v-f6ddae3c] {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--panel);
  padding: 0;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 400px;
  max-width: 500px;
  border: 1px solid rgba(128, 128, 128, 0.2);
  font-family: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  direction: rtl;
  color: var(--text);
}
.legend-header[data-v-f6ddae3c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--panel);
  border-radius: 16px 16px 0 0;
  color: var(--text);
  border-bottom: 1px solid rgba(128,128,128,0.2);
}
.header-content[data-v-f6ddae3c] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.legend-header h3[data-v-f6ddae3c] {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: var(--text);
}
.panel-content[data-v-f6ddae3c] {
  padding: 20px;
  background: var(--panel);
  color: var(--text);
}
.icon-btn[data-v-f6ddae3c] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(128,128,128,0.12);
  color: var(--text);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.icon-btn[data-v-f6ddae3c]:hover { background: rgba(128,128,128,0.18); transform: translateY(-1px);
}
.legend-actions[data-v-f6ddae3c] {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.legend-action-btn[data-v-f6ddae3c] {
  flex: 1;
  padding: 10px 12px;
  background: rgba(128,128,128,0.12);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  transition: all 0.2s;
}
.legend-action-btn[data-v-f6ddae3c]:hover { background: rgba(128,128,128,0.18);
}
.legend-action-btn[data-v-f6ddae3c]:active { transform: scale(0.98);
}
.legend-list[data-v-f6ddae3c] {
  overflow-y: auto;
  max-height: 50vh;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.legend-item[data-v-f6ddae3c] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: rgba(128,128,128,0.06);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.legend-item[data-v-f6ddae3c]:hover { background: rgba(128,128,128,0.12); border-color: var(--accent);
}
.legend-item[data-v-f6ddae3c]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px;
}
.legend-item.active[data-v-f6ddae3c] {
  background: rgba(33, 150, 243, 0.16);
  border-color: #2196F3;
  box-shadow: inset 0 0 0 1px rgba(33,150,243,0.35);
}
.legend-item.active .legend-name[data-v-f6ddae3c] { font-weight: 700; color: var(--text);
}

/* removed checkbox visuals */
.legend-icon[data-v-f6ddae3c] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 6px;
  overflow: hidden;
}
.legend-icon img[data-v-f6ddae3c] { width: 100%; height: 100%; object-fit: contain;
}
.legend-name[data-v-f6ddae3c] {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}
.legend-check[data-v-f6ddae3c] {
  color: #2196F3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Scrollbar styling */
.legend-list[data-v-f6ddae3c]::-webkit-scrollbar { width: 6px;
}
.legend-list[data-v-f6ddae3c]::-webkit-scrollbar-track { background: rgba(128,128,128,0.1); border-radius: 3px;
}
.legend-list[data-v-f6ddae3c]::-webkit-scrollbar-thumb { background: rgba(128,128,128,0.3); border-radius: 3px;
}
.legend-list[data-v-f6ddae3c]::-webkit-scrollbar-thumb:hover { background: rgba(128,128,128,0.45);
}

/* Animations (match WayfindingPanel) */
.slide-up-enter-active[data-v-f6ddae3c],
.slide-up-leave-active[data-v-f6ddae3c] { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-up-enter-from[data-v-f6ddae3c] { opacity: 0; transform: translateX(-50%) translateY(20px);
}
.slide-up-leave-to[data-v-f6ddae3c] { opacity: 0; transform: translateX(-50%) translateY(20px);
}
@media (max-width: 768px) {
.legend-panel[data-v-f6ddae3c] {
    left: 10px;
    right: 10px;
    min-width: auto;
    max-width: none;
    transform: translateX(0);
    bottom: 10px;
}
.slide-up-enter-from[data-v-f6ddae3c],
  .slide-up-leave-to[data-v-f6ddae3c] { transform: translateX(0) translateY(20px);
}
}

.biz-map-root[data-v-3dc6bcfa] {
  width: 100%;
}
.biz-map[data-v-3dc6bcfa] {
  width: 100%;
  height: 220px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
}
.biz-map[data-v-3dc6bcfa] .leaflet-container {
  background: rgba(255, 255, 255, 0.05);
}
.biz-map[data-v-3dc6bcfa] .leaflet-control-zoom {
  border: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.biz-map[data-v-3dc6bcfa] .leaflet-control-zoom a {
  background: rgba(26, 26, 46, 0.9);
  color: #fff;
  border: none;
}
.biz-map[data-v-3dc6bcfa] .leaflet-control-zoom a:hover {
  background: rgba(26, 26, 46, 1);
}

.tab-general[data-v-86381011] {
  padding-bottom: 12px;
}
.info-section[data-v-86381011] {
  padding: 16px 20px;
}
.business-description[data-v-86381011] {
  font-size: 0.95rem;
  color: var(--text-secondary, #aaa);
  line-height: 1.7;
  margin: 0;
}
.tags-section[data-v-86381011] {
  padding: 0 20px 20px;
}
.tags-list[data-v-86381011] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-chip[data-v-86381011] {
  background: rgba(99, 102, 241, 0.2);
  color: #818cf8;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
.section[data-v-86381011] {
  padding: 16px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.section-header[data-v-86381011] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--text-primary, #fff);
  font-weight: 600;
  font-size: 0.95rem;
}
.section-header svg[data-v-86381011] {
  color: var(--accent, #6366f1);
}
.section-content[data-v-86381011] {
  color: var(--text-secondary, #aaa);
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
}
.services-list[data-v-86381011] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-item[data-v-86381011] {
  position: relative;
  padding: 8px 0 8px 20px;
  color: var(--text-secondary, #aaa);
  font-size: 0.9rem;
  line-height: 1.5;
}
.service-item[data-v-86381011]::before {
  content: '•';
  position: absolute;
  right: 0;
  color: var(--accent, #6366f1);
}
.prices-list[data-v-86381011] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.price-item[data-v-86381011] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.price-subject[data-v-86381011] {
  color: var(--text-secondary, #aaa);
  font-size: 0.9rem;
}
.price-value[data-v-86381011] {
  color: #10b981;
  font-weight: 600;
  font-size: 0.95rem;
}
.contacts-list[data-v-86381011] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-item[data-v-86381011] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.2s;
}
.contact-item[data-v-86381011]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.contact-icon[data-v-86381011] {
  font-size: 1.5rem;
}
.contact-info[data-v-86381011] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.contact-subject[data-v-86381011] {
  color: var(--text-secondary, #aaa);
  font-size: 0.8rem;
}
.contact-number[data-v-86381011] {
  color: var(--text-primary, #fff);
  font-size: 0.95rem;
  font-weight: 500;
  direction: ltr;
  text-align: right;
}
.links-list[data-v-86381011] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.link-item[data-v-86381011] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  text-decoration: none;
  color: var(--text-primary, #fff);
  transition: background 0.2s;
}
.link-item[data-v-86381011]:hover {
  background: rgba(255, 255, 255, 0.1);
}
.link-icon[data-v-86381011] {
  font-size: 1.2rem;
}
.link-title[data-v-86381011] {
  flex: 1;
  font-size: 0.9rem;
}
.link-item svg[data-v-86381011] {
  color: var(--text-muted, #666);
}
.email-link[data-v-86381011] {
  color: #6366f1;
  text-decoration: none;
  font-size: 0.9rem;
  direction: ltr;
  display: inline-block;
}
.email-link[data-v-86381011]:hover {
  text-decoration: underline;
}

.tab-feedbacks[data-v-2bc87992] {
  padding: 0;
}
.submit-feedback-section[data-v-2bc87992] {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.submit-feedback-btn[data-v-2bc87992] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: none;
  border-radius: 10px;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.submit-feedback-btn[data-v-2bc87992]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}
.feedback-summary[data-v-2bc87992] {
  padding: 20px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.summary-rating[data-v-2bc87992] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.rating-value[data-v-2bc87992] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary, #fff);
}
.rating-stars[data-v-2bc87992] {
  display: flex;
  gap: 2px;
}
.rating-count[data-v-2bc87992] {
  color: var(--text-muted, #888);
  font-size: 0.85rem;
}
.rating-bars[data-v-2bc87992] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rating-bar-row[data-v-2bc87992] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bar-label[data-v-2bc87992] {
  width: 16px;
  font-size: 0.8rem;
  color: var(--text-muted, #888);
  text-align: center;
}
.bar-track[data-v-2bc87992] {
  flex: 1;
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
.bar-fill[data-v-2bc87992] {
  height: 100%;
  background: linear-gradient(90deg, #fbbf24, #f59e0b);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.bar-count[data-v-2bc87992] {
  width: 24px;
  font-size: 0.75rem;
  color: var(--text-muted, #888);
  text-align: left;
}
.feedbacks-list[data-v-2bc87992] {
  padding: 0;
}
.feedback-item[data-v-2bc87992] {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.feedback-header[data-v-2bc87992] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.feedback-stars[data-v-2bc87992] {
  display: flex;
  gap: 2px;
}
.feedback-time[data-v-2bc87992] {
  font-size: 0.75rem;
  color: var(--text-muted, #888);
}
.feedback-message[data-v-2bc87992] {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary, #aaa);
}
.feedback-replies[data-v-2bc87992] {
  margin-top: 12px;
  padding-right: 16px;
  border-right: 2px solid rgba(99, 102, 241, 0.3);
}
.reply-item[data-v-2bc87992] {
  padding: 10px 0;
}
.reply-item[data-v-2bc87992]:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.reply-header[data-v-2bc87992] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.reply-sender[data-v-2bc87992] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #818cf8;
}
.reply-time[data-v-2bc87992] {
  font-size: 0.7rem;
  color: var(--text-muted, #666);
}
.reply-message[data-v-2bc87992] {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--text-secondary, #aaa);
}
.empty-state[data-v-2bc87992] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--text-muted, #666);
  text-align: center;
}
.empty-state svg[data-v-2bc87992] {
  margin-bottom: 16px;
  opacity: 0.5;
}
.empty-state p[data-v-2bc87992] {
  margin: 0;
  font-size: 0.95rem;
}

.tab-giveaways[data-v-16cdd1b8] {
  padding: 0;
}
.giveaways-list[data-v-16cdd1b8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.giveaway-card[data-v-16cdd1b8] {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.giveaway-banner[data-v-16cdd1b8] {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.giveaway-banner img[data-v-16cdd1b8] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.giveaway-content[data-v-16cdd1b8] {
  padding: 16px;
}
.giveaway-header[data-v-16cdd1b8] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.giveaway-title[data-v-16cdd1b8] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text-primary, #fff);
  line-height: 1.4;
}
.giveaway-type[data-v-16cdd1b8] {
  font-size: 0.7rem;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(99, 102, 241, 0.2);
  color: #a5b4fc;
  white-space: nowrap;
}
.giveaway-desc[data-v-16cdd1b8] {
  margin: 0 0 12px;
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--text-secondary, #aaa);
}
.giveaway-status[data-v-16cdd1b8] {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 12px;
}
.status-active[data-v-16cdd1b8] {
  background: rgba(16, 185, 129, 0.2);
  color: #34d399;
}
.status-upcoming[data-v-16cdd1b8] {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}
.status-full[data-v-16cdd1b8] {
  background: rgba(239, 68, 68, 0.2);
  color: #f87171;
}
.status-ended[data-v-16cdd1b8] {
  background: rgba(107, 114, 128, 0.2);
  color: #9ca3af;
}
.giveaway-stats[data-v-16cdd1b8] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 12px;
}
.stat-item[data-v-16cdd1b8] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--text-secondary, #aaa);
}
.stat-item svg[data-v-16cdd1b8] {
  color: var(--text-muted, #666);
}
.giveaway-dates[data-v-16cdd1b8] {
  display: flex;
  gap: 20px;
  margin-bottom: 12px;
  font-size: 0.8rem;
}
.date-item[data-v-16cdd1b8] {
  display: flex;
  gap: 6px;
}
.date-label[data-v-16cdd1b8] {
  color: var(--text-muted, #888);
}
.date-value[data-v-16cdd1b8] {
  color: var(--text-secondary, #aaa);
}
.giveaway-rewards[data-v-16cdd1b8] {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.rewards-header[data-v-16cdd1b8] {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-primary, #fff);
  margin-bottom: 8px;
}
.reward-item[data-v-16cdd1b8] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--text-secondary, #aaa);
  padding: 4px 0;
}
.reward-item svg[data-v-16cdd1b8] {
  color: #fbbf24;
}
.giveaway-hosts[data-v-16cdd1b8] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 0.8rem;
}
.hosts-label[data-v-16cdd1b8] {
  color: var(--text-muted, #888);
  margin-left: 6px;
}
.host-name[data-v-16cdd1b8] {
  color: var(--text-secondary, #aaa);
}
.empty-state[data-v-16cdd1b8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--text-muted, #666);
  text-align: center;
}
.empty-state svg[data-v-16cdd1b8] {
  margin-bottom: 16px;
  opacity: 0.5;
}
.empty-state p[data-v-16cdd1b8] {
  margin: 0;
  font-size: 0.95rem;
}

.tab-feed[data-v-0c63289b] {
  padding: 0;
}

/* Detail View */
.feed-detail[data-v-0c63289b] {
  height: 100%;
}
.detail-header[data-v-0c63289b] {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(22, 33, 62, 0.5);
}
.back-btn[data-v-0c63289b] {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  padding: 8px 14px;
  color: var(--text-primary, #fff);
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.2s;
}
.back-btn[data-v-0c63289b]:hover {
  background: rgba(255, 255, 255, 0.15);
}
.detail-content[data-v-0c63289b] {
  padding-bottom: 16px;
}
.post-caption-full[data-v-0c63289b] {
  padding: 0 16px 16px;
}
.post-caption-full .caption-author[data-v-0c63289b] {
  font-weight: 600;
  color: var(--text-primary, #fff);
  display: block;
  margin-bottom: 8px;
}
.post-caption-full .caption-text[data-v-0c63289b] {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--text-secondary, #aaa);
  white-space: pre-wrap;
}
.caption-text-truncated[data-v-0c63289b] {
  color: var(--text-secondary, #aaa);
}
.see-more[data-v-0c63289b] {
  background: none;
  border: none;
  color: #818cf8;
  font-size: 0.85rem;
  cursor: pointer;
  padding: 0;
  margin-right: 4px;
}
.see-more[data-v-0c63289b]:hover {
  text-decoration: underline;
}
.feed-list[data-v-0c63289b] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}
.feed-post[data-v-0c63289b] {
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.post-header[data-v-0c63289b] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.post-avatar[data-v-0c63289b] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
.post-avatar img[data-v-0c63289b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar-placeholder[data-v-0c63289b] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted, #666);
}
.post-info[data-v-0c63289b] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.post-author[data-v-0c63289b] {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--text-primary, #fff);
}
.post-time[data-v-0c63289b] {
  font-size: 0.75rem;
  color: var(--text-muted, #888);
}
.post-media[data-v-0c63289b] {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.post-image[data-v-0c63289b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Before/After Comparison */
.before-after-container[data-v-0c63289b] {
  width: 100%;
  height: 100%;
  position: relative;
}
.ba-wrapper[data-v-0c63289b] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: ew-resize;
  user-select: none;
  touch-action: none;
}
.ba-image[data-v-0c63289b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.ba-before-clip[data-v-0c63289b] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.ba-before-clip .ba-image[data-v-0c63289b] {
  width: auto;
  min-width: 100%;
}
.ba-slider[data-v-0c63289b] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: white;
  transform: translateX(-50%);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.ba-handle[data-v-0c63289b] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.ba-labels[data-v-0c63289b] {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.ba-label[data-v-0c63289b] {
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}
.post-actions[data-v-0c63289b] {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.post-likes[data-v-0c63289b] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--text-secondary, #aaa);
  font-size: 0.85rem;
}
.post-likes svg[data-v-0c63289b] {
  color: #ef4444;
}
.post-caption[data-v-0c63289b] {
  padding: 0 16px 12px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-secondary, #aaa);
}
.caption-author[data-v-0c63289b] {
  font-weight: 600;
  color: var(--text-primary, #fff);
  margin-left: 6px;
}
.empty-state[data-v-0c63289b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--text-muted, #666);
  text-align: center;
}
.empty-state svg[data-v-0c63289b] {
  margin-bottom: 16px;
  opacity: 0.5;
}
.empty-state p[data-v-0c63289b] {
  margin: 0;
  font-size: 0.95rem;
}

.tab-coupons[data-v-d67c677f] {
  padding: 0;
}
.loading-state[data-v-d67c677f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted, #888);
  gap: 12px;
}
.spinner[data-v-d67c677f] {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border, rgba(128, 128, 128, 0.2));
  border-top-color: var(--accent, #6366f1);
  border-radius: 50%;
  animation: spin-d67c677f 0.8s linear infinite;
}
@keyframes spin-d67c677f {
to { transform: rotate(360deg);
}
}
.coupons-list[data-v-d67c677f] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.coupon-card[data-v-d67c677f] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 12px;
  padding: 16px;
}
.coupon-header[data-v-d67c677f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.coupon-name[data-v-d67c677f] {
  font-weight: 600;
  font-size: 1rem;
  color: var(--text, #fff);
}
.coupon-scope[data-v-d67c677f] {
  font-size: 0.7rem;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(99, 102, 241, 0.2);
  color: #a5b4fc;
}
.coupon-scope.hooray[data-v-d67c677f] {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}
.coupon-usage-type[data-v-d67c677f] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--text-muted, #888);
  margin-bottom: 12px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
}
.coupon-usage-type svg[data-v-d67c677f] {
  opacity: 0.7;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  max-width: 14px;
  max-height: 14px;
}
.coupon-code-box[data-v-d67c677f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--panel, rgba(128, 128, 128, 0.05));
  border: 1px dashed var(--border, rgba(128, 128, 128, 0.3));
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 12px;
}
.code-label[data-v-d67c677f] {
  font-size: 0.8rem;
  color: var(--text-muted, #888);
}
.code-value[data-v-d67c677f] {
  font-family: monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #10b981;
  letter-spacing: 1px;
}
.use-coupon-btn[data-v-d67c677f] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  background: linear-gradient(135deg, #10b981, #059669);
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.use-coupon-btn svg[data-v-d67c677f] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
}
.use-coupon-btn[data-v-d67c677f]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}
.empty-state[data-v-d67c677f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--text-muted, #666);
  text-align: center;
}
.empty-icon[data-v-d67c677f] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.empty-icon svg[data-v-d67c677f] {
  opacity: 0.5;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}
.empty-title[data-v-d67c677f] {
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text, #fff);
}
.empty-hint[data-v-d67c677f] {
  margin: 0;
  font-size: 0.85rem;
  color: var(--text-muted, #888);
}

.tab-customer-club[data-v-2641c7f0] {
  padding: 0;
}
.loading-state[data-v-2641c7f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  color: var(--muted, #888);
  gap: 12px;
}
.spinner[data-v-2641c7f0] {
  width: 24px;
  height: 24px;
  border: 2px solid var(--border, rgba(128, 128, 128, 0.2));
  border-top-color: var(--accent, #6366f1);
  border-radius: 50%;
  animation: spin-2641c7f0 0.8s linear infinite;
}
@keyframes spin-2641c7f0 {
to { transform: rotate(360deg);
}
}
.join-section[data-v-2641c7f0] {
  padding: 20px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.1));
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
}
.club-info[data-v-2641c7f0] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
}
.club-info svg[data-v-2641c7f0] {
  color: #a5b4fc;
  flex-shrink: 0;
}
.club-text h3[data-v-2641c7f0] {
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text, #fff);
}
.club-text p[data-v-2641c7f0] {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--muted, #aaa);
}
.join-btn[data-v-2641c7f0] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: none;
  border-radius: 10px;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.join-btn[data-v-2641c7f0]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}
.section-title[data-v-2641c7f0] {
  margin: 0 0 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text, #fff);
}
.groups-section[data-v-2641c7f0] {
  padding: 20px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
}
.groups-list[data-v-2641c7f0] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.group-card[data-v-2641c7f0] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 10px;
}
.group-icon[data-v-2641c7f0] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  border-radius: 10px;
  color: white;
  flex-shrink: 0;
}
.group-info[data-v-2641c7f0] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.group-name[data-v-2641c7f0] {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text, #fff);
}
.group-requirement[data-v-2641c7f0] {
  font-size: 0.8rem;
  color: var(--muted, #888);
}
.group-bonus[data-v-2641c7f0] {
  font-size: 0.8rem;
  color: #10b981;
}
.benefits-section[data-v-2641c7f0] {
  padding: 20px;
}
.benefits-list[data-v-2641c7f0] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.benefit-item[data-v-2641c7f0] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 10px;
  font-size: 0.9rem;
  color: var(--muted, #aaa);
}
.benefit-item svg[data-v-2641c7f0] {
  color: #10b981;
  flex-shrink: 0;
}

.tab-content[data-v-88677e57] {
  padding: 20px;
}
.loading-state[data-v-88677e57] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  gap: 12px;
  color: var(--text-muted, rgba(255, 255, 255, 0.7));
}
.spinner[data-v-88677e57] {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: var(--primary, #4f46e5);
  border-radius: 50%;
  animation: spin-88677e57 1s linear infinite;
}
@keyframes spin-88677e57 {
to {
    transform: rotate(360deg);
}
}
.empty-state[data-v-88677e57] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  gap: 12px;
  color: var(--muted, #888);
}
.empty-state p[data-v-88677e57] {
  margin: 0;
  font-size: 0.95rem;
}
.products-list[data-v-88677e57] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-item[data-v-88677e57] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 12px;
  padding: 16px;
  transition: background 0.2s;
  cursor: default;
}
.product-item[data-v-88677e57]:hover {
  background: var(--panel-2, rgba(128, 128, 128, 0.15));
}
.product-info h4[data-v-88677e57] {
  margin: 0 0 4px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text, #fff);
}
.product-en-title[data-v-88677e57] {
  margin: 0 0 6px;
  font-size: 0.85rem;
  color: var(--muted, #888);
  direction: ltr;
  text-align: right;
}
.product-desc[data-v-88677e57] {
  margin: 0 0 8px;
  font-size: 0.9rem;
  color: var(--muted, #aaa);
  line-height: 1.5;
}
.product-meta[data-v-88677e57] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.product-type[data-v-88677e57] {
  background: rgba(99, 102, 241, 0.2);
  color: #818cf8;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 500;
}
.product-code[data-v-88677e57] {
  background: rgba(128, 128, 128, 0.15);
  color: var(--muted, #aaa);
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 0.8rem;
  direction: ltr;
}
.product-date[data-v-88677e57] {
  color: var(--muted, #888);
  font-size: 0.8rem;
}

.business-drawer-overlay[data-v-01653bd4] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: flex-start;
}
.business-drawer[data-v-01653bd4] {
  width: 100%;
  max-width: 420px;
  height: 100%;
  background: var(--bg, #1a1a2e);
  display: flex;
  flex-direction: column;
  direction: rtl;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
}
.drawer-header[data-v-01653bd4] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  background: var(--panel, #16213e);
}
.drawer-close[data-v-01653bd4] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: none;
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
  color: var(--text, #fff);
  transition: background 0.2s;
}
.drawer-close[data-v-01653bd4]:hover {
  background: var(--accent, #6366f1);
  color: white;
}
.drawer-title[data-v-01653bd4] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text, #fff);
  margin: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drawer-share[data-v-01653bd4] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: none;
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
  color: var(--text, #fff);
  transition: background 0.2s;
  margin-right: auto;
}
.drawer-share[data-v-01653bd4]:hover {
  background: var(--accent, #6366f1);
  color: white;
}
.drawer-tabs[data-v-01653bd4] {
  display: flex;
  justify-content: space-around;
  gap: 4px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  background: var(--panel, #16213e);
}
.tab-btn[data-v-01653bd4] {
  border: none;
  background: transparent;
  color: var(--muted, #888);
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  max-width: 56px;
}
.tab-btn svg[data-v-01653bd4] {
  width: 22px;
  height: 22px;
}
.tab-btn.active[data-v-01653bd4] {
  background: rgba(99, 102, 241, 0.25);
  color: var(--accent, #6366f1);
}
.tab-btn[data-v-01653bd4]:hover {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  color: var(--text, #fff);
}
.drawer-content[data-v-01653bd4] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}

/* Banner Section */
.banner-section[data-v-01653bd4] {
  position: relative;
}
.banner-wrapper[data-v-01653bd4] {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--panel, #16213e);
  overflow: hidden;
}
.banner-image[data-v-01653bd4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
  transition: opacity 0.3s;
}
.banner-image.loaded[data-v-01653bd4] {
  opacity: 1;
}
.banner-placeholder[data-v-01653bd4] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #666);
}
.logo-overlay[data-v-01653bd4] {
  position: absolute;
  bottom: -32px;
  right: 20px;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid var(--bg, #1a1a2e);
  background: var(--panel, #16213e);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.business-logo[data-v-01653bd4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Info Section */
.info-section[data-v-01653bd4] {
  padding: 48px 20px 20px;
}
.business-name[data-v-01653bd4] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text, #fff);
  margin: 0 0 12px;
  line-height: 1.4;
}
.business-description[data-v-01653bd4] {
  font-size: 0.95rem;
  color: var(--muted, #aaa);
  line-height: 1.7;
  margin: 0;
}

/* Tags Section */
.tags-section[data-v-01653bd4] {
  padding: 0 20px 20px;
}
.tags-list[data-v-01653bd4] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-chip[data-v-01653bd4] {
  background: rgba(99, 102, 241, 0.2);
  color: #818cf8;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}

/* Generic Section */
.section[data-v-01653bd4] {
  padding: 16px 20px;
  border-top: 1px solid var(--border, rgba(128, 128, 128, 0.2));
}
.section-header[data-v-01653bd4] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--text, #fff);
  font-weight: 600;
  font-size: 0.95rem;
}
.section-header svg[data-v-01653bd4] {
  color: var(--accent, #6366f1);
}
.section-content[data-v-01653bd4] {
  color: var(--muted, #aaa);
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
}

/* Services */
.services-list[data-v-01653bd4] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.service-item[data-v-01653bd4] {
  position: relative;
  padding: 8px 0 8px 20px;
  color: var(--muted, #aaa);
  font-size: 0.9rem;
  line-height: 1.5;
}
.service-item[data-v-01653bd4]::before {
  content: '•';
  position: absolute;
  right: 0;
  color: var(--accent, #6366f1);
}

/* Prices */
.prices-list[data-v-01653bd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.price-item[data-v-01653bd4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 10px;
}
.price-subject[data-v-01653bd4] {
  color: var(--muted, #aaa);
  font-size: 0.9rem;
}
.price-value[data-v-01653bd4] {
  color: #10b981;
  font-weight: 600;
  font-size: 0.95rem;
}

/* Contacts */
.contacts-list[data-v-01653bd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-item[data-v-01653bd4] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 10px;
  text-decoration: none;
  transition: background 0.2s;
}
.contact-item[data-v-01653bd4]:hover {
  background: var(--accent, #6366f1);
  color: white;
}
.contact-icon[data-v-01653bd4] {
  font-size: 1.5rem;
}
.contact-info[data-v-01653bd4] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.contact-subject[data-v-01653bd4] {
  color: var(--muted, #aaa);
  font-size: 0.8rem;
}
.contact-number[data-v-01653bd4] {
  color: var(--text, #fff);
  font-size: 0.95rem;
  font-weight: 500;
  direction: ltr;
  text-align: right;
}

/* Links */
.links-list[data-v-01653bd4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.link-item[data-v-01653bd4] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 10px;
  text-decoration: none;
  color: var(--text, #fff);
  transition: background 0.2s;
}
.link-item[data-v-01653bd4]:hover {
  background: var(--accent, #6366f1);
  color: white;
}
.link-icon[data-v-01653bd4] {
  font-size: 1.2rem;
}
.link-title[data-v-01653bd4] {
  flex: 1;
  font-size: 0.9rem;
}
.link-item svg[data-v-01653bd4] {
  color: var(--muted, #666);
}

/* Email */
.email-link[data-v-01653bd4] {
  color: #6366f1;
  text-decoration: none;
  font-size: 0.9rem;
  direction: ltr;
  display: inline-block;
}
.email-link[data-v-01653bd4]:hover {
  text-decoration: underline;
}

/* Transitions */
.drawer-enter-active[data-v-01653bd4],
.drawer-leave-active[data-v-01653bd4] {
  transition: opacity 0.3s ease;
}
.drawer-enter-active .business-drawer[data-v-01653bd4],
.drawer-leave-active .business-drawer[data-v-01653bd4] {
  transition: transform 0.3s ease;
}
.drawer-enter-from[data-v-01653bd4],
.drawer-leave-to[data-v-01653bd4] {
  opacity: 0;
}
.drawer-enter-from .business-drawer[data-v-01653bd4] {
  transform: translateX(100%);
}
.drawer-leave-to .business-drawer[data-v-01653bd4] {
  transform: translateX(100%);
}

/* Mobile adjustments */
@media (max-width: 480px) {
.business-drawer[data-v-01653bd4] {
    max-width: 100%;
}
.drawer-header[data-v-01653bd4] {
    padding: 12px 16px;
}
.drawer-title[data-v-01653bd4] {
    font-size: 1rem;
}
.banner-wrapper[data-v-01653bd4] {
    aspect-ratio: 2 / 1;
}
.logo-overlay[data-v-01653bd4] {
    width: 64px;
    height: 64px;
    bottom: -24px;
    right: 16px;
}
.tab-btn[data-v-01653bd4] {
    padding: 8px 10px;
}
.tab-btn svg[data-v-01653bd4] {
    width: 20px;
    height: 20px;
}
}

.company-drawer-overlay[data-v-f5037f1d] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: flex-start;
}
.company-drawer[data-v-f5037f1d] {
  width: 100%;
  max-width: 420px;
  height: 100%;
  background: var(--bg, #1a1a2e);
  display: flex;
  flex-direction: column;
  direction: rtl;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
}
.drawer-header[data-v-f5037f1d] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  background: var(--panel, #16213e);
}
.drawer-close[data-v-f5037f1d] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: none;
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
  color: var(--text, #fff);
  transition: background 0.2s;
}
.loading-state[data-v-f5037f1d] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 40px 20px;
   gap: 12px;
   color: var(--text-muted, rgba(255, 255, 255, 0.7));
}
.spinner[data-v-f5037f1d] {
   width: 32px;
   height: 32px;
   border: 3px solid rgba(255, 255, 255, 0.2);
   border-top-color: var(--primary, #4f46e5);
   border-radius: 50%;
   animation: spin-f5037f1d 1s linear infinite;
}
@keyframes spin-f5037f1d {
to {
     transform: rotate(360deg);
}
}
.drawer-close[data-v-f5037f1d]:hover {
  background: var(--accent, #6366f1);
  color: white;
}
.drawer-title[data-v-f5037f1d] {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text, #fff);
  margin: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drawer-share[data-v-f5037f1d] {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border: none;
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
  color: var(--text, #fff);
  transition: background 0.2s;
  margin-right: auto;
}
.drawer-share[data-v-f5037f1d]:hover {
  background: var(--accent, #6366f1);
  color: white;
}

/* Banner Section */
.banner-section[data-v-f5037f1d] {
  position: relative;
}
.banner-wrapper[data-v-f5037f1d] {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--panel, #16213e);
  overflow: hidden;
}
.progressive-img[data-v-f5037f1d] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-image[data-v-f5037f1d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-placeholder[data-v-f5037f1d] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #666);
}
.logo-overlay[data-v-f5037f1d] {
  position: absolute;
  bottom: -32px;
  right: 20px;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid var(--bg, #1a1a2e);
  background: var(--panel, #16213e);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.company-logo[data-v-f5037f1d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Tabs */
.drawer-tabs[data-v-f5037f1d] {
  display: flex;
  justify-content: space-around;
  gap: 4px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  background: var(--panel, #16213e);
}
.tab-btn[data-v-f5037f1d] {
  border: none;
  background: transparent;
  color: var(--muted, #888);
  padding: 10px 16px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  max-width: 80px;
}
.tab-btn svg[data-v-f5037f1d] {
  width: 22px;
  height: 22px;
}
.tab-btn.active[data-v-f5037f1d] {
  background: rgba(99, 102, 241, 0.25);
  color: var(--accent, #6366f1);
}
.tab-btn[data-v-f5037f1d]:hover {
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  color: var(--text, #fff);
}

/* Content */
.drawer-content[data-v-f5037f1d] {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.tab-content[data-v-f5037f1d] {
  padding: 20px;
}
.info-section[data-v-f5037f1d] {
  padding-top: 24px;
}
.company-name[data-v-f5037f1d] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text, #fff);
  margin: 0 0 12px;
  line-height: 1.4;
}
.company-description[data-v-f5037f1d] {
  font-size: 0.95rem;
  color: var(--muted, #aaa);
  line-height: 1.7;
  margin: 0;
}
.status-section[data-v-f5037f1d] {
  margin-top: 16px;
}
.status-badge[data-v-f5037f1d] {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
.status-badge.pending[data-v-f5037f1d] {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}
.status-badge.active[data-v-f5037f1d] {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
}
.status-badge.expired[data-v-f5037f1d] {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
.status-badge.cancelled[data-v-f5037f1d] {
  background: rgba(107, 114, 128, 0.2);
  color: #6b7280;
}

/* Sections */
.section[data-v-f5037f1d] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border, rgba(128, 128, 128, 0.2));
}
.section-header[data-v-f5037f1d] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--text, #fff);
  font-weight: 600;
  font-size: 0.95rem;
}
.section-header svg[data-v-f5037f1d] {
  color: var(--accent, #6366f1);
}
.website-link[data-v-f5037f1d],
.contact-link[data-v-f5037f1d] {
  color: var(--accent, #6366f1);
  text-decoration: none;
  font-size: 0.9rem;
  display: block;
}
.website-link[data-v-f5037f1d]:hover,
.contact-link[data-v-f5037f1d]:hover {
  text-decoration: underline;
}

/* Links List */
.links-list[data-v-f5037f1d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.link-item[data-v-f5037f1d] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 10px;
  text-decoration: none;
  color: var(--text, #fff);
  transition: background 0.2s;
}
.link-item[data-v-f5037f1d]:hover {
  background: var(--accent, #6366f1);
  color: white;
}
.link-icon[data-v-f5037f1d] {
  font-size: 1.2rem;
}
.link-title[data-v-f5037f1d] {
  flex: 1;
  font-size: 0.9rem;
  text-transform: capitalize;
}

/* Products Grid */
.products-grid[data-v-f5037f1d] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-card.full-width[data-v-f5037f1d] {
  display: flex;
  flex-direction: column;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  margin-bottom: 8px;
}
.product-card.full-width .product-image[data-v-f5037f1d] {
  width: 100%;
  aspect-ratio: 16 / 9;
  flex-shrink: 0;
}
.product-card.full-width .product-info[data-v-f5037f1d] {
  flex: 1;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-image img[data-v-f5037f1d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-placeholder[data-v-f5037f1d] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted, #666);
}
.featured-badge[data-v-f5037f1d] {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--accent, #6366f1);
  color: white;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 600;
}
.product-info[data-v-f5037f1d] {
  padding: 12px;
}
.product-info h4[data-v-f5037f1d] {
  margin: 0 0 6px;
  font-size: 0.9rem;
  color: var(--text, #fff);
  line-height: 1.3;
}
.product-detail[data-v-f5037f1d] {
  margin: 0 0 8px;
  font-size: 0.8rem;
  color: var(--muted, #888);
  line-height: 1.4;
}
.product-price[data-v-f5037f1d] {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Product Modal Tabs */
.product-modal-tabs[data-v-f5037f1d] {
  display: flex;
  background: var(--panel, #16213e);
  padding: 8px;
  gap: 8px;
  border-bottom: 1px solid var(--border, rgba(128, 128, 128, 0.2));
}
.modal-tab-btn[data-v-f5037f1d] {
  flex: 1;
  border: none;
  background: transparent;
  color: var(--muted, #888);
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.2s;
}
.modal-tab-btn.active[data-v-f5037f1d] {
  background: rgba(99, 102, 241, 0.2);
  color: var(--accent, #6366f1);
}

/* Modal Content Adjustments */
.modal-gallery-grid[data-v-f5037f1d] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
.modal-gallery-grid .gallery-item[data-v-f5037f1d] {
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel, #16213e);
}
.modal-gallery-grid .gallery-item img[data-v-f5037f1d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-video-container[data-v-f5037f1d] {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 12px;
  overflow: hidden;
  background: black;
}
.h_iframe-aparat_embed_frame[data-v-f5037f1d] {
  position: relative;
}
.h_iframe-aparat_embed_frame iframe[data-v-f5037f1d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Contacts List */
.contacts-list[data-v-f5037f1d] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-item[data-v-f5037f1d] {
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
  background: var(--panel-2, rgba(128, 128, 128, 0.1));
  border-radius: 10px;
}
.contact-label[data-v-f5037f1d] {
  color: var(--muted, #888);
  font-size: 0.85rem;
}
.contact-value[data-v-f5037f1d] {
  color: var(--text, #fff);
  font-size: 0.9rem;
}

/* Request Tab Redesign */
.request-tab[data-v-f5037f1d] {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.request-header[data-v-f5037f1d] {
  padding: 24px 20px;
  text-align: center;
  background: linear-gradient(to bottom, var(--panel, #16213e), transparent);
}
.header-icon[data-v-f5037f1d] {
  width: 56px;
  height: 56px;
  background: rgba(99, 102, 241, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  color: var(--accent, #6366f1);
}
.request-header h3[data-v-f5037f1d] {
  margin: 0 0 8px;
  font-size: 1.25rem;
  color: var(--text, #fff);
}
.request-header p[data-v-f5037f1d] {
  margin: 0;
  font-size: 0.85rem;
  color: var(--muted, #888);
  line-height: 1.6;
}
.request-form[data-v-f5037f1d] {
  padding: 0 20px 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.input-group[data-v-f5037f1d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.input-group label[data-v-f5037f1d] {
  font-size: 0.85rem;
  color: var(--text, #fff);
  font-weight: 500;
}
.input-group label small[data-v-f5037f1d] {
  color: var(--muted, #666);
  font-weight: normal;
}
.input-wrapper[data-v-f5037f1d] {
  position: relative;
}
.input-wrapper input[data-v-f5037f1d],
.input-wrapper textarea[data-v-f5037f1d] {
  width: 100%;
  background: var(--panel-2, rgba(128, 128, 128, 0.08));
  border: 1px solid var(--border, rgba(128, 128, 128, 0.2));
  border-radius: 10px;
  padding: 12px 14px;
  color: var(--text, #fff);
  font-family: inherit;
  font-size: 0.9rem;
  transition: all 0.2s;
  outline: none;
}
.input-wrapper input[data-v-f5037f1d]:focus,
.input-wrapper textarea[data-v-f5037f1d]:focus {
  border-color: var(--accent, #6366f1);
  background: var(--panel-2, rgba(128, 128, 128, 0.12));
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.input-wrapper input[data-v-f5037f1d]::placeholder,
.input-wrapper textarea[data-v-f5037f1d]::placeholder {
  color: var(--muted, #555);
}
.submit-btn[data-v-f5037f1d] {
  margin-top: 8px;
  padding: 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: white;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.2s;
}
.submit-btn[data-v-f5037f1d]:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4);
}
.submit-btn[data-v-f5037f1d]:active:not(:disabled) {
  transform: translateY(0);
}
.submit-btn[data-v-f5037f1d]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  filter: grayscale(0.5);
}
.mini-spinner[data-v-f5037f1d] {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-f5037f1d 0.8s linear infinite;
}
.form-status[data-v-f5037f1d] {
  padding: 12px 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
  line-height: 1.4;
}
.form-status.success[data-v-f5037f1d] {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.2);
}
.form-status.error[data-v-f5037f1d] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Transitions */
.fade-enter-active[data-v-f5037f1d],
.fade-leave-active[data-v-f5037f1d] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.fade-enter-from[data-v-f5037f1d],
.fade-leave-to[data-v-f5037f1d] {
  opacity: 0;
  transform: translateY(-5px);
}
@keyframes spin-f5037f1d {
to { transform: rotate(360deg);
}
}

/* Product Modal */
.product-modal-overlay[data-v-f5037f1d] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.product-modal[data-v-f5037f1d] {
  background: var(--bg, #1a1a2e);
  border-radius: 16px;
  max-width: 400px;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  direction: rtl;
}
.modal-close[data-v-f5037f1d] {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 8px;
  padding: 8px;
  cursor: pointer;
  color: white;
  z-index: 1;
}
.modal-image[data-v-f5037f1d] {
  width: 100%;
  aspect-ratio: 1;
  background: var(--panel, #16213e);
}
.modal-image img[data-v-f5037f1d] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-content[data-v-f5037f1d] {
  padding: 20px;
}
.modal-content h3[data-v-f5037f1d] {
  margin: 0 0 12px;
  font-size: 1.2rem;
  color: var(--text, #fff);
}
.modal-detail[data-v-f5037f1d] {
  margin: 0 0 16px;
  font-size: 0.95rem;
  color: var(--muted, #aaa);
  line-height: 1.6;
}
.modal-price[data-v-f5037f1d] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.modal-price .original-price[data-v-f5037f1d] {
  font-size: 0.9rem;
}
.modal-price .current-price[data-v-f5037f1d] {
  font-size: 1.1rem;
}
.cta-button[data-v-f5037f1d] {
  display: block;
  width: 100%;
  padding: 14px;
  background: var(--accent, #6366f1);
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 600;
  transition: background 0.2s;
}
.cta-button[data-v-f5037f1d]:hover {
  background: #4f46e5;
}

/* Transitions */
.drawer-enter-active[data-v-f5037f1d],
.drawer-leave-active[data-v-f5037f1d] {
  transition: opacity 0.3s ease;
}
.drawer-enter-active .company-drawer[data-v-f5037f1d],
.drawer-leave-active .company-drawer[data-v-f5037f1d] {
  transition: transform 0.3s ease;
}
.drawer-enter-from[data-v-f5037f1d],
.drawer-leave-to[data-v-f5037f1d] {
  opacity: 0;
}
.drawer-enter-from .company-drawer[data-v-f5037f1d] {
  transform: translateX(100%);
}
.drawer-leave-to .company-drawer[data-v-f5037f1d] {
  transform: translateX(100%);
}
.modal-enter-active[data-v-f5037f1d],
.modal-leave-active[data-v-f5037f1d] {
  transition: opacity 0.2s ease;
}
.modal-enter-active .product-modal[data-v-f5037f1d],
.modal-leave-active .product-modal[data-v-f5037f1d] {
  transition: transform 0.2s ease;
}
.modal-enter-from[data-v-f5037f1d],
.modal-leave-to[data-v-f5037f1d] {
  opacity: 0;
}
.modal-enter-from .product-modal[data-v-f5037f1d] {
  transform: scale(0.9);
}
.modal-leave-to .product-modal[data-v-f5037f1d] {
  transform: scale(0.9);
}

/* Mobile adjustments */
@media (max-width: 480px) {
.company-drawer[data-v-f5037f1d] {
    max-width: 100%;
}
.drawer-header[data-v-f5037f1d] {
    padding: 12px 16px;
}
.drawer-title[data-v-f5037f1d] {
    font-size: 1rem;
}
.banner-wrapper[data-v-f5037f1d] {
    aspect-ratio: 2 / 1;
}
.logo-overlay[data-v-f5037f1d] {
    width: 64px;
    height: 64px;
    bottom: -24px;
    right: 16px;
}
.tab-btn[data-v-f5037f1d] {
    padding: 8px 12px;
}
.tab-btn svg[data-v-f5037f1d] {
    width: 20px;
    height: 20px;
}
.products-grid[data-v-f5037f1d] {
    grid-template-columns: 1fr;
}
}

.menu-modal-overlay[data-v-fcb02ab6] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(6px);
  z-index: 9999;
  display: flex;
  align-items: stretch;
  justify-content: center;
  animation: overlayIn-fcb02ab6 .2s ease;
}
@keyframes overlayIn-fcb02ab6 {
from { opacity: 0;
}
to { opacity: 1;
}
}
.menu-modal[data-v-fcb02ab6] {
  background: #fff;
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  animation: modalIn-fcb02ab6 .28s cubic-bezier(.22,1,.36,1);
  overflow: hidden;
}
@media (min-width: 768px) {
.menu-modal-overlay[data-v-fcb02ab6] { align-items: center; padding: 20px;
}
.menu-modal[data-v-fcb02ab6] { border-radius: 16px; max-height: 90dvh;
}
}
@keyframes modalIn-fcb02ab6 {
from { transform: translateY(20px); opacity: 0;
}
to { transform: translateY(0); opacity: 1;
}
}
.menu-modal-header[data-v-fcb02ab6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  flex-shrink: 0;
  direction: rtl;
}
.menu-modal-title[data-v-fcb02ab6] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
}
.menu-modal-close[data-v-fcb02ab6] {
  width: 32px; height: 32px;
  background: #f5f5f5;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #666;
  transition: all .15s;
}
.menu-modal-close[data-v-fcb02ab6]:hover { background: #fee; color: #dc2626;
}
.menu-modal-body[data-v-fcb02ab6] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.menu-modal-loading[data-v-fcb02ab6],
.menu-modal-error[data-v-fcb02ab6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  color: #999;
  font-size: 13px;
}
.menu-modal-spinner[data-v-fcb02ab6] {
  width: 32px; height: 32px;
  border: 3px solid #f0f0f0;
  border-top-color: #e8402a;
  border-radius: 50%;
  animation: spin-fcb02ab6 .8s linear infinite;
}
@keyframes spin-fcb02ab6 {
to { transform: rotate(360deg);
}
}
.menu-modal-list[data-v-fcb02ab6] {
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 8px;
  direction: rtl;
}
.menu-modal-item[data-v-fcb02ab6] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: #f9f9f9;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  transition: background .15s;
}
.menu-modal-item[data-v-fcb02ab6]:hover { background: #f0f0f0;
}
.menu-modal-renderer[data-v-fcb02ab6] {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.menu-modal-renderer[data-v-fcb02ab6] > * { flex: 1;
}

.stacked-layer-slider[data-v-5f87c9a0] {
  position: fixed;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: 200;
  pointer-events: auto;
}
.slider-track[data-v-5f87c9a0] {
  position: relative;
  width: 200px;
  height: 500px;
}
.slider-line[data-v-5f87c9a0] {
  position: absolute;
  right: 8px;
  top: 20px;
  bottom: 20px;
  width: 4px;
  background: linear-gradient(
    180deg,
    rgba(102, 126, 234, 0.3) 0%,
    rgba(118, 75, 162, 0.8) 50%,
    rgba(102, 126, 234, 0.3) 100%
  );
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);
  animation: shimmer-5f87c9a0 2s ease-in-out infinite;
}
@keyframes shimmer-5f87c9a0 {
0%, 100% {
    box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);
}
50% {
    box-shadow: 0 0 20px rgba(118, 75, 162, 0.8), 0 0 30px rgba(102, 126, 234, 0.4);
}
}
.slider-top-cap[data-v-5f87c9a0],
.slider-bottom-cap[data-v-5f87c9a0] {
  position: absolute;
  right: 4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.slider-top-cap[data-v-5f87c9a0] {
  top: 10px;
  border-bottom: 10px solid rgba(102, 126, 234, 0.8);
}
.slider-bottom-cap[data-v-5f87c9a0] {
  bottom: 10px;
  border-top: 10px solid rgba(102, 126, 234, 0.8);
}
.slider-dot[data-v-5f87c9a0] {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.dot-circle[data-v-5f87c9a0] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(102, 126, 234, 0.6);
  transition: all 0.3s ease;
  box-shadow: 0 0 8px rgba(102, 126, 234, 0.3);
}
.slider-dot:hover .dot-circle[data-v-5f87c9a0] {
  background: rgba(102, 126, 234, 0.4);
  border-color: rgba(102, 126, 234, 1);
  box-shadow: 0 0 15px rgba(102, 126, 234, 0.6);
  transform: scale(1.2);
}
.slider-dot.active .dot-circle[data-v-5f87c9a0] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #fff;
  box-shadow: 0 0 20px rgba(102, 126, 234, 0.8), 0 0 30px rgba(118, 75, 162, 0.5);
  transform: scale(1.3);
}
.dot-label[data-v-5f87c9a0] {
  position: relative;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0.8;
  transition: all 0.3s ease;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
  padding: 4px 10px;
  border-radius: 999px;
  background: radial-gradient(circle at top left,
    rgba(26, 35, 126, 0.85),
    rgba(21, 24, 40, 0.9)
  );
  border: 1px solid rgba(102, 126, 234, 0.65);
  box-shadow:
    0 0 8px rgba(15, 23, 42, 0.9),
    0 0 12px rgba(102, 126, 234, 0.5);
  backdrop-filter: blur(8px);
}
.slider-dot:hover .dot-label[data-v-5f87c9a0] {
  opacity: 1;
  transform: translateX(4px);
  box-shadow:
    0 0 10px rgba(15, 23, 42, 0.95),
    0 0 18px rgba(102, 126, 234, 0.8);
}
.slider-dot.active .dot-label[data-v-5f87c9a0] {
  opacity: 1;
  color: #e5e9ff;
  font-size: 1rem;
  text-shadow: 0 0 10px rgba(102, 126, 234, 0.7);
  background: linear-gradient(135deg,
    rgba(102, 126, 234, 0.95),
    rgba(118, 75, 162, 0.95)
  );
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 0 14px rgba(102, 126, 234, 0.95),
    0 0 26px rgba(118, 75, 162, 0.85);
}
@media (max-width: 768px) {
.stacked-layer-slider[data-v-5f87c9a0] {
    right: 10px;
}
.slider-track[data-v-5f87c9a0] {
    width: 150px;
    height: 300px;
}
.dot-label[data-v-5f87c9a0] {
    font-size: 0.8rem;
    padding: 3px 9px;
}
.slider-dot.active .dot-label[data-v-5f87c9a0] {
    font-size: 0.9rem;
}
}
:root[data-theme="light"] .dot-label[data-v-5f87c9a0] {
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

.map-viewer[data-v-a56d0259] {
  width: 100%;
  height: 100%;
  position: relative;
  background: var(--bg);
  transition: background 0.3s ease;
}
:root[data-theme="dark"] .map-viewer[data-v-a56d0259] {
  background: repeating-conic-gradient(#1b2245 0 15deg, #161e3c 0 30deg);
  background-size: 20px 20px;
}
:root[data-theme="light"] .map-viewer[data-v-a56d0259] {
  background: repeating-conic-gradient(#e8ecf5 0 15deg, #f0f3f8 0 30deg);
  background-size: 20px 20px;
}
.svg-container[data-v-a56d0259] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.three-canvas[data-v-a56d0259] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.three-canvas[data-v-a56d0259] {
  z-index: 10;
}
.hover-tooltip[data-v-a56d0259] {
  position: absolute;
  z-index: 30;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
}
.hover-tooltip.enter[data-v-a56d0259] {
  animation: cloud-in-a56d0259 140ms ease-out forwards;
}
.hover-tooltip.leave[data-v-a56d0259] {
  animation: cloud-out-a56d0259 140ms ease-in forwards;
}
.hover-tooltip.show[data-v-a56d0259] {
  opacity: 1;
  animation: float-a56d0259 3s ease-in-out infinite;
}
.hover-tooltip-card[data-v-a56d0259] {
  background: var(--tooltip-bg);
  border: 1px solid var(--tooltip-border);
  color: var(--text);
  padding: 0.5rem 0.85rem;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: var(--tooltip-shadow);
  transition: background 0.3s, border 0.3s, box-shadow 0.3s;
}
.hover-tooltip-arrow[data-v-a56d0259] {
  width: 0;
  height: 0;
  margin: 6px auto 0 auto;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid var(--tooltip-bg);
  transition: border-top-color 0.3s;
}
@keyframes cloud-in-a56d0259 {
0% {
    transform: translateX(-50%) translateY(6px) scale(0.96);
    opacity: 0;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}
60% {
    transform: translateX(-50%) translateY(-2px) scale(1.02);
    opacity: 1;
}
100% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.35));
}
}
@keyframes cloud-out-a56d0259 {
0% {
    transform: translateX(-50%) translateY(0) scale(1);
    opacity: 1;
    filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.35));
}
100% {
    transform: translateX(-50%) translateY(4px) scale(0.96);
    opacity: 0;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}
}
@keyframes float-a56d0259 {
0%,
  100% {
    transform: translateX(-50%) translateY(0px);
}
50% {
    transform: translateX(-50%) translateY(-8px);
}
}
.location-popup[data-v-a56d0259] {
  position: absolute;
  top: var(--v700711b4);
  left: var(--v76ae924a);
  background: var(--popup-bg);
  border: 1px solid var(--popup-border);
  border-radius: 14px;
  padding: 1rem 1.25rem 1.25rem 1.25rem;
  min-width: 300px;
  min-height: 160px;
  max-width: 320px;
  box-shadow: var(--popup-shadow);
  animation: popup-appear-a56d0259 200ms ease-out forwards,float-a56d0259 3s 0.2s ease-in-out infinite;
  z-index: 35;
  transition: background 0.3s, border 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@keyframes popup-appear-a56d0259 {
0% {
    transform: translateY(10px) scale(0.95);
    opacity: 0;
}
100% {
    transform: translateY(0) scale(1);
    opacity: 1;
}
}
.popup-close[data-v-a56d0259] {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  appearance: none;
  background: var(--popup-close-bg);
  border: none;
  color: var(--popup-close-color);
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 6px;
  height: 34px;
  width: 34px;
  transition: all 0.2s;
}
.popup-close[data-v-a56d0259]:hover {
  background: var(--popup-close-hover-bg);
  color: var(--popup-close-hover-color);
}
.popup-favorite[data-v-a56d0259] {
  position: absolute;
  top: 0.6rem;
  height: 32px;
  width: 32px;
  left: 2.9rem;
  appearance: none;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--muted);
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 6px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-favorite[data-v-a56d0259]:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--accent);
  border-color: var(--accent);
  transform: scale(1.05);
}
.popup-favorite.is-favorite[data-v-a56d0259] {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}
.popup-favorite.is-favorite[data-v-a56d0259]:hover {
  background: var(--accent);
  opacity: 0.9;
  transform: scale(1.05);
}
.location-popup h3[data-v-a56d0259] {
  margin: 0 0 0.5rem 4.1rem;
  font-size: 1.25rem;
  color: var(--text);
  white-space: pre;
  overflow: hidden;
}
.popup-about[data-v-a56d0259] {
  margin: 0 0 0.75rem 0;
  color: var(--muted);
  font-size: 0.95rem;
}
.popup-desc[data-v-a56d0259] {
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.6;
}
.popup-desc[data-v-a56d0259] a {
  color: var(--primary);
  text-decoration: none;
  margin-right: 10px;
}
.popup-desc[data-v-a56d0259] a:hover {
  text-decoration: underline;
}
.popup-layer-link[data-v-a56d0259] {
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
  width: 100%;
  text-align: center;
}
.popup-layer-link[data-v-a56d0259]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5);
  background: linear-gradient(135deg, #5a7ce8, #9b6dd6);
}
.popup-layer-link[data-v-a56d0259]:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(102, 126, 234, 0.4);
}
.popup-business-btn[data-v-a56d0259] {
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #10b981, #059669);
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
}
.popup-business-btn[data-v-a56d0259]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.5);
  background: linear-gradient(135deg, #059669, #047857);
}
.popup-business-btn[data-v-a56d0259]:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(16, 185, 129, 0.4);
}
.popup-menu-btn[data-v-a56d0259] {
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  border-radius: 8px;
  color: #000;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
}
.popup-menu-btn[data-v-a56d0259]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.5);
  background: linear-gradient(135deg, #d97706, #b45309);
  color: #fff;
}
.popup-menu-btn[data-v-a56d0259]:active {
  transform: translateY(0);
}
.popup-company-btn[data-v-a56d0259] {
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.4);
  min-height: 40px;
}
.popup-company-btn[data-v-a56d0259]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.5);
  background: linear-gradient(135deg, #4f46e5, #4338ca);
}
.popup-company-btn[data-v-a56d0259]:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(99, 102, 241, 0.4);
}
.popup-desc[data-v-a56d0259] p {
  margin: 0.5rem 0;
}
.hover-category-icons[data-v-a56d0259] {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  z-index: 25;
  pointer-events: none;
  transform: translateX(-50%);
}
.hover-category-icons.hidden[data-v-a56d0259] {
  opacity: 0;
  transform: translateX(-50%) translateY(6px) scale(0.96);
}
.hover-category-icons.enter[data-v-a56d0259] {
  animation: icon-cloud-in-a56d0259 140ms ease-out forwards;
}
.hover-category-icons.show[data-v-a56d0259] {
  opacity: 1;
  transform: translateX(-50%) translateY(0) scale(1);
  animation: icon-float-a56d0259 3s 0.2s ease-in-out infinite;
}
.hover-category-icons.leave[data-v-a56d0259] {
  animation: icon-cloud-out-a56d0259 140ms ease-out forwards;
}
@keyframes icon-cloud-in-a56d0259 {
0% {
    opacity: 0;
    transform: translateX(-50%) translateY(6px) scale(0.96);
}
60% {
    opacity: 1;
    transform: translateX(-50%) translateY(-2px) scale(1.02);
}
100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}
}
@keyframes icon-cloud-out-a56d0259 {
0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}
100% {
    opacity: 0;
    transform: translateX(-50%) translateY(4px) scale(0.96);
}
}
@keyframes icon-float-a56d0259 {
0%,
  100% {
    transform: translateX(-50%) translateY(0px);
}
50% {
    transform: translateX(-50%) translateY(-6px);
}
}
.hover-category-icon[data-v-a56d0259] {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
@media (max-width: 768px) {
.hover-category-icon[data-v-a56d0259] {
    width: 20px;
    height: 20px;
}
}
.layer-selector[data-v-a56d0259] {
  position: absolute;
  left: 14px;
  top: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 35;
}
.layer-item[data-v-a56d0259] {
  background: var(--panel);
  border: 1px solid rgba(128, 128, 128, 0.25);
  border-radius: 10px;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  min-width: 140px;
  backdrop-filter: blur(8px);
}

/* Location Notification */
.location-notification[data-v-a56d0259] {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  max-width: 400px;
  width: 90%;
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  font-family: 'Vazirmatn', sans-serif;
  direction: rtl;
}
.location-notification.error[data-v-a56d0259] {
  background: rgba(244, 67, 54, 0.95);
  border: 1px solid rgba(244, 67, 54, 0.3);
  color: white;
}
.location-notification.warning[data-v-a56d0259] {
  background: rgba(255, 152, 0, 0.95);
  border: 1px solid rgba(255, 152, 0, 0.3);
  color: white;
}
.location-notification.info[data-v-a56d0259] {
  background: rgba(33, 150, 243, 0.95);
  border: 1px solid rgba(33, 150, 243, 0.3);
  color: white;
}

/* Dark mode adjustments */
[data-theme="dark"] .location-notification.error[data-v-a56d0259] {
  background: rgba(211, 47, 47, 0.95);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .location-notification.warning[data-v-a56d0259] {
  background: rgba(245, 124, 0, 0.95);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .location-notification.info[data-v-a56d0259] {
  background: rgba(25, 118, 210, 0.95);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* Light mode adjustments */
[data-theme="light"] .location-notification.error[data-v-a56d0259] {
  background: rgba(244, 67, 54, 0.98);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
[data-theme="light"] .location-notification.warning[data-v-a56d0259] {
  background: rgba(255, 152, 0, 0.98);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
[data-theme="light"] .location-notification.info[data-v-a56d0259] {
  background: rgba(33, 150, 243, 0.98);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.notification-content[data-v-a56d0259] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.notification-icon[data-v-a56d0259] {
  flex-shrink: 0;
}
.notification-message[data-v-a56d0259] {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

/* Slide down animation */
.slide-down-enter-active[data-v-a56d0259],
.slide-down-leave-active[data-v-a56d0259] {
  transition: all 0.3s ease;
}
.slide-down-enter-from[data-v-a56d0259] {
  opacity: 0;
  transform: translateX(-50%) translateY(-20px);
}
.slide-down-leave-to[data-v-a56d0259] {
  opacity: 0;
  transform: translateX(-50%) translateY(-10px);
}
@media (max-width: 768px) {
.location-notification[data-v-a56d0259] {
    top: 70px;
    max-width: calc(100% - 32px);
    padding: 14px 16px;
}
.notification-message[data-v-a56d0259] {
    font-size: 13px;
}
}
@media (max-width: 768px) {
  /* Hide legacy top-left layer selector on mobile; use Layers popup instead */
.layer-selector[data-v-a56d0259] {
    display: none;
}
.force-layer .layer-selector[data-v-a56d0259] {
    display: block !important;
}
.layer-item[data-v-a56d0259] {
    padding: 8px 12px;
    min-width: 100px;
    border-radius: 8px;
}
.layer-name[data-v-a56d0259] {
    font-size: 0.8rem;
}
}
.layer-item[data-v-a56d0259]:hover {
  background: var(--panel-2);
  border-color: var(--accent);
  transform: translateX(4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}
.layer-item.active[data-v-a56d0259] {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 0 20px var(--accent), 0 4px 12px rgba(0, 0, 0, 0.3);
}
.layer-name[data-v-a56d0259] {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text);
  text-align: center;
  white-space: nowrap;
}
.layer-item.active .layer-name[data-v-a56d0259] {
  color: #ffffff;
}
.map-watermark[data-v-a56d0259] {
  position: absolute;
  bottom: 66px;
  right: 14px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.75rem;
  z-index: 120;
  pointer-events: none;
}
.map-watermark span[data-v-a56d0259] {
  font-size: 0.75rem;
  color: var(--muted);
  opacity: 0.6;
  text-align: right;
}
@media (max-width: 768px) {
.map-watermark[data-v-a56d0259] {
    bottom: 67px;
}
}
:root[data-theme="light"] .layer-item[data-v-a56d0259] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
:root[data-theme="light"] .layer-item[data-v-a56d0259]:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
:root[data-theme="light"] .layer-item.active[data-v-a56d0259] {
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.map-controls-root[data-v-14593bcb] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 115;
}
.map-controls-root[data-v-14593bcb] > * {
  pointer-events: auto;
}
.voice-hint[data-v-14593bcb] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80vw;
  padding: 10px 20px;
  border-radius: 999px;
  background: var(--panel);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  text-align: center;
  color: var(--text);
  font-size: 0.95rem;
  font-weight: 500;
  pointer-events: none;
  z-index: 119;
  backdrop-filter: blur(10px);
}
.top-left-toolbar[data-v-14593bcb] {
  position: absolute;
  left: 14px;
  top: 14px;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  padding: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 116;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
}
.bottom-toolbar[data-v-14593bcb] {
  position: absolute;
  left: 14px;
  bottom: 66px;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  --tb-btn-size: 36px;
  z-index: 116;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
}
.tb-btn[data-v-14593bcb] {
  appearance: none;
  background: rgba(255,255,255,0.06);
  color: var(--text);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
  transition: all 0.15s ease;
  min-width: 36px;
  font-size: 0.95rem;
}
.tb-btn[data-v-14593bcb]:hover { background: rgba(255,255,255,0.15);
}
.tb-btn.active[data-v-14593bcb] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}
.tb-sep[data-v-14593bcb] { width: 1px; height: 22px; background: rgba(255,255,255,0.12); margin: 0 4px;
}
.mic-btn[data-v-14593bcb] {
  font-size: 1.1rem;
}
@media (max-width: 768px) {
.bottom-toolbar[data-v-14593bcb] {
    padding: 6px;
    gap: 4px;
    border-radius: 8px;
    bottom: 22px;
    --tb-btn-size: 32px;
}
.tb-btn[data-v-14593bcb] {
    padding: 5px 8px;
    min-width: 32px;
    font-size: 0.85rem;
    border-radius: 6px;
}
.tb-sep[data-v-14593bcb] {
    height: 18px;
    margin: 0 2px;
}
.height-controls[data-v-14593bcb] {
    display: none;
}
.top-left-toolbar[data-v-14593bcb] {
    left: 10px;
    top: 10px;
    padding: 4px;
    border-radius: 8px;
}
}
:root[data-theme="light"] .bottom-toolbar[data-v-14593bcb] {
  border-color: rgba(0,0,0,0.12);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
:root[data-theme="light"] .tb-btn[data-v-14593bcb] {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.12);
}
:root[data-theme="light"] .tb-btn[data-v-14593bcb]:hover {
  background: rgba(0,0,0,0.08);
}
:root[data-theme="light"] .tb-sep[data-v-14593bcb] {
  background: rgba(0,0,0,0.12);
}
.directory-popup[data-v-14593bcb] {
  position: absolute;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  width: 420px;
  max-width: 90vw;
  max-height: 60vh;
  background: var(--panel);
  border: 1px solid var(--accent);
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0,0,0,0.3);
  z-index: 120;
  display: flex;
  flex-direction: column;
  animation: cloud-in-14593bcb 150ms ease-out;
  backdrop-filter: blur(10px);
}
:root[data-theme="light"] .directory-popup[data-v-14593bcb] {
  box-shadow: 0 12px 36px rgba(0,0,0,0.15);
}
.dir-header[data-v-14593bcb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(128,128,128,0.2);
}
.dir-header h3[data-v-14593bcb] {
  margin: 0;
  font-size: 1.1rem;
  color: var(--text);
}
.dir-close[data-v-14593bcb] {
  appearance: none;
  background: rgba(128,128,128,0.1);
  border: none;
  color: var(--text);
  cursor: pointer;
  padding: 0.4rem 0.6rem;
  border-radius: 6px;
  transition: all 0.2s;
}
.dir-close[data-v-14593bcb]:hover { background: rgba(128,128,128,0.2);
}
.dir-search[data-v-14593bcb] {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid rgba(128,128,128,0.2);
}
.search-input[data-v-14593bcb] {
  width: 100%;
  padding: 0.6rem 0.8rem;
  background: rgba(128,128,128,0.08);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 8px;
  color: var(--text);
  font-size: 0.95rem;
}
.search-input[data-v-14593bcb]::placeholder { color: var(--muted);
}
.search-input[data-v-14593bcb]:focus {
  outline: none;
  border-color: var(--accent);
}
.dir-filters[data-v-14593bcb] {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid rgba(128,128,128,0.2);
}
.filter-group[data-v-14593bcb] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}
.filter-group label[data-v-14593bcb] {
  font-size: 0.85rem;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.filter-checkbox[data-v-14593bcb] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--accent);
}
.filter-select[data-v-14593bcb] {
  width: 100%;
  max-width: 100%;
  padding: 0.5rem;
  background: rgba(128,128,128,0.08);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 6px;
  color: var(--text);
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-select[data-v-14593bcb]:focus {
  outline: none;
  border-color: var(--accent);
}
.filter-select option[data-v-14593bcb] {
  background: var(--panel);
  color: var(--text);
}
.dir-list[data-v-14593bcb] {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}
.dir-item[data-v-14593bcb] {
  padding: 0.75rem 1rem;
  margin: 0.25rem 0;
  background: rgba(128,128,128,0.06);
  border: 1px solid rgba(128,128,128,0.15);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.dir-item[data-v-14593bcb]:hover {
  background: rgba(128,128,128,0.12);
  border-color: var(--accent);
}
.dir-item-title[data-v-14593bcb] {
  font-weight: 600;
  color: var(--text);
  margin-bottom: 0.3rem;
}
.dir-item-id[data-v-14593bcb] {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--muted);
  margin-right: 0.5rem;
}
.dir-item-meta[data-v-14593bcb] {
  display: flex;
  gap: 0.75rem;
  font-size: 0.85rem;
}
.dir-layer[data-v-14593bcb] {
  color: var(--accent);
}
.dir-category[data-v-14593bcb] {
  color: var(--muted);
}
.dir-empty[data-v-14593bcb] {
  text-align: center;
  padding: 2rem;
  color: var(--muted);
}
.featured-locations-popup[data-v-14593bcb] {
  position: absolute;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  width: 90dvw;
  max-width: 600px;
  background: var(--panel);
  border: 1px solid var(--accent);
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.3);
  z-index: 120;
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(10px);
  animation: cloud-in-14593bcb 150ms ease-out;
}
.featured-list[data-v-14593bcb] {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  scrollbar-width: thin;
}
.featured-item[data-v-14593bcb] {
  flex: 0 0 calc(50% - 0.5rem);
  cursor: pointer;
  transition: transform 0.2s;
}
.featured-item[data-v-14593bcb]:hover {
  transform: translateY(-4px);
}
.featured-banner[data-v-14593bcb] {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(128, 128, 128, 0.1);
}
.featured-banner img[data-v-14593bcb] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.featured-title-overlay[data-v-14593bcb] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 12px;
  background: linear-gradient(transparent, rgba(0,0,0,0.8));
  color: white;
  font-size: 0.9rem;
  font-weight: 500;
  text-align: right;
}
@keyframes cloud-in-14593bcb {
0% { transform: translateX(-50%) translateY(6px) scale(0.96); opacity: 0;
}
60% { transform: translateX(-50%) translateY(-2px) scale(1.02); opacity: 1;
}
100% { transform: translateX(-50%) translateY(0) scale(1); opacity: 1;
}
}
.theme-selector-wrapper[data-v-14593bcb] {
  position: static;
}
.theme-selector-popup[data-v-14593bcb] {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 5%;
  right: 5%;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  padding: 8px;
  width: auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
  z-index: 130;
  animation: theme-popup-in-14593bcb 150ms ease-out;
}
:root[data-theme="light"] .theme-selector-popup[data-v-14593bcb] {
  border-color: rgba(0,0,0,0.12);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.theme-option[data-v-14593bcb] {
  appearance: none;
  background: rgba(128,128,128,0.08);
  border: 2px solid transparent;
  border-radius: 10px;
      min-height: 130px;
  padding: 0;
  cursor: pointer;
  display: block;
  position: relative;
  color: var(--text);
  font-size: 0.8rem;
  transition: all 0.2s;
  flex: 1;
  min-width: 0;
  height: calc(var(--tb-btn-size) * 0.9);
  overflow: hidden;
}
.theme-option[data-v-14593bcb]:hover {
  background: rgba(128,128,128,0.15);
}
.theme-option.active[data-v-14593bcb] {
  border-color: var(--accent);
  background: rgba(102, 126, 234, 0.15);
}
.theme-preview[data-v-14593bcb] {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid rgba(128,128,128,0.3);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.theme-option > span[data-v-14593bcb]:last-child {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  font-size: 0.72rem;
  line-height: 1.1;
  padding: 3px 6px;
  border-radius: 8px;
  background: rgba(0,0,0,0.45);
  color: #fff;
  text-align: center;
  pointer-events: none;
  backdrop-filter: blur(6px);
}
.theme-preview.modern[data-v-14593bcb] {
  background: linear-gradient(135deg, #64ffda 0%, #667eea 50%, #764ba2 100%);
}
.theme-preview.light[data-v-14593bcb] {
  background: linear-gradient(135deg, #f7fafc 0%, #e2e8f0 50%, #cbd5e0 100%);
}
.theme-preview.dark[data-v-14593bcb] {
  background: linear-gradient(135deg, #1a202c 0%, #2d3748 50%, #4a5568 100%);
}
@keyframes theme-popup-in-14593bcb {
0% { transform: translateY(6px) scale(0.95); opacity: 0;
}
100% { transform: translateY(0) scale(1); opacity: 1;
}
}
@media (max-width: 768px) {
.theme-selector-popup[data-v-14593bcb] {
    padding: 6px;
    gap: 6px;
}
.theme-option[data-v-14593bcb] {
    padding: 0;
    font-size: 0.75rem;
}
.theme-option > span[data-v-14593bcb]:last-child {
    left: 5px;
    right: 5px;
    bottom: 5px;
    font-size: 0.68rem;
    padding: 2px 5px;
}
}

/* ── Desktop / Mobile visibility ─────────────────────────────────────────── */
.desktop-only[data-v-14593bcb] { display: contents;
}
.mobile-only[data-v-14593bcb]  { display: none;
}
@media (max-width: 768px) {
.desktop-only[data-v-14593bcb] { display: none !important;
}
.mobile-only[data-v-14593bcb]  { display: contents;
}
}

/* ── Mobile corner FABs (top-left) ───────────────────────────────────────── */
.mob-corner-tl[data-v-14593bcb] {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 116;
}
.mob-cfab[data-v-14593bcb] {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
  transition: all 0.16s ease;
}
.mob-cfab[data-v-14593bcb]:active { transform: scale(0.86);
}
.mob-cfab.active[data-v-14593bcb] {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(102,126,234,0.15);
}

/* ── Mobile bottom bar ───────────────────────────────────────────────────── */
.mob-bar[data-v-14593bcb] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 4px;
  background: var(--panel);
  border-top: 1px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(12px);
  z-index: 116;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
  border-radius: 0;
}
.mob-bdiv[data-v-14593bcb] { width: 1px; height: 22px; background: rgba(255,255,255,0.1); flex-shrink: 0;
}
.mob-bb[data-v-14593bcb] {
  flex: 1;
  height: 50px;
  background: transparent;
  border: none;
  color: var(--muted, rgba(255,255,255,0.45));
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  transition: all 0.15s ease;
}
.mob-bb[data-v-14593bcb]:active { transform: scale(0.88);
}
.mob-bb.active[data-v-14593bcb] { color: var(--accent); background: transparent;
}
.mob-bb-cam.active[data-v-14593bcb] { color: var(--accent); background: transparent;
}

/* ── Mobile panels (above bottom bar) ───────────────────────────────────── */
.mob-panel[data-v-14593bcb] {
  position: absolute;
  bottom: 58px;
  left: 0;
  right: 0;
  z-index: 115;
}
.mob-panel-inner[data-v-14593bcb] {
  background: var(--panel);
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 14px;
  backdrop-filter: blur(12px);
}
.mob-ptitle[data-v-14593bcb] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--muted, rgba(255,255,255,0.45));
  margin-bottom: 10px;
}

/* ── Mobile search panel ─────────────────────────────────────────────────── */
.mob-search-wrap[data-v-14593bcb] {
  position: absolute;
  bottom: 58px;
  left: 0;
  right: 0;
  z-index: 115;
  display: flex;
  flex-direction: column;
  background: var(--panel);
  border-top: 1px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(12px);
}
.mob-s-top[data-v-14593bcb] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.mob-s-input[data-v-14593bcb] {
  flex: 1;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  padding: 9px 12px;
  color: var(--text);
  font-size: 14px;
  font-family: inherit;
  outline: none;
  direction: rtl;
}
.mob-s-input[data-v-14593bcb]::placeholder { color: var(--muted, rgba(255,255,255,0.4));
}
.mob-s-input[data-v-14593bcb]:focus { border-color: var(--accent);
}
.mob-s-btn[data-v-14593bcb] {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.05);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}
.mob-s-btn[data-v-14593bcb]:active { transform: scale(0.88);
}
.mob-s-btn.mic.on[data-v-14593bcb] { background: rgba(255,92,92,0.15); color: #ff5c5c; border-color: rgba(255,92,92,0.4);
}
.mob-s-filters[data-v-14593bcb] {
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.mob-s-sel[data-v-14593bcb] {
  flex: 1;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 7px;
  padding: 7px 10px;
  color: var(--text);
  font-size: 12px;
  font-family: inherit;
  outline: none;
  direction: rtl;
}
.mob-s-sel option[data-v-14593bcb] { background: var(--panel);
}
.mob-s-results[data-v-14593bcb] { max-height: 40dvh; overflow-y: auto; scrollbar-width: none;
}
.mob-s-results[data-v-14593bcb]::-webkit-scrollbar { display: none;
}
.mob-ri[data-v-14593bcb] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  cursor: pointer;
  direction: rtl;
  transition: background 0.1s;
}
.mob-ri[data-v-14593bcb]:active { background: rgba(255,255,255,0.06);
}
.mob-ri-info[data-v-14593bcb] { flex: 1; min-width: 0;
}
.mob-ri-name[data-v-14593bcb] { font-size: 13px; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mob-ri-sub[data-v-14593bcb]  { font-size: 10px; color: var(--muted, rgba(255,255,255,0.4)); margin-top: 2px;
}
.mob-empty[data-v-14593bcb]   { text-align: center; padding: 1.5rem; color: var(--muted, rgba(255,255,255,0.4)); font-size: 0.9rem;
}

/* ── Mobile layers panel ─────────────────────────────────────────────────── */
.mob-lp-scroll[data-v-14593bcb] { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 2px;
}
.mob-lp-scroll[data-v-14593bcb]::-webkit-scrollbar { display: none;
}
.mob-lp-chip[data-v-14593bcb] {
  flex-shrink: 0;
  padding: 7px 14px;
  border-radius: 99px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  transition: all 0.14s ease;
  white-space: nowrap;
}
.mob-lp-chip.active[data-v-14593bcb] { background: rgba(102,126,234,0.15); border-color: var(--accent); color: var(--accent);
}
.mob-lp-chip[data-v-14593bcb]:active { transform: scale(0.92);
}

/* ── Mobile theme panel ──────────────────────────────────────────────────── */
.mob-tp-grid[data-v-14593bcb] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
}
.mob-tp-card[data-v-14593bcb] {
  border-radius: 10px;
  border: 2px solid transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.15s ease;
  aspect-ratio: 1.6;
  position: relative;
}
.mob-tp-card.active[data-v-14593bcb] { border-color: var(--accent);
}
.mob-tp-card[data-v-14593bcb]:active { transform: scale(0.93);
}
.mob-tp-bg[data-v-14593bcb] { width: 100%; height: 100%; background-size: cover; background-position: center;
}
.mob-tp-bg.mod[data-v-14593bcb] { background-image: linear-gradient(135deg,#64ffda 0%,#667eea 50%,#764ba2 100%);
}
.mob-tp-bg.lgt[data-v-14593bcb] { background-image: linear-gradient(135deg,#f7fafc 0%,#e2e8f0 50%,#cbd5e0 100%);
}
.mob-tp-bg.drk[data-v-14593bcb] { background-image: linear-gradient(135deg,#1a202c 0%,#2d3748 50%,#4a5568 100%);
}
.mob-tp-name[data-v-14593bcb] {
  position: absolute;
  bottom: 4px;
  left: 0; right: 0;
  text-align: center;
  font-size: 9px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  text-shadow: 0 1px 4px rgba(0,0,0,0.8);
}

/* ── Mobile more panel ───────────────────────────────────────────────────── */
.mob-more-grid[data-v-14593bcb] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px;
}
.mob-more-item[data-v-14593bcb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px 4px;
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  cursor: pointer;
  transition: all 0.14s ease;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: var(--muted, rgba(255,255,255,0.45));
  text-transform: uppercase;
  font-family: inherit;
}
.mob-more-item[data-v-14593bcb]:active { background: rgba(102,126,234,0.12); color: var(--accent); transform: scale(0.93);
}
.mob-more-item.on[data-v-14593bcb] { background: rgba(102,126,234,0.1); border-color: var(--accent); color: var(--accent);
}

/* ── Mobile camera panel ─────────────────────────────────────────────────── */
.mob-cam-panel[data-v-14593bcb] {
  position: absolute;
  left: 10px;
  bottom: 68px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  z-index: 117;
}
.mob-ctrl-col[data-v-14593bcb] { display: flex; flex-direction: column; gap: 7px;
}
.mob-ctrl-label[data-v-14593bcb] {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--muted, rgba(255,255,255,0.45));
}

/* Joystick */
.mob-joy-wrap[data-v-14593bcb] { position: relative; width: 130px; height: 130px; flex-shrink: 0;
}
.mob-joy-ring[data-v-14593bcb] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 4px 18px rgba(0,0,0,0.4);
  backdrop-filter: blur(10px);
}
.mob-joy-cx[data-v-14593bcb] { position: absolute; background: rgba(255,255,255,0.08); pointer-events: none;
}
.mob-joy-cx.h[data-v-14593bcb] { width: calc(100% - 28px); height: 1px; top: 50%; left: 14px; transform: translateY(-50%);
}
.mob-joy-cx.v[data-v-14593bcb] { height: calc(100% - 28px); width: 1px; left: 50%; top: 14px; transform: translateX(-50%);
}
.mob-joy-dir[data-v-14593bcb] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--muted, rgba(255,255,255,0.35));
  font-size: 10px;
  pointer-events: none;
}
.mob-joy-dir.up[data-v-14593bcb] { top: 4px; left: 50%; transform: translateX(-50%);
}
.mob-joy-dir.dn[data-v-14593bcb] { bottom: 4px; left: 50%; transform: translateX(-50%);
}
.mob-joy-dir.lt[data-v-14593bcb] { left: 4px; top: 50%; transform: translateY(-50%);
}
.mob-joy-dir.rt[data-v-14593bcb] { right: 4px; top: 50%; transform: translateY(-50%);
}
.mob-joy-knob[data-v-14593bcb] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  touch-action: none;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  color: var(--muted, rgba(255,255,255,0.4));
  transition: background 0.15s, box-shadow 0.15s;
}
.mob-joy-knob.drag[data-v-14593bcb] {
  background: rgba(102,126,234,0.15);
  box-shadow: 0 0 0 2px var(--accent), 0 4px 14px rgba(0,0,0,0.4);
  color: var(--accent);
  cursor: grabbing;
}

/* Camera grid */
.mob-gc-grid[data-v-14593bcb] {
  display: grid;
  grid-template-columns: repeat(3, 42px);
  grid-template-rows: repeat(3, 42px);
  gap: 4px;
}
.mob-gc[data-v-14593bcb] {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  backdrop-filter: blur(10px);
  transition: all 0.13s ease;
}
.mob-gc[data-v-14593bcb]:active { transform: scale(0.86); background: rgba(102,126,234,0.15); color: var(--accent);
}
.mob-gc.empty[data-v-14593bcb] { opacity: 0; pointer-events: none;
}
.mob-gc.center[data-v-14593bcb] { background: rgba(102,126,234,0.08); border-color: rgba(102,126,234,0.3); color: var(--accent); font-size: 13px;
}
.mob-gc.minus[data-v-14593bcb]:active { background: rgba(255,92,92,0.15); color: #ff5c5c;
}
.mob-gc.plus[data-v-14593bcb]:active  { background: rgba(62,207,142,0.15); color: #3ecf8e;
}
.mob-reset-row[data-v-14593bcb] { display: flex; gap: 4px; margin-top: 2px;
}
.mob-reset-btn[data-v-14593bcb] {
  flex: 1;
  height: 34px;
  border-radius: 8px;
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--muted, rgba(255,255,255,0.45));
  font-size: 10px;
  font-weight: 700;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: all 0.14s ease;
}
.mob-reset-btn[data-v-14593bcb]:active { background: rgba(102,126,234,0.12); color: var(--accent);
}

/* ── Toast notification ──────────────────────────────────────────────────── */
.mob-toast[data-v-14593bcb] {
  position: absolute;
  bottom: 72px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(30,30,40,0.92);
  color: #fff;
  font-size: 12px;
  font-family: inherit;
  padding: 8px 16px;
  border-radius: 20px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 200;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.mob-toast-fade-enter-active[data-v-14593bcb],
.mob-toast-fade-leave-active[data-v-14593bcb] { transition: opacity 0.25s ease, transform 0.25s ease;
}
.mob-toast-fade-enter-from[data-v-14593bcb],
.mob-toast-fade-leave-to[data-v-14593bcb] { opacity: 0; transform: translateX(-50%) translateY(6px);
}

/* ── Voice mic active pulse ──────────────────────────────────────────────── */
.mob-bb-mic-active[data-v-14593bcb] {
  animation: mic-pulse-14593bcb 1s ease-in-out infinite;
  color: #ff5c5c;
}
@keyframes mic-pulse-14593bcb {
0%, 100% { opacity: 1; transform: scale(1);
}
50% { opacity: 0.6; transform: scale(1.15);
}
}

/* ── Joystick rotate mode knob ───────────────────────────────────────────── */
.mob-joy-knob.rotate[data-v-14593bcb] {
  background: rgba(102,126,234,0.25);
  border-color: var(--accent);
  color: var(--accent);
}

/* ── Mobile transitions ──────────────────────────────────────────────────── */
.mob-panel-rise-enter-active[data-v-14593bcb],
.mob-panel-rise-leave-active[data-v-14593bcb] { transition: opacity 0.22s ease, transform 0.22s ease;
}
.mob-panel-rise-enter-from[data-v-14593bcb],
.mob-panel-rise-leave-to[data-v-14593bcb] { opacity: 0; transform: translateY(14px);
}
.mob-cam-slide-enter-active[data-v-14593bcb],
.mob-cam-slide-leave-active[data-v-14593bcb] { transition: opacity 0.22s ease, transform 0.22s ease;
}
.mob-cam-slide-enter-from[data-v-14593bcb],
.mob-cam-slide-leave-to[data-v-14593bcb] { opacity: 0; transform: translateY(10px) scale(0.95);
}

/* Light theme overrides for mobile */
:root[data-theme="light"] .mob-bar[data-v-14593bcb],
:root[data-theme="light"] .mob-panel-inner[data-v-14593bcb],
:root[data-theme="light"] .mob-search-wrap[data-v-14593bcb] { border-color: rgba(0,0,0,0.1);
}
:root[data-theme="light"] .mob-bb[data-v-14593bcb] { color: rgba(0,0,0,0.45);
}
:root[data-theme="light"] .mob-bb.active[data-v-14593bcb] { color: var(--accent);
}
:root[data-theme="light"] .mob-cfab[data-v-14593bcb] { border-color: rgba(0,0,0,0.1);
}

.modal-overlay[data-v-4d8594bd] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(4px);
}
.modal-content[data-v-4d8594bd] {
  background: var(--panel);
  border: 1px solid var(--accent);
  border-radius: 16px;
  padding: 2rem;
  max-width: 500px;
  width: 90%;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
.modal-close[data-v-4d8594bd] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(128,128,128,0.1);
  border: none;
  color: var(--text);
  font-size: 1.5rem;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.modal-close[data-v-4d8594bd]:hover {
  background: rgba(128,128,128,0.2);
}
.modal-content h2[data-v-4d8594bd] {
  color: var(--text);
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}
.dev-info[data-v-4d8594bd] {
  margin-bottom: 1.5rem;
}
.dev-info p[data-v-4d8594bd] {
  color: var(--text);
  margin-bottom: 0.75rem;
  line-height: 1.8;
}
.dev-info strong[data-v-4d8594bd] {
  color: var(--accent);
}
.dev-info a[data-v-4d8594bd] {
  color: var(--accent);
  text-decoration: none;
}
.dev-info a[data-v-4d8594bd]:hover {
  text-decoration: underline;
}
.copyright[data-v-4d8594bd] {
  padding-top: 1rem;
  border-top: 1px solid rgba(128,128,128,0.2);
}
.copyright p[data-v-4d8594bd] {
  color: var(--muted);
  font-size: 0.9rem;
  text-align: center;
}
.modal-fade-enter-active[data-v-4d8594bd],
.modal-fade-leave-active[data-v-4d8594bd] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-4d8594bd],
.modal-fade-leave-to[data-v-4d8594bd] {
  opacity: 0;
}
.modal-fade-enter-active .modal-content[data-v-4d8594bd],
.modal-fade-leave-active .modal-content[data-v-4d8594bd] {
  transition: transform 0.3s ease;
}
.modal-fade-enter-from .modal-content[data-v-4d8594bd] {
  transform: scale(0.9) translateY(20px);
}
.modal-fade-leave-to .modal-content[data-v-4d8594bd] {
  transform: scale(0.9) translateY(20px);
}

.tutorial-overlay[data-v-5f8f65ed] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(0.1px);
  pointer-events: none; /* allow clicks to pass to UI below */
}
.tutorial-highlight[data-v-5f8f65ed] {
  position: fixed;
  border: 3px solid var(--accent);
  border-radius: 8px;
  pointer-events: none;
  z-index: 1001;
  box-shadow: 0 0 0 9999px rgba(0,0,0,0.75);
  transition: all 0.3s ease;
}
.tutorial-modal[data-v-5f8f65ed] {
  background: var(--panel);
  border: 1px solid var(--accent);
  border-radius: 16px;
  padding: 2rem;
  width: min(500px, 90vw);
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  position: fixed;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  z-index: 1002;
  direction: rtl;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: auto; /* modal remains interactive */
}
.tutorial-skip[data-v-5f8f65ed] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(128,128,128,0.1);
  border: none;
  color: var(--muted);
  font-size: 0.9rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
}
.tutorial-skip[data-v-5f8f65ed]:hover {
  background: rgba(128,128,128,0.2);
  color: var(--text);
}
.tutorial-header[data-v-5f8f65ed] {
  margin-bottom: 1.5rem;
}
.tutorial-header h2[data-v-5f8f65ed] {
  color: var(--text);
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
}
.tutorial-progress[data-v-5f8f65ed] {
  color: var(--muted);
  font-size: 0.9rem;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
}
.tutorial-content[data-v-5f8f65ed] {
  color: var(--text);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
  text-align: right;
}
.tutorial-text[data-v-5f8f65ed] br {
  display: block;
  margin: 0.5rem 0;
  content: "";
}
.tutorial-video-wrapper[data-v-5f8f65ed] {
  position: relative;
  width: 100%;
}
.tutorial-video[data-v-5f8f65ed] {
  width: 100%;
  max-height: 60vh;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
  background: #000;
  object-fit: contain;
}
.tutorial-video-overlay[data-v-5f8f65ed] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 1rem;
  background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.0));
  color: var(--text);
}
.tutorial-footer[data-v-5f8f65ed] {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-start;
  padding-top: 1rem;
  border-top: 1px solid rgba(128,128,128,0.2);
}
.tutorial-btn[data-v-5f8f65ed] {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: 'Yekan Bakh', 'Vazirmatn', sans-serif;
}
.tutorial-btn-primary[data-v-5f8f65ed] {
  background: var(--accent);
  color: white;
  flex: 1;
}
.tutorial-btn-primary[data-v-5f8f65ed]:hover {
  background: var(--accent-2);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.tutorial-btn-secondary[data-v-5f8f65ed] {
  background: rgba(128,128,128,0.1);
  color: var(--text);
}
.tutorial-btn-secondary[data-v-5f8f65ed]:hover {
  background: rgba(128,128,128,0.2);
}
.modal-fade-enter-active[data-v-5f8f65ed],
.modal-fade-leave-active[data-v-5f8f65ed] {
  transition: opacity 0.3s ease;
}
.modal-fade-enter-from[data-v-5f8f65ed],
.modal-fade-leave-to[data-v-5f8f65ed] {
  opacity: 0;
}
.modal-fade-enter-active .tutorial-modal[data-v-5f8f65ed],
.modal-fade-leave-active .tutorial-modal[data-v-5f8f65ed] {
  transition: transform 0.3s ease;
}
.modal-fade-enter-from .tutorial-modal[data-v-5f8f65ed] {
  transform: scale(0.9) translateY(20px);
}
.modal-fade-leave-to .tutorial-modal[data-v-5f8f65ed] {
  transform: scale(0.9) translateY(20px);
}

.map-selector-overlay[data-v-75d5a924] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 2rem;
}
.map-selector-container[data-v-75d5a924] {
  width: 100%;
  max-width: 900px;
  max-height: 80vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.map-selector-header[data-v-75d5a924] {
  text-align: center;
  color: white;
}
.map-selector-header h1[data-v-75d5a924] {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.map-selector-header p[data-v-75d5a924] {
  font-size: 1.1rem;
  margin: 0;
  opacity: 0.9;
}
.maps-grid[data-v-75d5a924] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  padding: 0;
}
.map-card[data-v-75d5a924] {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 2rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  appearance: none;
  width: 100%;
}
.map-card[data-v-75d5a924]:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 1);
  border-color: rgba(102, 126, 234, 0.5);
}
.map-card[data-v-75d5a924]:active {
  transform: translateY(-4px);
}
.map-card-content[data-v-75d5a924] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.map-icon[data-v-75d5a924] {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: all 0.3s;
}
.map-card:hover .map-icon[data-v-75d5a924] {
  transform: scale(1.1) rotate(5deg);
}
.map-name[data-v-75d5a924] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d3748;
  margin: 0;
  text-align: center;
  line-height: 1.4;
}
.map-selector-footer[data-v-75d5a924] {
  text-align: center;
  color: white;
  font-size: 0.9rem;
  opacity: 0.8;
  padding: 1rem;
}
@media (max-width: 768px) {
.map-selector-overlay[data-v-75d5a924] {
    padding: 1rem;
}
.map-selector-header h1[data-v-75d5a924] {
    font-size: 1.75rem;
}
.map-selector-header p[data-v-75d5a924] {
    font-size: 1rem;
}
.maps-grid[data-v-75d5a924] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.map-card[data-v-75d5a924] {
    padding: 1.5rem;
}
.map-name[data-v-75d5a924] {
    font-size: 1.1rem;
}
}

.app-container[data-v-c02089d7] {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.main-content[data-v-c02089d7] {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.viewer-container[data-v-c02089d7] {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.page-footer[data-v-c02089d7] {
  appearance: none;
  background: var(--panel);
  border: 1px solid rgba(128,128,128,0.2);
  border-radius: 0;
  padding: 0.75rem 1.5rem;
  height:50px;
  color: var(--text);
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s;
  width: 100%;
  z-index:99;
  text-align: center;
}
.page-footer[data-v-c02089d7]:hover {
  background: var(--panel-2);
  border-color: var(--accent);
}

html, body, #app, .app-container, * , *::before, *::after {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.public-map-layout[data-v-be35377e] {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #050816;
}
.loading-screen[data-v-be35377e] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: white;
  font-family: 'Vazirmatn', sans-serif;
}

.db-map-viewer[data-v-3ead3d56] {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #000;
}