/* ===== land-competitor-compare (scoped) ===== */
.mscc{ direction:rtl; isolation:isolate; font-family:"IRANSans",system-ui; color:#111827 }
.mscc *{ box-sizing:border-box }

/* Buttons (no underline) */
.mscc .btn{display:inline-block;padding:12px 18px;border-radius:14px;font-weight:700;border:0;cursor:pointer;text-decoration:none!important}
.mscc .btn:link,.mscc .btn:visited,.mscc .btn:hover,.mscc .btn:focus,.mscc .btn:active{ text-decoration:none!important; outline:none }
.mscc .btn-primary{ background:linear-gradient(90deg,#ec4899,#f472b6); color:#fff; box-shadow:0 10px 22px rgba(236,72,153,.25) }

.mscc .card{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.98));
  border:1px solid rgba(17,24,39,.06);
  border-radius:20px; padding:16px;
  box-shadow:0 10px 30px rgba(17,24,39,.08), 0 2px 10px rgba(17,24,39,.04);
  backdrop-filter:saturate(120%) blur(8px); -webkit-backdrop-filter:saturate(120%) blur(8px);
}

/* Head */
.mscc .mscc__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 8px }
.mscc .mscc__title{ margin:0; font:700 clamp(18px,2.2vw,22px)/1.6 "Lalezar","IRANSans"; color:#8b5cf6 }
.mscc .pill{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  background:#fdf2f8; color:#be185d; font-size:12px; border:1px solid rgba(236,72,153,.22)
}
.mscc .pill input{ inline-size:16px; block-size:16px; accent-color:#ec4899 }

/* Viewport with horizontal scroll */
.mscc .mscc__viewport{ position:relative; overflow:auto; -webkit-overflow-scrolling:touch; border-radius:14px }
.mscc .mscc__viewport::before,
.mscc .mscc__viewport::after{
  content:""; position:sticky; inset-block:0; width:16px; z-index:2; pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.85));
}
.mscc .mscc__viewport::before{ right:0 }
.mscc .mscc__viewport::after { left:0; transform:scaleX(-1) }

/* Table */
.mscc .mscc__table{ width:max(720px, 100%); border-collapse:separate; border-spacing:0; table-layout:fixed }
.mscc .mscc__table thead th{
  position:sticky; top:0; z-index:3; background:#fff; padding:12px; border-bottom:1px solid rgba(17,24,39,.08)
}
.mscc .mscc__table th,
.mscc .mscc__table td{ padding:12px; text-align:center; vertical-align:middle }

.mscc .mscc__table th.col--feature,
.mscc .mscc__table td.col--feature{
  position:sticky; right:0; z-index:2; background:#fff; text-align:right; min-width:220px; font-weight:700
}
.mscc .mscc__table th.col--feature{ border-bottom:1px solid rgba(17,24,39,.08) }

.mscc .mscc__table th.col--brand{ color:#111827 }
.mscc .mscc__table .col--brand .th-title{ font-weight:800; color:#111827 }
.mscc .mscc__table .col--brand .th-badge{
  display:inline-flex; gap:6px; align-items:center; margin-top:4px; padding:2px 8px; border-radius:999px;
  background:#ecfeff; color:#0891b2; font-size:11px; border:1px solid #a5f3fc
}

.mscc .mscc__table tbody tr:nth-child(odd){ background:rgba(17,24,39,.02) }

/* Icons */
.mscc .ico{ font-style:normal; display:inline-block; width:22px; height:22px; border-radius:999px; line-height:22px; text-align:center; font-size:12px; font-weight:900 }
.mscc .ico.ok{ background:#ecfdf5; color:#10b981 }
.mscc .ico.ok::before{ content:"\f00c"; font-family:"Font Awesome 6 Free"; font-weight:900 }
.mscc .ico.partial{ background:#fff7ed; color:#f59e0b }
.mscc .ico.partial::before{ content:"\f068"; font-family:"Font Awesome 6 Free"; font-weight:900 } /* minus */
.mscc .ico.no{ background:#fef2f2; color:#ef4444 }
.mscc .ico.no::before{ content:"\f00d"; font-family:"Font Awesome 6 Free"; font-weight:900 }

.mscc .cell-text{ white-space:nowrap }

/* Hover highlight columns */
.mscc .mscc__table td:hover,
.mscc .mscc__table th:hover{ background:rgba(139,92,246,.06) }

/* Foot */
.mscc .mscc__foot{
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; flex-wrap:wrap
}
.mscc .mscc__note{ color:#6b7280; font-size:12px; display:flex; align-items:center; gap:8px }

/* Responsive tweaks */
@media (max-width:900px){
  .mscc .mscc__table th.col--feature,
  .mscc .mscc__table td.col--feature{ min-width:180px }
}