/* =====================================================================
   لاپەڕەکانی یاسا و یارمەتی
   ناوەڕۆکەکە لە پانێڵی بەڕێوەبردنەوە دێت.
   ===================================================================== */

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

/* ---------- سەردێڕ ---------- */
.pg-bar{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  padding-top:calc(16px + env(safe-area-inset-top, 0px));
  background:rgba(252,252,250,.94);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(36,64,47,.08);
}
.pg-back{
  width:36px;height:36px;
  flex:none;
  display:grid;
  place-items:center;
  border:0;
  border-radius:11px;
  background:rgba(36,64,47,.06);
  color:#1E3226;
  cursor:pointer;
  padding:0;
}
.pg-back svg{ width:19px;height:19px;fill:currentColor; }
.pg-bar-title{
  flex:1;
  min-width:0;
  font-size:14px;
  font-weight:700;
  color:#1E3226;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:0;
  transition:opacity .25s ease;
}
.pg-sheet.scrolled .pg-bar-title{ opacity:1; }

/* ---------- سەرەتا ---------- */
.pg-hero{
  position:relative;
  padding:28px 22px 22px;
  overflow:hidden;
}
.pg-hero::before{
  content:"";
  position:absolute;
  top:-150px;
  inset-inline-start:-60px;
  width:320px;height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(62,122,85,.15), transparent 68%);
  pointer-events:none;
}
.pg-mark{
  position:relative;
  width:54px;height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#EAF1EC;
  color:#3E7A55;
  margin-bottom:14px;
}
.pg-mark svg{ width:26px;height:26px;fill:currentColor; }

.pg-title{
  position:relative;
  margin:0 0 5px;
  font-size:26px;
  font-weight:800;
  letter-spacing:-.4px;
  line-height:1.4;
  color:#1E3226;
}
.pg-time{
  position:relative;
  font-size:12px;
  color:#A3B0A6;
}

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

.pg-doc{
  padding:20px 20px 18px;
  border-radius:22px;
  background:#FCFCFA;
  box-shadow:0 1px 2px rgba(36,64,47,.04), 0 4px 16px rgba(36,64,47,.05);
}

.pg-doc p{
  margin:0 0 15px;
  font-size:14.5px;
  line-height:2.15;
  color:#5B6D61;
}
.pg-doc p:last-child{ margin-bottom:0; }

/* دێڕی سەردێڕ — دەقێک کە بە : کۆتایی دێت یان کورتە */
.pg-doc h4{
  margin:22px 0 10px;
  font-size:15.5px;
  font-weight:700;
  color:#1E3226;
  line-height:1.6;
}
.pg-doc h4:first-child{ margin-top:0; }

/* خاڵ */
.pg-doc ul{
  list-style:none;
  margin:0 0 15px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.pg-doc li{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:12px 14px;
  border-radius:14px;
  background:#F4F6F2;
  font-size:13.5px;
  line-height:1.9;
  color:#2C4033;
}
.pg-doc li::before{
  content:"";
  width:7px;height:7px;
  flex:none;
  margin-top:8px;
  border-radius:50%;
  background:#3E7A55;
}

/* ---------- پەیوەندی ---------- */
.pg-contact{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
  padding:15px 16px;
  border-radius:18px;
  background:#EAF1EC;
  transition:transform .16s ease;
}
.pg-contact:active{ transform:scale(.985); }
.pg-contact-ic{
  width:40px;height:40px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(255,255,255,.7);
  color:#3E7A55;
}
.pg-contact-ic svg{ width:19px;height:19px;fill:currentColor; }
.pg-contact-txt{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}
.pg-contact-txt b{ font-size:13.5px;font-weight:700;color:#1E3226; }
.pg-contact-txt small{ font-size:11.5px;color:#5B6D61;direction:ltr;text-align:start; }

/* ---------- دۆخەکان ---------- */
.pg-none{
  padding:60px 24px;
  text-align:center;
  color:#8C9A91;
  font-size:13.5px;
  line-height:2;
}

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

/* سکێلێتن */
.pg-skel span{
  display:block;
  height:13px;
  margin-bottom:11px;
  border-radius:7px;
  background:linear-gradient(100deg, #E9ECE8 30%, #F4F6F2 50%, #E9ECE8 70%);
  background-size:220% 100%;
  animation:pg-shine 1.3s ease-in-out infinite;
}
@keyframes pg-shine{
  from{ background-position:180% 0; }
  to  { background-position:-40% 0; }
}
.pg-skel span:nth-child(3n){ width:62%; }
.pg-skel span:nth-child(4n){ width:88%; }

/* ئەگەر هیچ لاپەڕەیەک نەبێت، گرووپەکە دەشاردرێتەوە */
.menu-group.is-bare{ display:none; }