/* ===== بخش بلور (شیشه‌ای) «بخش‌های سایت» - مشترک بین هر سه صفحه ===== */
.sg { position: relative; isolation: isolate; max-width: 1100px; margin: auto; padding: clamp(40px,6vw,72px) 18px; }
.sg-blob { position: absolute; z-index: -1; border-radius: 50%; filter: blur(8px); opacity: .85; pointer-events: none; animation: sgfloat 9s ease-in-out infinite; }
.sg-blob.b1 { width: 230px; height: 230px; top: 6%; inset-inline-start: 2%; background: radial-gradient(circle at 35% 35%, #ff9cc9, #ff4fa3); }
.sg-blob.b2 { width: 260px; height: 260px; top: 30%; inset-inline-end: 0; background: radial-gradient(circle at 35% 35%, #8fb0ff, #1240ff); animation-delay: -3s; }
.sg-blob.b3 { width: 200px; height: 200px; bottom: 4%; inset-inline-start: 30%; background: radial-gradient(circle at 35% 35%, #ffe98a, #ff9a1f); animation-delay: -6s; }
@keyframes sgfloat { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-22px) scale(1.06); } }

.sg-box {
  position: relative;
  padding: clamp(20px,4vw,40px);
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(255,255,255,.55), rgba(255,255,255,.2));
  border: 1.5px solid rgba(255,255,255,.85);
  box-shadow: 0 24px 60px rgba(40,70,170,.28), inset 0 2px 0 rgba(255,255,255,.95), inset 0 -2px 10px rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.7);
  backdrop-filter: blur(22px) saturate(1.7);
  color: #14204f;
}
.sg-head { text-align: center; margin-bottom: 26px; }
.sg-badge { display: inline-block; padding: 4px 16px; border-radius: 99px; font-weight: 700; font-size: 14px; background: rgba(255,255,255,.6); border: 1.5px solid rgba(255,255,255,.9); box-shadow: 0 4px 14px rgba(40,70,170,.18); }
.sg h2 { font-family: Lalezar, Vazirmatn, Tahoma, sans-serif; font-weight: 400; font-size: clamp(28px,5.5vw,44px); line-height: 1.3; color: #1240ff; margin: 10px 0 6px; text-shadow: 0 2px 0 rgba(255,255,255,.7); }
.sg-lead { margin: 0 auto; max-width: 560px; color: #33436e; }

.sg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.sg-card {
  position: relative; display: flex; flex-direction: column; gap: 8px;
  padding: 20px 18px 16px; border-radius: 26px; text-decoration: none; color: #14204f;
  background: linear-gradient(150deg, rgba(255,255,255,.7), rgba(255,255,255,.28));
  border: 1.5px solid rgba(255,255,255,.9);
  box-shadow: 0 12px 30px rgba(40,70,170,.2), inset 0 2px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  transition: transform .25s, box-shadow .25s;
}
.sg-card.k { background: linear-gradient(150deg, rgba(255,225,100,.6), rgba(255,255,255,.3)); }
.sg-card.p { background: linear-gradient(150deg, rgba(255,150,205,.55), rgba(255,255,255,.3)); }
.sg-card.c { background: linear-gradient(150deg, rgba(130,190,255,.6), rgba(255,255,255,.3)); }
.sg-card:hover, .sg-card:focus-visible { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(40,70,170,.3), inset 0 2px 0 rgba(255,255,255,.95); }
.sg-card[aria-current="page"] { outline: 3px solid #fff; box-shadow: 0 0 0 5px rgba(18,64,255,.35), 0 16px 34px rgba(40,70,170,.3); }
.sg-card[aria-current="page"] .sg-go::before { content: "📍 اینجا هستی · "; }
.sg-em { font-size: 44px; line-height: 1; filter: drop-shadow(0 5px 4px rgba(0,0,0,.2)); }
.sg-card h3 { font-family: Lalezar, Vazirmatn, Tahoma, sans-serif; font-weight: 400; font-size: 24px; margin: 0; line-height: 1.3; }
.sg-card p { margin: 0; font-size: 15px; line-height: 1.9; color: #2b3a66; }
.sg-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.sg-tags i { font-style: normal; font-size: 13px; font-weight: 700; padding: 2px 10px; border-radius: 99px; background: rgba(255,255,255,.65); border: 1px solid rgba(255,255,255,.9); }
.sg-go { margin-top: auto; padding-top: 6px; font-weight: 900; font-size: 15px; color: #1240ff; }

.sg-offer { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.sg-offer li { padding: 6px 16px; border-radius: 99px; font-weight: 700; font-size: 14px; background: rgba(255,255,255,.6); border: 1.5px solid rgba(255,255,255,.9); box-shadow: 0 4px 14px rgba(40,70,170,.14); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/* ظاهر شدن نرم هنگام اسکرول */
.sg-js .sg-box, .sg-js .sg-card { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease, box-shadow .25s; }
.sg-js .sg-box.in, .sg-js .sg-card.in { opacity: 1; transform: none; }
.sg-js .sg-card.in:hover { transform: translateY(-6px); }

@media (max-width: 600px) { .sg-card h3 { font-size: 22px; } .sg-em { font-size: 38px; } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .sg-box { background: rgba(255,255,255,.9); }
  .sg-card { background: rgba(255,255,255,.95)!important; }
}