/** Shopify CDN: Minification failed

Line 151:5 Expected ":"

**/
/*
 * Chubbytrend Trust Badges
 * Service and reassurance cards.
 */

/* =========================================================
   01. SECTION
   ========================================================= */

.ct-trust-badges {
  padding-top: 0;
  padding-bottom: 3.2rem;
  
  /* --- THÊM VÀO ĐÂY: Giới hạn chiều rộng của cả khối container --- */
  max-width: 1050px; /* Thu hẹp container lớn bên ngoài (gốc thường là 1200px+) */
  margin: 0 auto;   /* Căn đều cả khối này ra giữa màn hình */
  width: 100%;
}

.ct-trust-badges__header {
  margin-bottom: 2.0rem; /* Giảm một chút khoảng cách tiêu đề cho gọn */
  text-align: center;
}

.ct-trust-badges__heading {
  margin: 0;
  color: var(--ct-color-heading);
  font-family: var(--font-heading-family);
  font-size: 2.2rem; /* Giảm nhẹ font chữ tiêu đề từ 2.4rem xuống 2.2rem */
  font-weight: 700;
  line-height: 1.2;
}

/* =========================================================
   02. GRID
   ========================================================= */

.ct-trust-badges__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2rem; /* Giảm khoảng cách giữa các card từ 1.6rem xuống 1.2rem giúp thu nhỏ tổng thể */

  margin: 0;
  padding: 0;
  list-style: none;
}

.ct-trust-badges__item {
  min-width: 0;
}

/* =========================================================
   03. CARD
   ========================================================= */

.ct-trust-badges__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-height: 9.5rem; /* THAY ĐỔI: Giảm chiều cao tối thiểu từ 13.2rem xuống 9.5rem */
  height: auto;       /* THAY ĐỔI: Chuyển từ 100% sang auto để card tự co ôm vừa text */
  padding: 1.2rem 1.0rem; /* THAY ĐỔI: Giảm padding bên trong card để card hẹp lại */

  border-radius: var(--ct-radius-md);
  background: var(--ct-cream);
  color: var(--ct-color-text);
  text-align: center;
  text-decoration: none;

  transition:
    transform var(--ct-transition-fast),
    box-shadow var(--ct-transition-fast),
    background-color var(--ct-transition-fast);
}

/* =========================================================
   04. ICON
   ========================================================= */

.ct-trust-badges__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 4.2rem;  /* THAY ĐỔI: Thu nhỏ icon từ 5.2rem xuống 4.2rem */
  height: 4.2rem; /* THAY ĐỔI: Thu nhỏ icon từ 5.2rem xuống 4.2rem */
  margin-bottom: 0.6rem;
}

.ct-trust-badges__icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ct-trust-badges__fallback-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 3.0rem; /* Giảm nhẹ icon dự phòng */
  height: 3.0rem;

  color: var(--ct-leaf-green);
}

.ct-trust-badges__fallback-icon svg {
  width: 100%;
  height: 100%;
}

/* =========================================================
   05. TEXT
   ========================================================= */

.ct-trust-badges__title {
  max-width: 24rem;
  margin: 0;

  color: inherit;
  font-family: var(--font-heading-family);
  font-size: 1.35rem; /* Giảm nhẹ size chữ từ 1.45rem xuống 1.35rem */
  font-weight: 700;
  line-height: 1.3;
}

.ct-trust-badges__link-label {
  display: inline-block;
  margin-top: 0.2rem;

  color: var(--ct-color-primary);
  font-size: 1.2rem; /* Giảm nhẹ từ 1.3rem xuống 1.2rem */
  font-weight: 400;
  line-height: 1.3;
}

/* =========================================================
   06. INTERACTION
   ========================================================= */

@media (hover: hover) {
  a.ct-trust-badges__card:hover {
    c color: var(--ct-color-primary);
    background: var(--ct-blush);
    box-shadow: var(--ct-shadow-sm);
    transform: translateY(-0.3rem);
  }

  a.ct-trust-badges__card:hover .ct-trust-badges__link-label {
    text-decoration: underline;
    text-underline-offset: 0.3rem;
  }
}

/* =========================================================
   07. TABLET (Màn hình vừa)
   ========================================================= */

@media screen and (min-width: 750px) and (max-width: 989px) {
  .ct-trust-badges {
    padding-top: 0;
    padding-bottom: 2.0rem;
  }

  .ct-trust-badges__grid {
    gap: 1.0rem;
  }

  .ct-trust-badges__card {
    min-height: 9.0rem; /* THAY ĐỔI: Thu nhỏ chiều cao trên Tablet */
    padding: 1.2rem 0.8rem;
  }

  .ct-trust-badges__icon-wrap {
    width: 3.8rem;  /* THAY ĐỔI: Thu nhỏ icon trên Tablet */
    height: 3.8rem;
  }

  .ct-trust-badges__title {
    font-size: 1.25rem;
  }

  .ct-trust-badges__link-label {
    font-size: 1.15rem;
  }
}

/* =========================================================
   08. MOBILE (Màn hình điện thoại)
   ========================================================= */

@media screen and (max-width: 749px) {
  .ct-trust-badges {
    padding-top: 1.2rem;
    padding-bottom: 2.0rem;
  }

  .ct-trust-badges__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem; /* Ép sát các card lại trên điện thoại */
  }

  .ct-trust-badges__card {
    min-height: 9.5rem; /* THAY ĐỔI: Giảm chiều cao trên mobile từ 13.6rem xuống 9.5rem */
    padding: 1.2rem 0.8rem;
  }

  .ct-trust-badges__icon-wrap {
    width: 3.8rem;  /* THAY ĐỔI: Thu nhỏ icon trên Mobile tránh chiếm diện tích */
    height: 3.8rem;
    margin-bottom: 0.4rem;
  }

  .ct-trust-badges__title {
    font-size: 1.25rem;
  }

  .ct-trust-badges__link-label {
    font-size: 1.15rem;
  }
}

/* =========================================================
   09. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ct-trust-badges__card {
    transition: none;
  }
}