/* =====================================================================
   لاپەڕەی گوند — دیزاینی سەردەمیانە
   بنەما: وێنەی گەورە، ناوی گەورە لەسەری، کارتی نەرم، بۆشایی زۆر.
   ===================================================================== */

.place-sheet{
  position:fixed;
  inset:0;
  z-index:130;
  background:#F4F4F0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  transform:translateY(100%);
  visibility:hidden;
  transition:transform .46s cubic-bezier(.32,.72,0,1), visibility .46s;
}
.place-sheet.open{
  transform:none;
  visibility:visible;
}

/* ---------- سەرەوە ---------- */
.pl-top{
  position:relative;
  isolation:isolate;
}

.pl-hero{
  position:relative;
  width:100%;
  padding-top:78%;
  max-height:52vh;
  background:linear-gradient(150deg, #2C4033, #1B2A21);
  overflow:hidden;
}
@supports (aspect-ratio: 1 / 1){
  .pl-hero{ padding-top:0; aspect-ratio:5/4; }
}
.pl-hero img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}
.pl-hero-blank{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.pl-hero-blank img{
  position:static;
  width:76px;height:76px;
  object-fit:contain;
  opacity:.34;
}

/* توێنەوە بۆ خوارەوە — تا نووسینەکە بخوێندرێتەوە */
.pl-fade{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,
    #F4F4F0            0%,
    rgba(244,244,240,.96) 8%,
    rgba(20,32,24,.72)  34%,
    rgba(20,32,24,.30)  56%,
    rgba(20,32,24,.34) 100%);
}

/* دوگمەی گەڕانەوە */
.pl-back{
  position:absolute;
  top:calc(14px + env(safe-area-inset-top, 0px));
  inset-inline-start:14px;
  z-index:4;
  width:40px;height:40px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:14px;
  background:rgba(252,252,250,.94);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  color:#1E3226;
  cursor:pointer;
  padding:0;
  box-shadow:0 3px 14px rgba(10,18,13,.24);
  transition:transform .16s ease;
}
.pl-back:active{ transform:scale(.9); }
.pl-back svg{ width:20px;height:20px;fill:currentColor; }

/* ناو و ناوچە — لەسەر وێنەکە */
.pl-head{
  position:absolute;
  inset-inline:0;
  bottom:0;
  z-index:3;
  padding:0 20px 18px;
  max-width:620px;
  margin:0 auto;
}
.pl-name{
  margin:0 0 7px;
  font-size:clamp(24px, 7.4vw, 32px);
  font-weight:800;
  letter-spacing:-.4px;
  line-height:1.35;
  color:#1E3226;
}
.pl-where{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13.5px;
  color:#5B6D61;
  font-weight:500;
}
.pl-where svg{ width:14px;height:14px;fill:#8C9A91;flex:none; }
.pl-where .sep{ margin:0 5px; opacity:.5; }

.pl-chips{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:11px;
}
.pl-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 12px;
  border-radius:11px;
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  font-size:12px;
  font-weight:700;
  color:#2C4033;
  box-shadow:0 1px 3px rgba(16,26,20,.07);
}
.pl-chip svg{ width:13px;height:13px;fill:#5B6D61; }
.pl-chip small{ font-weight:600; color:#8C9A91; }
.pl-chip.is-star svg{ fill:#E0A82E; }

/* ---------- ڕیزی کردارەکان ---------- */
.pl-bar{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:8px;
  max-width:620px;
  margin:0 auto;
  padding:16px 16px 4px;
}
.pl-do{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  padding:13px 4px 11px;
  border:0;
  border-radius:17px;
  background:#FCFCFA;
  box-shadow:0 1px 2px rgba(36,64,47,.045), 0 4px 14px rgba(36,64,47,.05);
  color:#5B6D61;
  font-family:inherit;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease, color .16s ease;
}
.pl-do svg{ width:21px;height:21px;fill:#3E7A55; }
.pl-do:active{ transform:scale(.94); }
.pl-do.is-off{ opacity:.4; pointer-events:none; }

.pl-do.is-fav svg{ fill:#C0503E; }
.pl-do.is-fav.on{ background:#C0503E; color:#fff; }
.pl-do.is-fav.on svg{ fill:#fff; }

/* ---------- تابەکان ---------- */
.pl-tabs{
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  gap:4px;
  overflow-x:auto;
  padding:12px 16px 10px;
  max-width:620px;
  margin:8px auto 0;
  background:rgba(244,244,240,.92);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.pl-tabs::-webkit-scrollbar{ display:none; }

.pl-tab{
  position:relative;
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:38px;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#8C9A91;
  font-family:inherit;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  transition:background .18s ease, color .18s ease;
}
.pl-tab svg{ width:16px;height:16px;fill:currentColor; }
.pl-tab.on{
  background:#1E3226;
  color:#fff;
}
.pl-tab.is-empty:not(.on){ opacity:.45; }

.pl-tab-n{
  min-width:16px;
  height:16px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(36,64,47,.1);
  font-size:9.5px;
  font-weight:700;
  font-style:normal;
  line-height:1;
}
.pl-tab.on .pl-tab-n{ background:rgba(255,255,255,.22); }

/* ---------- ناوەڕۆک ---------- */
.pl-body{
  max-width:620px;
  margin:0 auto;
  padding:6px 16px calc(46px + env(safe-area-inset-bottom, 0px));
}

.pl-panel{ display:none; }
.pl-panel.on{
  display:block;
  animation:pl-in .34s cubic-bezier(.32,.72,0,1) both;
}
@keyframes pl-in{
  from{ opacity:0; transform:translateY(8px); }
  to  { opacity:1; transform:none; }
}

/* کارت */
.pl-card{
  padding:18px 18px 17px;
  margin-bottom:12px;
  border-radius:22px;
  background:#FCFCFA;
  box-shadow:0 1px 2px rgba(36,64,47,.04), 0 4px 16px rgba(36,64,47,.05);
}
.pl-card:last-child{ margin-bottom:0; }

.pl-h{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 13px;
  font-size:15px;
  font-weight:700;
  color:#1E3226;
}
.pl-h > svg{ width:17px;height:17px;fill:#3E7A55;flex:none; }

.pl-h-go{
  margin-inline-start:auto;
  display:inline-flex;
  align-items:center;
  gap:3px;
  border:0;
  background:transparent;
  padding:0;
  color:#3E7A55;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.pl-h-go svg{ width:13px;height:13px;fill:currentColor; }

/* دەق */
.pl-text{
  margin:0;
  font-size:14px;
  line-height:2.1;
  color:#5B6D61;
  white-space:pre-line;
}
.pl-text.clamp{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pl-more{
  display:inline-flex;
  align-items:center;
  gap:3px;
  margin-top:10px;
  border:0;
  background:transparent;
  padding:0;
  color:#3E7A55;
  font-family:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.pl-more svg{
  width:15px;height:15px;
  fill:currentColor;
  transition:transform .2s ease;
}
.pl-more.is-open svg{ transform:rotate(180deg); }

/* زانیاری خێرا */
.pl-facts{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
}
.pl-facts li{
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 0;
  border-bottom:1px solid rgba(36,64,47,.07);
  font-size:13.5px;
}
.pl-facts li:last-child{ border-bottom:0; padding-bottom:0; }
.pl-facts li:first-child{ padding-top:0; }

.pl-fact-ic{
  width:30px;height:30px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#EFF2ED;
}
.pl-fact-ic svg{ width:15px;height:15px;fill:#5B6D61; }
.pl-fact-k{ color:#8C9A91; }
.pl-fact-v{
  margin-inline-start:auto;
  font-weight:700;
  color:#1E3226;
  text-align:end;
}
.pl-fact-v.mono{
  font-family:ui-monospace, 'SF Mono', Menlo, monospace;
  font-size:12.5px;
  direction:ltr;
}

/* ڕیزی وێنە لە پەڕەی سەرەکی */
.pl-strip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin:0 -18px;
  padding:0 18px 2px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.pl-strip::-webkit-scrollbar{ display:none; }
.pl-strip img{
  width:110px;
  height:88px;
  flex:none;
  object-fit:cover;
  border-radius:14px;
  background:#E7EAE6;
}

/* گاڵەری */
.pl-gallery{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:9px;
}
.pl-gallery img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:14px;
  background:#E7EAE6;
}

/* خزمەتگوزاری */
.pl-services{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pl-services li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  border-radius:13px;
  background:#EFF2ED;
  font-size:13px;
  font-weight:600;
  color:#2C4033;
}
.pl-services li::before{
  content:"";
  width:7px;height:7px;
  flex:none;
  border-radius:50%;
  background:#3E7A55;
}

/* ڤیدیۆ */
.pl-video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  border-radius:16px;
  overflow:hidden;
  background:#101A14;
}
@supports (aspect-ratio: 16 / 9){
  .pl-video{ padding-top:0; aspect-ratio:16/9; }
}
.pl-video iframe,
.pl-video video{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  border:0;
  display:block;
}

.pl-video-link{
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 16px;
  border-radius:15px;
  background:#EFF2ED;
  transition:transform .16s ease, background .16s ease;
}
.pl-video-link:active{ transform:scale(.985); background:#E5EAE2; }
.pl-video-link > svg{ width:22px;height:22px;flex:none;fill:#3E7A55; }
.pl-video-link > svg:last-child{
  width:15px;height:15px;
  margin-inline-start:auto;
  fill:#A3B0A6;
}
.pl-video-txt{ display:flex;flex-direction:column;gap:1px;min-width:0; }
.pl-video-txt b{ font-size:13.5px;font-weight:700;color:#1E3226; }
.pl-video-txt small{ font-size:11.5px;color:#8C9A91;direction:ltr;text-align:start; }

/* نەخشەی بچووک */
.pl-map{
  position:relative;
  width:100%;
  height:180px;
  border-radius:17px;
  overflow:hidden;
  background:linear-gradient(150deg, #E4EAE1, #D6DFD3);
  margin-bottom:14px;
}
.pl-map-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(62,122,85,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(62,122,85,.10) 1px, transparent 1px);
  background-size:30px 30px;
}
.pl-map-ring{
  position:absolute;
  top:50%;left:50%;
  width:92px;height:92px;
  margin:-46px 0 0 -46px;
  border-radius:50%;
  background:rgba(62,122,85,.14);
  box-shadow:0 0 0 12px rgba(62,122,85,.07);
}
.pl-map-pin{
  position:absolute;
  top:50%;left:50%;
  width:46px;height:46px;
  margin:-23px 0 0 -23px;
  display:grid;
  place-items:center;
}
.pl-map-pin img{
  width:100%;height:100%;
  object-fit:contain;
  filter:drop-shadow(0 4px 8px rgba(16,26,20,.3));
}

.pl-go{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  margin-top:14px;
  padding:14px 16px;
  border:0;
  border-radius:15px;
  background:#3E7A55;
  color:#fff;
  font-family:inherit;
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease;
}
.pl-go:active{ transform:scale(.985); background:#356B4A; }
.pl-go svg{ width:18px;height:18px;fill:currentColor;flex:none; }
.pl-go svg:last-child{
  width:14px;height:14px;
  margin-inline-start:auto;
  opacity:.7;
}

/* دۆخی بەتاڵ */
.pl-empty{
  margin:0;
  padding:30px 16px;
  text-align:center;
  color:#A3B0A6;
  font-size:13px;
  line-height:1.9;
  background:#F4F6F2;
  border-radius:14px;
}

/* بارکردن */
.pl-loading{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:90px 20px;
  color:#8C9A91;
  font-size:13px;
}
.pl-spin{
  width:28px;height:28px;
  border:2.5px solid rgba(62,122,85,.18);
  border-top-color:#3E7A55;
  border-radius:50%;
  animation:pl-spin .8s linear infinite;
}
@keyframes pl-spin{ to{ transform:rotate(360deg); } }

@media (min-width:640px){
  .pl-hero{ aspect-ratio:2/1; }
  .pl-gallery{ grid-template-columns:repeat(3, 1fr); }
}

/* =====================================================================
   کارتی گوند — پۆپئەپی بەستراو بە نیشانەکەوە
   بەبێ ئەنیمەیشن، لەگەڵ نەخشەکەدا دەجوڵێت.
   ===================================================================== */

/* ---- شکاندنی ستایلی بنەڕەتی MapLibre ---- */
.qw-pop{
  z-index:40;
}
.qw-pop .maplibregl-popup-content{
  padding:0;
  border-radius:20px;
  background:transparent;
  box-shadow:none;
  font-family:'Noto Kufi Arabic', system-ui, sans-serif;
}
.qw-pop .maplibregl-popup-tip{
  border-top-color:#FCFCFA;
  border-width:9px;
  filter:drop-shadow(0 3px 3px rgba(16,26,20,.14));
}
/* تیرەکە بۆ لایەکانی تر */
.qw-pop.maplibregl-popup-anchor-top .maplibregl-popup-tip{ border-bottom-color:#FCFCFA; }
.qw-pop.maplibregl-popup-anchor-left .maplibregl-popup-tip{ border-right-color:#FCFCFA; }
.qw-pop.maplibregl-popup-anchor-right .maplibregl-popup-tip{ border-left-color:#FCFCFA; }

/* ---- کارتەکە ---- */
.pk-box{
  position:relative;
  width:290px;
  max-width:78vw;
  padding:13px 14px;
  border-radius:19px;
  background:#FCFCFA;
  box-shadow:0 2px 6px rgba(16,26,20,.08), 0 10px 30px rgba(16,26,20,.22);
  text-align:start;
  direction:rtl;
}

/* داخستن */
.pk-x{
  position:absolute;
  top:9px;
  inset-inline-start:9px;
  width:24px;height:24px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:rgba(36,64,47,.06);
  color:#5B6D61;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  padding:0;
  z-index:2;
}
.pk-x:active{ transform:scale(.9); }

/* ---- سەرەوە ---- */
.pk-main{
  display:flex;
  align-items:center;
  gap:11px;
}

.pk-photo{
  position:relative;
  width:58px;height:58px;
  flex:none;
  border-radius:14px;
  overflow:hidden;
  background:#E7EAE6;
  display:grid;
  place-items:center;
}
.pk-photo img.shot{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}
.pk-photo img.sym{
  width:30px;height:30px;
  object-fit:contain;
  opacity:.9;
}

.pk-info{
  flex:1;
  min-width:0;
  padding-inline-end:24px;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.pk-name{
  margin:0;
  font-size:15.5px;
  font-weight:800;
  letter-spacing:-.2px;
  color:#1E3226;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pk-where{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:11.5px;
  color:#8C9A91;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pk-where svg{ width:11px;height:11px;fill:#A3B0A6;flex:none; }

.pk-chips{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  margin-top:2px;
}
.pk-star{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:1px 7px;
  border-radius:6px;
  background:#FBF3E3;
  font-size:10.5px;
  font-weight:700;
  color:#8A6417;
}
.pk-star svg{ width:10px;height:10px;fill:#E0A82E; }
.pk-kind{
  padding:1px 7px;
  border-radius:6px;
  background:#EFF2ED;
  font-size:10.5px;
  font-weight:600;
  color:#5B6D61;
}

/* کورتە — یەک دێڕ */
.pk-sum{
  margin:9px 0 0;
  font-size:12px;
  line-height:1.7;
  color:#8C9A91;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ---- دوگمەکان ---- */
.pk-row{
  display:flex;
  gap:7px;
  margin-top:11px;
}

.pk-open{
  flex:1;
  height:38px;
  border:0;
  border-radius:12px;
  background:#3E7A55;
  color:#fff;
  font-family:inherit;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:transform .16s ease, background .16s ease;
}
.pk-open svg{ width:15px;height:15px;fill:currentColor; }
.pk-open:active{ transform:scale(.975); background:#356B4A; }

.pk-side{
  flex:none;
  width:38px;height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:12px;
  background:#EFF2ED;
  color:#3E7A55;
  cursor:pointer;
  padding:0;
  transition:transform .16s ease, background .16s ease;
}
.pk-side svg{ width:17px;height:17px;fill:currentColor; }
.pk-side:active{ transform:scale(.92); }
.pk-side.on{ background:#C0503E; color:#fff; }

@media (max-width:340px){
  .pk-box{ width:auto; max-width:84vw; padding:11px 12px; }
  .pk-photo{ width:50px;height:50px;border-radius:12px; }
  .pk-name{ font-size:14.5px; }
  .pk-sum{ display:none; }
}

/* ---------- نیشانەکانی نەخشە ---------- */
/* ناوەکان بە HTML دەنووسرێن — تا پیتە کوردییەکان بە دروستی بلکێن.
   قەبارەکەیان لە map.js ـەوە بە گۆڕاوی CSS کۆنترۆڵ دەکرێت. */

.qw-pin{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  will-change:transform;
}

.qw-pin-ic{
  width:34px;
  height:34px;
  display:block;
  transform:scale(var(--qw-icon, 1));
  transform-origin:bottom center;
  transition:transform .18s ease;
  filter:drop-shadow(0 3px 6px rgba(16,26,20,.45));
  pointer-events:none;
}
.qw-pin:hover .qw-pin-ic,
.qw-pin:focus-visible .qw-pin-ic{
  transform:scale(calc(var(--qw-icon, 1) * 1.14));
}

.qw-pin-name{
  font-family:'Noto Kufi Arabic', system-ui, sans-serif;
  font-size:var(--qw-label, 13px);
  font-weight:700;
  line-height:1.5;
  color:#fff;
  white-space:nowrap;
  pointer-events:none;
  text-shadow:
     0  1px 2px rgba(10,18,13,.95),
     0 -1px 2px rgba(10,18,13,.95),
     1px  0  2px rgba(10,18,13,.95),
    -1px  0  2px rgba(10,18,13,.95),
     0  0  6px rgba(10,18,13,.7);
  transition:font-size .18s ease;
}