/* =========================
   WIDESH · SOLUTION SHOWCASE (circle row)
   Scope: .wss[data-module="widesh-solution-showcase"]
   ========================= */

.wss[data-module="widesh-solution-showcase"]{position:relative;isolation:isolate;overflow:hidden;background:#fff}

/* پس‌زمینه تازه (نرم و مدرن) */
.wss[data-module="widesh-solution-showcase"] .wss-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(780px 360px at 10% 14%, rgba(59,130,246,.12), transparent 60%),
    radial-gradient(720px 320px at 92% 86%, rgba(16,185,129,.14), transparent 62%),
    linear-gradient(180deg,#ffffff 0%, #f4fbff 56%, #ffffff 100%);
  filter: saturate(105%);
}

/* Container */
.wss[data-module="widesh-solution-showcase"] .wss-container{
  position:relative;z-index:2;max-width:1200px;margin-inline:auto;padding:36px 20px;
}
@media (min-width:1440px){
  .wss[data-module="widesh-solution-showcase"] .wss-container{max-width:1320px}
}

/* Head row */
.wss[data-module="widesh-solution-showcase"] .wss-headrow{
  display:grid;gap:16px;align-items:center;
  grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);
}
@media (max-width:1024px){
  .wss[data-module="widesh-solution-showcase"] .wss-headrow{grid-template-columns:1fr}
}

.wss[data-module="widesh-solution-showcase"] .wss-title{
  margin:0 0 6px;font-family:"Lalezar",system-ui;font-weight:400;
  font-size:clamp(24px,3.1vw,36px);color:#0f172a;text-shadow:0 8px 22px rgba(2,132,199,.10)
}
.wss[data-module="widesh-solution-showcase"] .wss-subtitle{
  margin:0 0 10px;color:#334155;font-family:iransans,Tahoma,sans-serif;line-height:1.9;
  font-size:clamp(13px,1.4vw,15px)
}
.wss[data-module="widesh-solution-showcase"] .wss-cta{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9999px;
  background:linear-gradient(135deg,#22d3ee,#34d399);color:#0f1027;font-weight:900;
  text-decoration:none;font-family:iransans,Tahoma,sans-serif;border:1px solid rgba(0,0,0,.04);
  box-shadow:0 10px 24px rgba(34,211,238,.20)
}
.wss[data-module="widesh-solution-showcase"] .wss-cta:hover{transform:translateY(-2px)}
.wss[data-module="widesh-solution-showcase"] .wss-cta i{color:#0f1027}

/* Hero تصویر کوچک‌تر */
.wss[data-module="widesh-solution-showcase"] .wss-hero{
  margin:0;border-radius:18px;overflow:hidden;
  max-width:420px;justify-self:end;
  border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:0 22px 56px rgba(2,132,199,.12), inset 0 0 0 1px rgba(255,255,255,.65)
}
.wss[data-module="widesh-solution-showcase"] .wss-hero img{display:block;width:100%;height:auto}

/* =========================
   ۵ دایره هم‌اندازه در یک سطر
   ========================= */
.wss[data-module="widesh-solution-showcase"] .wss-circles{
  margin-top:18px;
  display:grid;gap:18px;
  grid-template-columns:repeat(5, minmax(0,1fr)); /* دسکتاپ: دقیقاً یک سطر ۵تایی */
  align-items:start;justify-items:center;
}
@media (max-width:1100px){
  .wss[data-module="widesh-solution-showcase"] .wss-circles{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){
  .wss[data-module="widesh-solution-showcase"] .wss-circles{grid-template-columns:repeat(2,1fr)}
}

.wss[data-module="widesh-solution-showcase"] .wss-circle{
  text-align:center;max-width:180px; /* برای یکدستی */
  transition:transform .18s ease, filter .18s ease;
}
.wss[data-module="widesh-solution-showcase"] .wss-circle:hover{transform:translateY(-4px)}

.wss[data-module="widesh-solution-showcase"] .wss-circle-inner{
  width:120px;height:120px;border-radius:9999px;margin-inline:auto;
  display:grid;place-items:center;
  background:radial-gradient(120px 120px at 50% 35%, #ffffff, #f6fbff 70%);
  border:1px solid #e6eeff;
  box-shadow:
    0 14px 26px rgba(2,132,199,.14),
    0 0 0 1px rgba(255,255,255,.8) inset;
  position:relative;
}
.wss[data-module="widesh-solution-showcase"] .wss-circle-inner:before{
  content:""; position:absolute; inset:-2px;
  border-radius:inherit; pointer-events:none;
  background:conic-gradient(from 180deg, #22d3ee, #5c2ff6, #34d399, #22d3ee);
  -webkit-mask: radial-gradient(closest-side, transparent 68px, #000 70px);
          mask: radial-gradient(closest-side, transparent 68px, #000 70px);
  opacity:.35;
}
.wss[data-module="widesh-solution-showcase"] .wss-circle i{
  font-size:28px;color:#0284c7;filter:drop-shadow(0 2px 4px rgba(2,132,199,.25))
}

.wss[data-module="widesh-solution-showcase"] .wss-circle-label{
  margin-top:10px;font-family:iransans,Tahoma,sans-serif;font-weight:900;color:#0f172a;
  font-size:14.5px
}
.wss[data-module="widesh-solution-showcase"] .wss-circle-desc{
  margin:4px 0 0;color:#475569;font-family:iransans,Tahoma,sans-serif;font-size:12.5px;line-height:1.9
}

/* Safety */
.wss[data-module="widesh-solution-showcase"],
.wss[data-module="widesh-solution-showcase"] *{box-sizing:border-box;max-width:100%}