/* css/sections/trust.css */

/* =========================
   TRUST - Почему выбирают Oguz Med
   ========================= */

.trust{
  padding:90px 0;
  background:#fff;
  position:relative;
}

.trust::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--line), transparent);
}

/* =========================
   HEADER
   ========================= */

.trust__header{
  text-align:center;
  margin-bottom:44px;
}

.trust__title{
  font-size:var(--text-6xl);
  font-weight:var(--font-black);
  color:var(--primary-dark);
  margin:0 0 12px;
  font-family:var(--font-display);
  letter-spacing:-1px;
  line-height:1.15;
}

.trust__subtitle{
  font-size:var(--text-lg);
  color:var(--text-muted);
  margin:0;
  font-weight:var(--font-semibold);
}

/* =========================
   GRID (2x2)
   ========================= */

.trust__grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-bottom:28px;
}

/* =========================
   CARD
   ========================= */

.trust-card{
  background:#fff;
  border:1.5px solid var(--border);
  border-radius:var(--radius-18);
  padding:26px;
  min-height:170px;
  transition:all var(--transition-base);
  box-shadow:0 6px 18px rgba(0,0,0,0.03);
}

.trust-card:hover{
  border-color:var(--border-hover);
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(0,0,0,0.08);
}

.trust-card__head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
}

/* =========================
   ICONS (CSS MASKS)
   ========================= */

.trust-card__icon{
  width:44px;
  height:44px;
  flex:0 0 44px;

  display:grid;
  place-items:center;

  border-radius:14px;
  background:linear-gradient(
    135deg,
    rgba(31,143,74,0.14),
    rgba(31,143,74,0.06)
  );
  border:1px solid rgba(31,143,74,0.22);
  color:var(--primary);
}

.trust-card__icon::before{
  content:"";
  width:22px;
  height:22px;
  display:block;
  background-color:currentColor;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}

/* Документ */
.trust-card__icon--license::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath fill='black' d='M14 3v5h5'/%3E%3Cpath fill='black' d='M9 13h6'/%3E%3Cpath fill='black' d='M9 17h6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath fill='black' d='M14 3v5h5'/%3E%3Cpath fill='black' d='M9 13h6'/%3E%3Cpath fill='black' d='M9 17h6'/%3E%3C/svg%3E");
}

/* Медаль */
.trust-card__icon--experience::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 3H7l2 7h6l2-7z'/%3E%3Ccircle cx='12' cy='16' r='5' fill='black'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 3H7l2 7h6l2-7z'/%3E%3Ccircle cx='12' cy='16' r='5' fill='black'/%3E%3C/svg%3E");
}

/* Калькулятор */
.trust-card__icon--pricing::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath fill='black' d='M8 6h8v3H8z'/%3E%3Cpath fill='black' d='M8 11h2v2H8zM11 11h2v2h-2zM14 11h2v2h-2zM8 14h2v2H8zM11 14h2v2h-2zM14 14h2v2h-2zM8 17h8v2H8z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath fill='black' d='M8 6h8v3H8z'/%3E%3Cpath fill='black' d='M8 11h2v2H8zM11 11h2v2h-2zM14 11h2v2h-2zM8 14h2v2H8zM11 14h2v2h-2zM14 14h2v2h-2zM8 17h8v2H8z'/%3E%3C/svg%3E");
}

/* Врач */
.trust-card__icon--doctor::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='black'/%3E%3Cpath fill='black' d='M4 22c0-4.4 3.6-8 8-8s8 3.6 8 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'%3E%3Ccircle cx='12' cy='8' r='4' fill='black'/%3E%3Cpath fill='black' d='M4 22c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E");
}

/* =========================
   TEXT
   ========================= */

.trust-card__title{
  font-size:18px;
  font-weight:var(--font-black);
  color:var(--primary-dark);
  margin:0;
  line-height:1.2;
  font-family:var(--font-display);
}

.trust-card__text{
  font-size:14px;
  line-height:1.6;
  color:var(--text-soft);
  margin:0;
}

/* =========================
   CTA (BIG BUTTON)
   ========================= */

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

  padding:22px 24px;
  border-radius:var(--radius-18);
  border:1.5px solid rgba(31,143,74,0.18);
  background:linear-gradient(
    135deg,
    rgba(31,143,74,0.08),
    rgba(31,143,74,0.03)
  );
}

.trust__cta-text{
  margin:0;
  color:var(--primary-dark);
  font-weight:var(--font-extrabold);
  font-size:17px;
}

.trust__cta-sub{
  margin:6px 0 0;
  color:var(--text-muted);
  font-weight:var(--font-semibold);
  font-size:14px;
}

.trust__cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:18px 28px;
  min-height:56px;
  border-radius:999px;

  font-weight:var(--font-black);
  font-size:16px;
  letter-spacing:0.2px;
  text-decoration:none;
  white-space:nowrap;

  color:#fff;
  background:linear-gradient(135deg, var(--primary), var(--primary-hover));
  box-shadow:0 18px 40px rgba(31,143,74,0.28);
  transition:all var(--transition-base);
}

.trust__cta-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 50px rgba(31,143,74,0.35);
}

.trust__cta-btn:active{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(31,143,74,0.25);
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width:980px){
  .trust{
    padding:80px 0;
  }

  .trust__title{
    font-size:var(--text-5xl);
  }

  .trust__grid{
    grid-template-columns:1fr;
  }

  .trust__cta{
    flex-direction:column;
    text-align:center;
  }

  .trust__cta-btn{
    width:100%;
  }
}

@media (max-width:640px){
  .trust{
    padding:60px 0;
  }

  .trust__title{
    font-size:var(--text-4xl);
  }

  .trust-card{
    padding:20px;
    min-height:auto;
  }

  .trust-card__icon{
    width:42px;
    height:42px;
  }

  .trust-card__icon::before{
    width:21px;
    height:21px;
  }

  .trust__cta-btn{
    min-height:60px;
    font-size:17px;
    padding:20px 28px;
  }
}