/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2026 | 12:04:03 */
/* =======================================================
   MetNet Trust Cards Section (V 2.2.0 - Enterprise Final Edition)
   Architecture: Corporate UI/UX, Trust-Driven Design, Zero-Jank Flex.
   Performance: Explicit Transitions, Anti-Aliased Typography, SVG Precision.
   Accessibility: WCAG Focus-Visible, Mobile Tap-Highlight removed [8].
   ======================================================= */

.mn-trust-cards-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  max-width: 1000px;
  margin: 40px auto;
  direction: rtl;
  font-family: var(--wd-text-font), 'Vazirmatn', Tahoma, sans-serif;
  box-sizing: border-box;
  
  /* رندرینگ ابریشمی و فوق‌العاده لوکس فونت‌های فارسی در مک و iOS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mn-trust-cards-wrap * { 
    box-sizing: inherit; 
}

/* کارت‌های اعتماد */
.mn-t-card {
  background: #ffffff;
  border: 1px solid #dbe3ee; 
  border-radius: 18px; 
  padding: 26px; 
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  text-align: center;
  
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .mn-t-card:hover { 
    transform: translate3d(0, -2px, 0); 
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08); 
    border-color: #2563eb; 
  }
}

/* حل باگ ۱: مهار خطای سرریز متن (Overflow Bug) در سافاری iOS و مک */
.mn-t-body {
    min-width: 0;
    width: 100%;
}

/* آیکون‌های باکس */
.mn-t-icon-box {
  width: 65px; 
  height: 65px; 
  border-radius: 16px; 
  display: flex; 
  align-items: center; 
  justify-content: center;
  margin-bottom: 20px; 
  box-shadow: 0 8px 15px rgba(0,0,0,0.06);
}

.mn-t-icon-box svg { 
    width: 28px; 
    height: 28px; 
    color: #ffffff;
    shape-rendering: geometricPrecision;
    /* حل باگ ۲: تضمین ثبات هندسی آیکون و مهار Micro-CLS در زمان لود لایه‌ها */
    flex-shrink: 0;
}

/* گرادیانت‌های رسمی */
.bg-purple { background: linear-gradient(145deg, #1d4ed8, #1e3a8a); }
.bg-orange { background: linear-gradient(145deg, #0f172a, #1e293b); }

/* متن‌ها */
.mn-t-title { 
    font-size: 1.25rem; 
    font-weight: 900; 
    color: #0f172a; 
    margin-bottom: 20px; 
    letter-spacing: -0.01em;
}

.mn-t-title span { 
    display: block; 
    font-size: 0.85rem; 
    font-weight: 400; 
    color: #475569; 
    margin-top: 5px; 
}

/* ویژگی‌ها (نقطه‌ها) */
.mn-t-features { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 10px; 
    margin-bottom: 20px; 
}

.mn-feat { 
    background: #f8fafc; 
    border: 1px solid #e2e8f0; 
    padding: 6px 12px; 
    border-radius: 12px; 
    font-size: 0.8rem; 
    font-weight: 700; 
    color: #334155; 
    display: flex; 
    align-items: center; 
    gap: 6px; 
}

.mn-dot { width: 8px; height: 8px; border-radius: 50%; }
.bg-green { background: #10b981; } 
.bg-red { background: #ef4444; } 
.bg-blue { background: #2563eb; } 
.bg-cyan { background: #0ea5e9; }

.mn-t-desc { 
    font-size: 0.95rem; 
    color: #475569; 
    margin-bottom: 25px; 
    line-height: 1.7;
}

/* دکمه‌های اکشن */
.mn-cta-row { 
    display: flex; 
    gap: 10px; 
    width: 100%; 
}

.mn-btn-solid, 
.mn-btn-outline {
  flex: 1; 
  padding: 12px; 
  border-radius: 10px; 
  font-size: 0.9rem; 
  font-weight: 800;
  text-decoration: none; 
  text-align: center; 
  
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.mn-btn-solid { 
    background: #2563eb; 
    color: #ffffff !important; 
    box-shadow: none; 
}

.mn-btn-outline { 
    background: transparent; 
    color: #2563eb !important; 
    border: 1px solid #2563eb; 
}

/* حل باگ ۳: انتقال هاور دکمه‌ها به مدیاکوئری اختصاصی دسکتاپ جهت مهار کامل باگ قفل‌شدگی لمس در موبایل */
@media (hover: hover) and (pointer: fine) {
  .mn-btn-solid:hover {
    background: #1e40af;
  }
  .mn-btn-outline:hover {
    background: #f8fafc;
  }
}

.mn-btn-solid:focus-visible,
.mn-btn-outline:focus-visible {
  outline: 2px solid #2563eb !important;
  outline-offset: 3px !important;
}

@media (max-width: 768px) {
  .mn-trust-cards-wrap { 
      grid-template-columns: 1fr; 
      padding: 0 15px; 
  }
  .mn-t-card { 
      padding: 24px 20px; 
  }
  .mn-cta-row { 
      flex-direction: column; 
  }
}

/* مهار انیمیشن برای دسترسی‌پذیری بهتر بیماران حساس به حرکت */
@media (prefers-reduced-motion: reduce) {
  .mn-t-card,
  .mn-btn-solid,
  .mn-btn-outline {
    transition: none !important;
    transform: none !important;
  }
}