/* Small, responsive trust banners; copy remains live Vazirmatn text. */
.trust-mini-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-block: 25px 6px;
}
.trust-mini {
  --mini-ribbon: #fef2e4;
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 140px;
  padding: 15px 17px;
  border: 1px solid rgba(2, 61, 91, .06);
  border-radius: 15px;
  background: #bed5cf;
  color: #173b49;
  font: inherit;
  text-align: right;
  text-decoration: none;
  isolation: isolate;
  overflow: hidden;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}
.trust-mini--experience { background: #f7cfaa; --mini-ribbon: #bed5cf; }
.trust-mini--care { background: #023d5b; color: #fef2e4; --mini-ribbon: #7d9573; }
.trust-mini::before,
.trust-mini::after {
  content: "";
  position: absolute;
  left: -32px;
  top: 40px;
  width: 180px;
  height: 23px;
  background: var(--mini-ribbon);
  opacity: .8;
  transform: rotate(-17deg);
  pointer-events: none;
  z-index: -1;
}
.trust-mini::after { top: 72px; height: 12px; transform: rotate(16deg); opacity: .55; }
.trust-mini--care::before { opacity: .7; }
.trust-mini__copy { display: block; width: calc(100% - 115px); position: relative; z-index: 3; }
.trust-mini__title { display: block; font-size: 17px; line-height: 1.6; font-weight: 750; letter-spacing: -.4px; }
.trust-mini__detail { display: block; margin-top: 4px; font-size: 11.5px; line-height: 1.8; font-weight: 450; }
.trust-mini--care .trust-mini__detail { color: #dfebe7; }
.trust-mini__action { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 10.5px; font-weight: 650; line-height: 1.8; }
.trust-mini__action svg { width: 15px; height: 15px; flex: none; stroke-width: 1.6; }
.trust-mini__art { position: absolute; width: 142px; height: 143px; left: -8px; bottom: -12px; z-index: 1; pointer-events: none; overflow: hidden; }
.trust-mini__art .animal-portrait { position: absolute; width: 159px; height: 159px; left: -7px; bottom: -5px; }
.trust-mini--experience .trust-mini__art .animal-portrait { width: 168px; height: 168px; left: -12px; bottom: -6px; }
.trust-mini__art--pair { width: 149px; height: 140px; left: -12px; }
.trust-mini__art--pair .mini-pair-dog { width: 140px; height: 140px; left: -15px; bottom: 6px; }
.trust-mini__art--pair .mini-pair-cat { width: 97px; height: 97px; left: 61px; bottom: -1px; }
.trust-mini__stamp { position: absolute; width: 21px; height: 21px; left: 12px; top: 12px; stroke-width: 1.4; opacity: .48; }
.trust-mini:hover { transform: translateY(-2px); box-shadow: 0 5px 16px rgba(2, 61, 91, .08); }
.trust-mini:focus-visible { outline: 3px solid #023d5b; outline-offset: 4px; }
@media (max-width: 1100px) and (min-width: 701px) {
  .trust-mini-row { gap: 10px; }
  .trust-mini { padding-inline: 13px; min-height: 145px; }
  .trust-mini__copy { width: calc(100% - 77px); }
  .trust-mini__title { font-size: 15px; letter-spacing: -.3px; }
  .trust-mini__detail { font-size: 10.5px; }
  .trust-mini__action { font-size: 10px; }
  .trust-mini__art { transform: scale(.8); transform-origin: bottom left; left: -22px; }
  .trust-mini::before, .trust-mini::after { left: -73px; }
}
@media (max-width: 700px) {
  .trust-mini-row { grid-template-columns: 1fr; gap: 9px; margin-block: 16px 3px; }
  .trust-mini { min-height: 124px; padding: 13px 15px; border-radius: 13px; }
  .trust-mini__copy { width: calc(100% - 110px); }
  .trust-mini__title { font-size: 17px; }
  .trust-mini__detail { font-size: 11.5px; margin-top: 3px; }
  .trust-mini__action { font-size: 10.5px; margin-top: 5px; }
  .trust-mini__art { height: 136px; bottom: -15px; }
  .trust-mini__art .animal-portrait { width: 150px; height: 150px; }
  .trust-mini--experience .trust-mini__art .animal-portrait { width: 157px; height: 157px; }
  .trust-mini__art--pair .mini-pair-dog { width: 132px; height: 132px; left: -9px; bottom: 5px; }
  .trust-mini__art--pair .mini-pair-cat { width: 91px; height: 91px; left: 66px; bottom: 0; }
  .trust-mini__stamp { width: 18px; height: 18px; top: 10px; left: 10px; }
}
@media (max-width: 360px) {
  .trust-mini__copy { width: calc(100% - 88px); }
  .trust-mini__title { font-size: 16px; }
  .trust-mini__detail { font-size: 11px; }
  .trust-mini__art { transform: scale(.83); transform-origin: bottom left; left: -19px; }
  .trust-mini::before, .trust-mini::after { left: -55px; }
}
@media (prefers-reduced-motion: reduce) { .trust-mini { transition: none; } }
