/* فونت وزیرمتن — خودمیزبان. فایل را در assets/fonts/ قرار دهید (راهنما در REPORT.md). تا آن موقع Tahoma/فونت سیستم نمایش داده می‌شود. */
@font-face{font-family:'Vazirmatn';src:url('/assets/fonts/Vazirmatn-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
    :root {
      --primary: #1f4e4e;
      --primary-dark: #142f2f;
      --accent: #c9a961;
      --accent-hover: #b8935a;
      --bg-light: #fbf9f5;
      --bg-warm: #f3ede1;
      --text-dark: #14211f;
      --text-muted: #5a6b6a;
      --beef: #b34a3a;
      --poultry: #d18b3f;
      --fish: #3d7a8c;
      --box: #8a6a3d;            /* رنگ کارتن = رنگ مقوای کرافت */
      --accent-text: #8a6d2b;    /* طلایی تیره برای متن روی زمینه روشن (کنتراست کافی) */
      --kraft: #b08d5b;          /* رنگ مقوای کرافت: خط‌چین‌های برش و تاشو */
      --kraft-line: rgba(176, 141, 91, 0.7);
      --radius-soft: 24px 8px 24px 8px;
      --radius-pill: 999px;
      --shadow-sm: 0 4px 12px rgba(20, 33, 31, 0.06);
      --shadow-md: 0 12px 28px rgba(20, 33, 31, 0.08);
      --shadow-lg: 0 20px 40px rgba(20, 33, 31, 0.12);
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html { scroll-behavior: smooth; }

    :focus-visible {
      outline: 3px solid var(--accent-text);
      outline-offset: 3px;
    }
    header :focus-visible, footer :focus-visible, .trust-bar :focus-visible,
    .gallery :focus-visible, .quote-card :focus-visible {
      outline-color: var(--accent);
    }

    body {
      font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif;
      background: var(--bg-light);
      color: var(--text-dark);
      line-height: 1.8;
      font-size: 1rem;
      overflow-x: hidden;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }

    /* ---------- هدر ---------- */
    header {
      position: sticky;
      top: 0;
      z-index: 100;
      background: rgba(31, 78, 78, 0.92);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(201, 169, 97, 0.25);
      padding: 14px 0;
      transition: all 0.3s ease;
    }
    header.scrolled {
      padding: 8px 0;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    }

    .header-flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 12px;
      color: #f5efe6;
      text-decoration: none;
    }
    .logo-icon {
      width: 44px; height: 44px;
      background: var(--accent);
      border-radius: 12px 4px 12px 4px;
      display: grid; place-items: center;
      color: var(--primary);
      font-size: 1.3rem;
      box-shadow: 0 6px 14px rgba(201, 169, 97, 0.3);
      flex-shrink: 0;
    }
    .logo-text .brand {
      font-size: 1.35rem;
      font-weight: 800;
      color: #f5efe6;
      line-height: 1.1;
    }
    .logo-text span {
      font-size: 0.82rem;
      color: rgba(245, 239, 230, 0.78);
      font-weight: 400;
      display: block;
      margin-top: 2px;
    }

    .nav-wrapper {
      display: flex;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
    }

    .nav-links {
      display: flex;
      gap: 24px;
      align-items: center;
    }
    .nav-links a {
      color: rgba(245, 239, 230, 0.85);
      text-decoration: none;
      font-weight: 500;
      font-size: 0.95rem;
      padding: 6px 0;
      position: relative;
      transition: color 0.2s;
    }
    .nav-links a::after {
      content: '';
      position: absolute;
      bottom: 0; right: 0;
      width: 0; height: 2px;
      background: var(--accent);
      transition: width 0.3s;
    }
    .nav-links a:hover {
      color: #fff;
    }
    .nav-links a:hover::after { width: 100%; }

    .login-btn {
      background: var(--accent);
      color: var(--primary-dark) !important;
      padding: 9px 22px;
      border-radius: var(--radius-pill);
      font-weight: 700;
      font-size: 0.95rem;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.25s;
      box-shadow: 0 4px 12px rgba(201, 169, 97, 0.35);
      border: none;
      cursor: pointer;
      white-space: nowrap;
    }
    .login-btn:hover {
      background: #dcbf78;
      transform: translateY(-2px);
      box-shadow: 0 6px 18px rgba(201, 169, 97, 0.5);
    }

    /* منوی همبرگری موبایل */
    .menu-toggle {
      display: none;
      background: transparent;
      border: none;
      color: #f5efe6;
      font-size: 1.5rem;
      cursor: pointer;
      padding: 6px;
    }

    /* ---------- هیرو ---------- */
    .hero {
      position: relative;
      padding: 80px 0 70px;
      background:
        radial-gradient(circle at 90% 20%, rgba(201, 169, 97, 0.15), transparent 45%),
        radial-gradient(circle at 10% 80%, rgba(61, 122, 140, 0.12), transparent 40%),
        linear-gradient(145deg, #f7f2e8, #eadfc6);
      overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute;
      top: -50px; left: -50px;
      width: 300px; height: 300px;
      background: rgba(201, 169, 97, 0.08);
      border-radius: 50%;
      filter: blur(40px);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 60px;
      align-items: center;
      position: relative;
      z-index: 1;
    }

    .hero-badge-top {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(31, 78, 78, 0.08);
      color: var(--primary);
      padding: 6px 16px;
      border-radius: var(--radius-pill);
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 20px;
      border: 1px solid rgba(31, 78, 78, 0.15);
    }
    .hero-badge-top i { color: var(--accent); }

    .hero-text h1 {
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      font-weight: 800;
      color: var(--primary-dark);
      line-height: 1.35;
      margin-bottom: 20px;
    }

    .hero-text p {
      font-size: 1.1rem;
      color: var(--text-muted);
      max-width: 520px;
      margin-bottom: 32px;
      line-height: 1.9;
    }

    .hero-cta {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }
    .btn {
      padding: 13px 28px;
      border-radius: var(--radius-pill);
      font-weight: 700;
      font-size: 1rem;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      transition: all 0.25s;
      border: 2px solid transparent;
      cursor: pointer;
      font-family: inherit;
    }
    .btn-primary {
      background: var(--primary);
      color: #fff;
      box-shadow: 0 8px 20px rgba(31, 78, 78, 0.25);
    }
    .btn-primary:hover {
      background: var(--primary-dark);
      transform: translateY(-2px);
      box-shadow: 0 12px 26px rgba(31, 78, 78, 0.35);
    }
    .btn-outline {
      background: transparent;
      color: var(--primary);
      border-color: var(--primary);
    }
    .btn-outline:hover {
      background: var(--primary);
      color: #fff;
      transform: translateY(-2px);
    }

    .hero-features {
      display: flex;
      gap: 22px;
      flex-wrap: wrap;
      padding-top: 20px;
      border-top: 1px dashed var(--kraft-line);
    }
    .hero-feature {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.9rem;
      color: var(--text-muted);
      font-weight: 500;
    }
    .hero-feature i { color: var(--accent); font-size: 1rem; }

    .hero-visual {
      position: relative;
    }
    /* شبکه‌ی برش یک جعبه (dieline) پشت کارت هیرو */
    .hero-visual::before {
      content: '';
      position: absolute;
      inset: -175px -40px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='none' stroke='rgb(176,141,91)'%3E%3Cpath d='M115 45H185V115H255V185H185V255H115V185H45V115H115Z' fill='rgb(176,141,91)' fill-opacity='.10' stroke-width='2' stroke-dasharray='7 5'/%3E%3Cpath d='M115 115H185M115 185H185M115 115V185M185 115V185' stroke-width='1.2' stroke-dasharray='2 4'/%3E%3C/svg%3E") center / contain no-repeat;
      transform: rotate(-8deg);
      pointer-events: none;
    }
    .hero-card {
      background: #fff;
      border-radius: 32px 8px 32px 8px;
      padding: 28px;
      box-shadow: var(--shadow-lg);
      border: 1px solid rgba(201, 169, 97, 0.2);
      position: relative;
      overflow: hidden;
    }
    .hero-card::before {
      content: '';
      position: absolute;
      top: 0; right: 0;
      width: 100%; height: 6px;
      background: linear-gradient(90deg, var(--beef), var(--poultry), var(--fish), var(--box));
    }
    .hero-card-title {
      font-weight: 700;
      font-size: 1rem;
      color: var(--primary-dark);
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .hero-products-mini {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .mini-product {
      background: var(--bg-warm);
      border-radius: 16px 6px 16px 6px;
      padding: 16px 12px;
      text-align: center;
      transition: transform 0.25s;
    }
    .mini-product i {
      font-size: 1.6rem;
      display: block;
      margin-bottom: 6px;
    }
    .mini-product:nth-child(1) i { color: var(--beef); }
    .mini-product:nth-child(2) i { color: var(--poultry); }
    .mini-product:nth-child(3) i { color: var(--fish); }
    .mini-product:nth-child(4) i { color: var(--box); }
    .mini-product span {
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--primary-dark);
    }

    /* ---------- نوار اعتماد ---------- */
    .trust-bar {
      background: var(--primary-dark);
      padding: 22px 0;
      color: #f5efe6;
    }
    .trust-grid {
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
    }
    .trust-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.95rem;
      font-weight: 500;
    }
    .trust-item i {
      color: var(--accent);
      font-size: 1.3rem;
    }

    /* ---------- عناوین بخش‌ها ---------- */
    .section-header {
      text-align: center;
      margin-bottom: 50px;
    }
    .section-tag {
      display: inline-block;
      color: var(--accent-text);
      font-weight: 700;
      font-size: 0.95rem;
      margin-bottom: 10px;
    }
    /* خط‌چین برش (dieline) زیر عنوان هر بخش */
    .section-header::after {
      content: '';
      display: block;
      width: 96px;
      margin: 22px auto 0;
      border-top: 2px dashed var(--kraft);
    }
    .section-title {
      font-size: clamp(1.5rem, 3.5vw, 2.2rem);
      font-weight: 800;
      color: var(--primary-dark);
      margin-bottom: 14px;
    }
    .section-desc {
      max-width: 640px;
      margin: 0 auto;
      color: var(--text-muted);
      font-size: 1.05rem;
      line-height: 1.9;
    }

    /* ---------- محصولات ---------- */
    .products {
      padding: 90px 0;
      background: var(--bg-light);
      scroll-margin-top: 90px;
    }

    .product-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 28px;
    }

    .product-card {
      background: #fff;
      border-radius: var(--radius-soft);
      overflow: hidden;
      box-shadow: var(--shadow-sm);
      border: 1px solid rgba(20, 33, 31, 0.06);
      transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      position: relative;
      display: flex;
      flex-direction: column;
    }
    .product-card::before {
      content: '';
      position: absolute;
      top: 0; right: 0;
      height: 4px; width: 0;
      background: var(--card-color, var(--accent));
      transition: width 0.4s;
      z-index: 2;
    }
    .product-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-lg);
      border-color: rgba(201, 169, 97, 0.4);
    }
    .product-card:hover::before { width: 100%; }

    .product-image {
      width: 100%;
      aspect-ratio: 4/3;
      background: var(--bg-warm);
      overflow: hidden;
      position: relative;
      display: grid;
      place-items: center;
    }
    .product-image img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 0.5s;
    }
    .product-card:hover .product-image img { transform: scale(1.07); }

    /* پلیس‌هولدر در صورت نبود عکس */
    .product-image .placeholder-icon {
      font-size: 4rem;
      color: var(--card-color, var(--accent));
      opacity: 0.7;
    }
    .product-image .badge {
      position: absolute;
      top: 12px; right: 12px;
      background: rgba(255,255,255,0.95);
      color: var(--card-color, var(--primary));
      padding: 4px 14px;
      border-radius: var(--radius-pill);
      font-size: 0.82rem;
      font-weight: 700;
      box-shadow: var(--shadow-sm);
      backdrop-filter: blur(8px);
    }

    .product-body {
      padding: 22px 22px 26px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .product-card h3 {
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 8px;
    }
    .product-card p {
      color: var(--text-muted);
      font-size: 0.92rem;
      line-height: 1.85;
      margin-bottom: 18px;
      flex: 1;
    }

    .product-features {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 18px;
    }
    .feature-chip {
      font-size: 0.85rem;
      background: var(--bg-warm);
      color: var(--primary-dark);
      padding: 4px 10px;
      border-radius: var(--radius-pill);
      font-weight: 600;
    }

    .product-cta {
      display: flex;
      gap: 8px;
      align-items: center;
      padding-top: 16px;
      border-top: 1px dashed var(--kraft-line);
    }
    .product-cta .price-note {
      font-size: 0.85rem;
      color: var(--text-muted);
      flex: 1;
    }
    .product-cta .cta-btn {
      background: var(--primary);
      color: #fff;
      padding: 8px 18px;
      border-radius: var(--radius-pill);
      font-size: 0.85rem;
      font-weight: 600;
      text-decoration: none;
      transition: 0.2s;
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .product-cta .cta-btn:hover {
      background: var(--card-color, var(--accent));
      transform: scale(1.05);
    }

    /* رنگ اختصاصی هر کارت */
    .product-card[data-type="beef"] { --card-color: var(--beef); }
    .product-card[data-type="poultry"] { --card-color: var(--poultry); }
    .product-card[data-type="fish"] { --card-color: var(--fish); }
    .product-card[data-type="box"] { --card-color: var(--box); }

    /* ---------- گالری / نمونه کارها ---------- */
    .gallery {
      padding: 90px 0;
      background: var(--primary-dark);
      scroll-margin-top: 90px;
    }
    .gallery .section-tag { color: var(--accent); }
    .gallery .section-title { color: #f5efe6; }
    .gallery .section-desc { color: rgba(245, 239, 230, 0.78); }
    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 180px;
      gap: 16px;
    }
    .gallery-item {
      border-radius: 20px 6px 20px 6px;
      overflow: hidden;
      position: relative;
      background: rgba(255, 255, 255, 0.05);
      display: grid;
      place-items: center;
      cursor: pointer;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 2; }
    .gallery-item:nth-child(4) { grid-column: span 2; }
    .gallery-item img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 0.5s;
    }
    .gallery-item:hover img { transform: scale(1.08); }
    .gallery-item .placeholder-icon {
      font-size: 3rem;
      color: var(--accent);
      opacity: 0.5;
    }
    .gallery-overlay {
      position: absolute;
      bottom: 0; right: 0; left: 0;
      padding: 20px;
      background: linear-gradient(to top, rgba(20, 47, 47, 0.85), transparent);
      color: #fff;
      transform: translateY(30%);
      opacity: 0;
      transition: 0.3s;
    }
    .gallery-item:hover .gallery-overlay {
      transform: translateY(0);
      opacity: 1;
    }
    .gallery-overlay h3 {
      font-size: 1.05rem;
      font-weight: 700;
      margin-bottom: 2px;
    }
    .gallery-overlay span {
      font-size: 0.9rem;
      opacity: 0.9;
    }

    /* ---------- بخش استعلام قیمت ---------- */
    .quote-section {
      padding: 90px 0;
      background: var(--bg-light);
      scroll-margin-top: 90px;
    }
    .quote-card {
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
      border-radius: 32px 10px 32px 10px;
      padding: 50px;
      color: #f5efe6;
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 50px;
      align-items: center;
      position: relative;
      overflow: hidden;
      box-shadow: var(--shadow-lg);
    }
    .quote-card::before {
      content: '';
      position: absolute;
      top: -80px; left: -80px;
      width: 300px; height: 300px;
      background: radial-gradient(circle, rgba(201, 169, 97, 0.25), transparent 70%);
      border-radius: 50%;
    }
    .quote-info { position: relative; z-index: 1; }
    .quote-info h2 {
      font-size: clamp(1.4rem, 3vw, 1.9rem);
      font-weight: 800;
      margin-bottom: 16px;
      line-height: 1.4;
    }
    .quote-info h2 .accent { color: var(--accent); }
    .quote-info p {
      color: rgba(245, 239, 230, 0.85);
      margin-bottom: 24px;
      line-height: 1.9;
    }
    .quote-contact-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .quote-contact-list li {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.95rem;
    }
    .quote-contact-list i {
      color: var(--accent);
      width: 20px;
    }

    .quote-form {
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 20px;
      padding: 28px;
      position: relative;
      z-index: 1;
      backdrop-filter: blur(10px);
    }
    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-bottom: 14px;
    }
    .form-group {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .form-group label {
      font-size: 0.82rem;
      font-weight: 600;
      color: rgba(245, 239, 230, 0.85);
    }
    .form-group input,
    .form-group select,
    .form-group textarea {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: #f5efe6;
      padding: 11px 14px;
      border-radius: 12px;
      font-family: inherit;
      font-size: 0.92rem;
      outline: none;
      transition: 0.2s;
      width: 100%;
    }
    .form-group input::placeholder,
    .form-group textarea::placeholder {
      color: rgba(245, 239, 230, 0.45);
    }
    .form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus {
      border-color: var(--accent);
      background: rgba(255, 255, 255, 0.12);
    }
    .form-group select option { color: #14211f; }
    .form-group textarea {
      resize: vertical;
      min-height: 80px;
    }
    .form-submit {
      width: 100%;
      background: var(--accent);
      color: var(--primary-dark);
      padding: 13px;
      border-radius: var(--radius-pill);
      border: none;
      font-weight: 700;
      font-size: 1rem;
      cursor: pointer;
      font-family: inherit;
      transition: 0.25s;
      margin-top: 6px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .form-submit:hover {
      background: #dcbf78;
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(201, 169, 97, 0.4);
    }

    /* ---------- درباره ما ---------- */
    .about {
      padding: 90px 0;
      background: var(--bg-warm);
      scroll-margin-top: 90px;
    }
    .about-grid {
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 60px;
      align-items: center;
    }
    .about-text h2 {
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 800;
      color: var(--primary-dark);
      margin-bottom: 20px;
      line-height: 1.4;
    }
    .about-text p {
      color: var(--text-muted);
      margin-bottom: 16px;
      font-size: 1rem;
      line-height: 1.95;
    }
    .about-badges {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 24px;
    }
    .about-badge {
      background: #fff;
      color: var(--primary-dark);
      padding: 8px 18px;
      border-radius: var(--radius-pill);
      font-size: 0.9rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      box-shadow: var(--shadow-sm);
      border: 1px solid rgba(201, 169, 97, 0.3);
    }
    .about-badge i { color: var(--accent); }

    /* آمار: جدول خط‌چین به‌جای کارت‌های جدا */
    .stats-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-top: 2px dashed var(--kraft);
    }
    .stat-card {
      padding: 28px 0;
      border-bottom: 2px dashed var(--kraft);
    }
    .stat-card:nth-child(odd) {
      padding-inline-end: 24px;
      border-left: 2px dashed var(--kraft);
    }
    .stat-card:nth-child(even) { padding-inline-start: 24px; }
    .stat-number {
      font-size: 2.4rem;
      font-weight: 800;
      color: var(--primary-dark);
      line-height: 1.3;
    }
    .stat-label {
      font-size: 0.95rem;
      color: var(--text-muted);
      font-weight: 500;
    }

    /* ---------- بخش تماس ---------- */
    .contact {
      padding: 90px 0;
      background: var(--bg-light);
      scroll-margin-top: 90px;
    }
    .contact-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      background: #fff;
      border-radius: var(--radius-soft);
      box-shadow: var(--shadow-sm);
      border: 1px solid rgba(20, 33, 31, 0.06);
      overflow: hidden;
    }
    .contact-card {
      padding: 38px 28px;
      text-align: center;
    }
    .contact-card + .contact-card {
      border-inline-start: 1px dashed var(--kraft-line);
    }
    .contact-card .icon-box {
      width: 64px; height: 64px;
      background: var(--bg-warm);
      border-radius: 18px 6px 18px 6px;
      display: grid; place-items: center;
      margin: 0 auto 18px;
      font-size: 1.5rem;
      color: var(--primary);
      transition: 0.25s;
    }
    .contact-card:hover .icon-box {
      background: var(--primary);
      color: var(--accent);
    }
    .contact-card h3 {
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 8px;
    }
    .contact-card p {
      color: var(--text-muted);
      font-size: 0.92rem;
      line-height: 1.9;
    }
    .contact-card a {
      color: var(--primary);
      text-decoration: none;
      font-weight: 600;
      display: inline-block;
      margin-top: 4px;
      transition: color 0.2s;
    }
    .contact-card a:hover { color: var(--accent-text); }
    .contact-card .map-btn {
      margin-top: 18px;
      padding: 9px 20px;
      border: 1.5px solid var(--primary);
      border-radius: var(--radius-pill);
      font-size: 0.9rem;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: background 0.2s, color 0.2s;
    }
    .contact-card .map-btn:hover {
      background: var(--primary);
      color: #fff;
    }

    /* ---------- FAQ ---------- */
    .faq {
      padding: 90px 0;
      background: var(--bg-warm);
      scroll-margin-top: 90px;
    }
    .faq-list {
      max-width: 820px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .faq-item {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid rgba(20, 33, 31, 0.06);
      transition: box-shadow 0.25s;
    }
    .faq-item.active { box-shadow: var(--shadow-md); }
    .faq-question {
      width: 100%;
      background: transparent;
      border: none;
      padding: 20px 24px;
      text-align: right;
      font-family: inherit;
      font-size: 1rem;
      font-weight: 600;
      color: var(--primary-dark);
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      transition: color 0.2s;
    }
    .faq-question:hover { color: var(--accent-text); }
    .faq-question i {
      transition: transform 0.3s;
      color: var(--accent);
      font-size: 0.9rem;
      flex-shrink: 0;
    }
    .faq-item.active .faq-question i { transform: rotate(180deg); }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s ease;
      color: var(--text-muted);
      font-size: 0.95rem;
      line-height: 1.95;
      padding: 0 24px;
    }
    .faq-item.active .faq-answer {
      max-height: 700px;
      padding: 0 24px 20px;
    }

    /* ---------- فوتر ---------- */
    footer {
      background: var(--primary-dark);
      color: rgba(245, 239, 230, 0.7);
      padding: 60px 0 24px;
      border-top: 4px solid var(--accent);
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
      gap: 40px;
      margin-bottom: 40px;
    }
    .footer-brand .logo-text .brand { color: #f5efe6; }
    .footer-brand p {
      margin-top: 14px;
      font-size: 0.9rem;
      line-height: 1.9;
      max-width: 300px;
    }
    .footer-social {
      display: flex;
      gap: 10px;
      margin-top: 20px;
    }
    .footer-social a {
      width: 40px; height: 40px;
      background: rgba(255, 255, 255, 0.06);
      border-radius: 10px;
      display: grid; place-items: center;
      color: rgba(245, 239, 230, 0.7);
      font-size: 1rem;
      transition: 0.25s;
      text-decoration: none;
    }
    .footer-social a:hover {
      background: var(--accent);
      color: var(--primary-dark);
      transform: translateY(-3px);
    }
    .footer-col h2 {
      color: #f5efe6;
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 16px;
    }
    .footer-col ul {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .footer-col ul a {
      color: rgba(245, 239, 230, 0.78);
      text-decoration: none;
      font-size: 0.92rem;
      transition: color 0.2s;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .footer-col ul a:hover {
      color: var(--accent);
      padding-right: 4px;
    }
    .footer-col ul a i {
      font-size: 0.7rem;
      color: var(--accent);
    }
    .footer-bottom {
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      text-align: center;
      font-size: 0.88rem;
      color: rgba(245, 239, 230, 0.65);
    }

    /* ---------- دکمه شناور واتساپ ---------- */
    .whatsapp-float {
      position: fixed;
      bottom: 24px;
      left: 24px;
      width: 58px;
      height: 58px;
      background: #25d366;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 1.7rem;
      box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
      z-index: 999;
      text-decoration: none;
      transition: all 0.3s;
      animation: pulse 2.5s infinite;
    }
    .whatsapp-float:hover {
      transform: scale(1.1) rotate(6deg);
      box-shadow: 0 12px 30px rgba(37, 211, 102, 0.6);
    }
    @keyframes pulse {
      0%, 100% { box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45); }
      50% { box-shadow: 0 8px 24px rgba(37, 211, 102, 0.8), 0 0 0 12px rgba(37, 211, 102, 0.1); }
    }

    /* ---------- انیمیشن ظاهر شدن ---------- */
    .js .reveal {
      opacity: 0;
      transform: translateY(14px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .js .reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }
    @media (prefers-reduced-motion: reduce) {
      .js .reveal { opacity: 1; transform: none; }
      * { animation: none !important; }
    }

    /* در صفحه‌های لمسی هاور وجود ندارد؛ توضیح گالری همیشه دیده شود */
    @media (hover: none) {
      .gallery-overlay { transform: none; opacity: 1; }
    }

    /* ---------- ریسپانسیو ---------- */
    @media (max-width: 992px) {
      .hero-grid { grid-template-columns: 1fr; gap: 40px; }
      .about-grid { grid-template-columns: 1fr; gap: 40px; }
      .quote-card { grid-template-columns: 1fr; padding: 36px 28px; gap: 30px; }
      .hero-visual::before { display: none; }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
      .gallery-grid { grid-template-columns: repeat(2, 1fr); }
      .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 1; }
      .gallery-item:nth-child(4) { grid-column: span 2; }
    }

    @media (max-width: 768px) {
      .menu-toggle { display: block; }
      .nav-links {
        display: none;
        position: absolute;
        top: 100%; right: 0; left: 0;
        background: var(--primary);
        flex-direction: column;
        padding: 20px;
        gap: 14px;
        box-shadow: var(--shadow-md);
      }
      .nav-links.open { display: flex; }
      .header-flex { position: relative; }
      .product-grid { grid-template-columns: 1fr; }
      .contact-grid { grid-template-columns: 1fr; }
      .contact-card + .contact-card { border-inline-start: 0; border-top: 1px dashed var(--kraft-line); }
      .form-row { grid-template-columns: 1fr; }
      .stats-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 480px) {
      .container { padding: 0 18px; }
      .hero { padding: 50px 0; }
      .products, .gallery, .quote-section, .about, .contact, .faq { padding: 60px 0; }
      .footer-grid { grid-template-columns: 1fr; }
      .whatsapp-float { width: 52px; height: 52px; font-size: 1.5rem; bottom: 18px; left: 18px; }
      .stats-grid { grid-template-columns: 1fr; }
      .stat-card:nth-child(odd) { border-left: 0; padding-inline-end: 0; }
      .stat-card:nth-child(even) { padding-inline-start: 0; }
    }
/* =====================================================================
   v2 additions — semantic headings, mobile UX, inner pages
   (طراحی و رنگ‌های اصلی سایت بدون تغییر حفظ شده است)
   ===================================================================== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;top:-70px;right:12px;background:var(--accent);color:var(--primary-dark);padding:10px 18px;border-radius:0 0 12px 12px;font-weight:700;z-index:1001;text-decoration:none}
.skip-link:focus{top:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
address{font-style:normal}
main{display:block}

/* هدر */
.header-flex{flex-wrap:nowrap}
.header-actions{display:flex;align-items:center;gap:14px}
.header-cta{background:var(--accent);color:var(--primary-dark);padding:10px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:.25s;box-shadow:0 4px 12px rgba(201,169,97,.35)}
.header-cta:hover{background:#dcbf78;transform:translateY(-2px)}
.login-link{color:rgba(245,239,230,.85);text-decoration:none;font-size:.9rem;display:inline-flex;gap:6px;align-items:center;padding:8px 4px;white-space:nowrap}
.login-link:hover{color:#fff}
.header-call{display:none;width:44px;height:44px;border-radius:50%;background:rgba(201,169,97,.18);color:var(--accent);place-items:center;text-decoration:none}
.nav-login{display:none}
.nav-links a.active{color:#fff}
.nav-links a.active::after{width:100%}
.menu-toggle{width:44px;height:44px;place-items:center}
@media (max-width:1150px){.nav-links{gap:18px}.logo-text span{display:none}}

/* عنوان‌های معنایی (h2/h3 به‌جای h4 و ...) */
.faq-h{margin:0;font-size:inherit;font-weight:inherit}
.gallery-overlay h3{font-size:1.05rem;font-weight:700;margin-bottom:2px}
.product-card h3 a{color:inherit;text-decoration:none}
.product-card h3 a:hover{color:var(--accent-text)}
.product-image{text-decoration:none}
.mini-product{text-decoration:none;color:inherit}
.quote-contact-list a{color:inherit;text-decoration:none}
.quote-contact-list a:hover{color:var(--accent)}
.about-text a{color:var(--accent-text);font-weight:600}

/* تصاویر واقعی روی جایگاه‌ها (اگر فایل عکس وجود نداشته باشد، آیکن نمایش داده می‌شود) */
.product-image img,.gallery-item img,.photo-slot img,.fact-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-slot,.fact-photo{position:relative;aspect-ratio:4/3;background:var(--bg-warm);overflow:hidden;display:grid;place-items:center;border-radius:20px 6px 20px 6px;margin:0}
.fact-photo{margin-bottom:18px}
.photo-slot .placeholder-icon,.fact-photo .placeholder-icon{font-size:3rem;color:var(--card-color,var(--accent));opacity:.55}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}

/* دکمه‌ها */
.btn-lg{padding:15px 32px;font-size:1.05rem;min-height:52px}
.btn{min-height:48px;justify-content:center}

/* نوار پایین موبایل (تماس / استعلام / واتساپ) */
.mobile-bar{display:none}

/* بخش‌های جدید صفحه اصلی */
.why{padding:90px 0;background:var(--bg-light);scroll-margin-top:90px}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.why-card{background:#fff;padding:26px;border-radius:var(--radius-soft);border:1px dashed var(--kraft-line);box-shadow:var(--shadow-sm)}
.why-card i{font-size:1.5rem;color:var(--accent-text);margin-bottom:12px;display:block}
.why-card h3{font-size:1.1rem;color:var(--primary-dark);margin-bottom:6px}
.why-card p{color:var(--text-muted);font-size:.95rem}
.process{padding:90px 0;background:var(--bg-warm);scroll-margin-top:90px}
.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:s}
.steps li{background:#fff;padding:24px;border-radius:var(--radius-soft);border:1px dashed var(--kraft-line);counter-increment:s}
.steps li::before{content:counter(s,persian);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;margin-bottom:12px}
.steps h3{font-size:1.05rem;color:var(--primary-dark);margin-bottom:6px}
.steps p{color:var(--text-muted);font-size:.95rem}
.blog-teaser{padding:90px 0;background:var(--bg-light)}
.center-link{text-align:center;margin-top:32px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.post-card{display:flex;flex-direction:column;gap:10px;background:#fff;padding:26px;border-radius:var(--radius-soft);border:1px dashed var(--kraft-line);text-decoration:none;color:var(--text-dark);transition:.25s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.post-card h2,.post-card h3{font-size:1.15rem;line-height:1.7;color:var(--primary-dark)}
.post-card p{color:var(--text-muted);font-size:.95rem}
.post-card .more{margin-top:auto;color:var(--accent-text);font-weight:700}

/* فرم */
.form-wa{width:100%;margin-top:10px;background:transparent;color:#f5efe6;border:2px solid rgba(255,255,255,.35);padding:11px;border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s}
.form-wa:hover{border-color:#25d366;color:#fff;background:rgba(37,211,102,.15)}
.form-wa i{color:#25d366}
.form-submit:disabled{opacity:.6;cursor:wait}
.form-status{margin-top:12px;font-size:.92rem;min-height:1.5em;color:#f5efe6}
.form-status.ok{color:#9be3b3}
.form-status.err{color:#ffb4a8}
.form-group input,.form-group select{min-height:46px}
.form-group{margin-bottom:0}
.quote-form .form-group + .form-group{margin-top:14px}
.quote-form .form-row + .form-group{margin-top:0}

/* صفحه‌های داخلی */
.page-hero{padding:56px 0 48px;background:radial-gradient(circle at 90% 20%,rgba(201,169,97,.15),transparent 45%),linear-gradient(145deg,#f7f2e8,#eadfc6)}
.page-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.page-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:var(--primary-dark);line-height:1.5;margin-bottom:16px}
.page-hero .lead{font-size:1.1rem;color:var(--text-muted);max-width:640px;margin-bottom:24px;line-height:1.9}
.article-meta{color:var(--text-muted);font-size:.9rem}
.breadcrumb{font-size:.88rem;color:var(--text-muted);margin-bottom:18px}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.breadcrumb li+li::before{content:'‹';margin-inline-end:8px;color:var(--kraft)}
.breadcrumb a{color:var(--accent-text);text-decoration:none;font-weight:600}
.breadcrumb a:hover{text-decoration:underline}
.fact-card{background:#fff;border-radius:var(--radius-soft);padding:22px;box-shadow:var(--shadow-md);border:1px dashed var(--kraft-line)}
.fact-card h2{font-size:1.05rem;margin-bottom:12px;color:var(--primary-dark)}
.fact-card ul{list-style:none;display:grid;gap:10px}
.fact-card li{display:flex;gap:10px;font-size:.95rem;align-items:flex-start}
.fact-card li i{color:var(--accent-text);margin-top:6px}
.content-section{padding:60px 0;scroll-margin-top:90px}
.content-section.alt{background:var(--bg-warm)}
.content-section h2{font-size:clamp(1.3rem,3vw,1.75rem);font-weight:800;color:var(--primary-dark);margin-bottom:16px;line-height:1.6}
.prose p,.prose li{max-width:72ch}
.prose p{margin-bottom:14px}
.prose h2{margin-top:32px}
.prose h2:first-child{margin-top:0}
.prose ul{padding-inline-start:22px;margin-bottom:14px}
.prose a,.faq-answer a,.content-section a:not(.btn):not(.link-card):not(.post-card){color:var(--accent-text);font-weight:600}
.article{max-width:800px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.check-list{list-style:none;display:grid;gap:12px}
.check-list li{display:flex;gap:10px;align-items:flex-start;max-width:none}
.check-list i{color:var(--accent-text);margin-top:8px;font-size:.85rem}
.table-wrap{overflow-x:auto}
.spec-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}
.spec-table th,.spec-table td{padding:14px 18px;text-align:right;border-bottom:1px solid rgba(20,33,31,.07);vertical-align:top}
.spec-table th{width:30%;background:var(--bg-warm);color:var(--primary-dark);font-weight:700}
.note{margin-top:14px;color:var(--text-muted);font-size:.92rem}
.link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.link-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px dashed var(--kraft-line);border-radius:16px;padding:18px;text-decoration:none;color:var(--text-dark);transition:.25s}
.link-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.link-card i{color:var(--accent-text);font-size:1.4rem;margin-top:4px}
.link-card strong{display:block;color:var(--primary-dark);line-height:1.6}
.link-card small{display:block;color:var(--text-muted);margin-top:4px;line-height:1.7}
.faq + .quote-section, .content-section + .faq{scroll-margin-top:90px}

/* منوی موبایل و تبلت */
@media (max-width:992px){
  .menu-toggle{display:grid}
  .header-cta,.login-link{display:none}
  .header-call{display:grid}
  .header-flex{position:relative}
  .nav-links{display:none;position:absolute;top:100%;right:0;left:0;background:var(--primary);flex-direction:column;align-items:stretch;padding:8px 20px 18px;gap:0;box-shadow:var(--shadow-md)}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem}
  .nav-links a::after{display:none}
  .nav-login{display:block}
  .page-hero-grid,.two-col{grid-template-columns:1fr;gap:32px}
}
@media (max-width:768px){
  body{padding-bottom:72px}
  .whatsapp-float{display:none}
  .mobile-bar{display:grid;grid-template-columns:1fr 1.5fr 56px;gap:8px;position:fixed;bottom:0;right:0;left:0;z-index:999;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(20,47,47,.97);border-top:2px solid var(--accent)}
  .mobile-bar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;font-weight:700;text-decoration:none;font-size:.95rem}
  .mb-call{background:rgba(255,255,255,.12);color:#fff}
  .mb-quote{background:var(--accent);color:var(--primary-dark)}
  .mb-wa{background:#25d366;color:#fff;font-size:1.5rem}
  .hero-cta .btn{flex:1 1 100%}
  .spec-table th{width:38%}
  .spec-table th,.spec-table td{padding:12px 14px}
  .why,.process,.blog-teaser{padding:60px 0}
  .quote-card{padding:28px 20px}
  .quote-form{padding:20px}
  .content-section{padding:44px 0}
  .stats-grid{grid-template-columns:1fr 1fr}
}

/* ===== آیکن‌های خودمیزبان (جایگزین Font Awesome از CDN) — بدون نیاز به سرور خارجی/VPN ===== */
.fas,.fab{display:inline-block;width:1em;height:1em;flex:none;font-style:normal;line-height:1;vertical-align:-.125em;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.fa-chevron-left{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}
.fa-chevron-down{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.fa-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.fa-check-circle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12.5 3 3 5-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12.5 3 3 5-6'/%3E%3C/svg%3E")}
.fa-xmark{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}
.fa-bars{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E")}
.fa-arrow-left{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E")}
.fa-phone,.fa-phone-alt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.fa-whatsapp{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22z'/%3E%3Cg transform='translate(7.6 7.4) scale(.36)'%3E%3Cpath stroke-width='3.6' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22z'/%3E%3Cg transform='translate(7.6 7.4) scale(.36)'%3E%3Cpath stroke-width='3.6' d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/g%3E%3C/svg%3E")}
.fa-paper-plane{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E")}
.fa-map-marker-alt,.fa-map-location-dot{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.fa-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
.fa-sign-in-alt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E")}
.fa-print{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E")}
.fa-box,.fa-cube{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12'/%3E%3C/svg%3E")}
.fa-boxes{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='13' width='9' height='9' rx='1'/%3E%3Crect x='13' y='13' width='9' height='9' rx='1'/%3E%3Crect x='7.5' y='2' width='9' height='9' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='13' width='9' height='9' rx='1'/%3E%3Crect x='13' y='13' width='9' height='9' rx='1'/%3E%3Crect x='7.5' y='2' width='9' height='9' rx='1'/%3E%3C/svg%3E")}
.fa-layer-group{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath d='m2 12 10 5 10-5'/%3E%3Cpath d='m2 17 10 5 10-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath d='m2 12 10 5 10-5'/%3E%3Cpath d='m2 17 10 5 10-5'/%3E%3C/svg%3E")}
.fa-images{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m21 16-5-5L5 20'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m21 16-5-5L5 20'/%3E%3C/svg%3E")}
.fa-newspaper{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8M15 18h-5M10 6h8v4h-8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/%3E%3Cpath d='M18 14h-8M15 18h-5M10 6h8v4h-8z'/%3E%3C/svg%3E")}
.fa-calculator{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M8 6h8M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01' stroke-width='2.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M8 6h8M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01' stroke-width='2.6'/%3E%3C/svg%3E")}
.fa-truck-fast{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1zM16 8h4l3 3v5h-7z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1zM16 8h4l3 3v5h-7z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E")}
.fa-industry{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3Cpath d='M17 18h1M12 18h1M7 18h1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/%3E%3Cpath d='M17 18h1M12 18h1M7 18h1'/%3E%3C/svg%3E")}
.fa-headset{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E")}
.fa-ruler-combined{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0z'/%3E%3Cpath d='m14.5 12.5 2-2M11.5 9.5l2-2M8.5 6.5l2-2M17.5 15.5l2-2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0z'/%3E%3Cpath d='m14.5 12.5 2-2M11.5 9.5l2-2M8.5 6.5l2-2M17.5 15.5l2-2'/%3E%3C/svg%3E")}
.fa-fish{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12c2.5-4 6-6 10-6 3 0 5 2.5 6 6-1 3.5-3 6-6 6-4 0-7.5-2-10-6z'/%3E%3Cpath d='M5 12 1.5 8v8z'/%3E%3Cpath d='M16.5 11h.01' stroke-width='2.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12c2.5-4 6-6 10-6 3 0 5 2.5 6 6-1 3.5-3 6-6 6-4 0-7.5-2-10-6z'/%3E%3Cpath d='M5 12 1.5 8v8z'/%3E%3Cpath d='M16.5 11h.01' stroke-width='2.6'/%3E%3C/svg%3E")}
.fa-cow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h8l2 3v7a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9z'/%3E%3Cpath d='M8 6 6 3M16 6l2-3M6 9 2.5 8.5M18 9l3.5-.5M9.5 11h.01M14.5 11h.01' stroke-width='2.2'/%3E%3Cpath d='M9 15.5h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h8l2 3v7a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V9z'/%3E%3Cpath d='M8 6 6 3M16 6l2-3M6 9 2.5 8.5M18 9l3.5-.5M9.5 11h.01M14.5 11h.01' stroke-width='2.2'/%3E%3Cpath d='M9 15.5h6'/%3E%3C/svg%3E")}
.fa-dove{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h.01' stroke-width='2.6'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5M10 18v3M14 17.75V21M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7h.01' stroke-width='2.6'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5M10 18v3M14 17.75V21M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/svg%3E")}

.fa-instagram{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='2'%20y='2'%20width='20'%20height='20'%20rx='5'%20ry='5'/%3E%3Cpath%20d='M16%2011.37A4%204%200%201%201%2012.63%208%204%204%200%200%201%2016%2011.37z'/%3E%3Cline%20x1='17.5'%20y1='6.5'%20x2='17.5'%20y2='6.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='2'%20y='2'%20width='20'%20height='20'%20rx='5'%20ry='5'/%3E%3Cpath%20d='M16%2011.37A4%204%200%201%201%2012.63%208%204%204%200%200%201%2016%2011.37z'/%3E%3Cline%20x1='17.5'%20y1='6.5'%20x2='17.5'%20y2='6.5'/%3E%3C/svg%3E")}