/* =========================================================================
   ONE BOOST — trust.css
   Guarantees grid + policies reassurance strip.
   ========================================================================= */

.guarantees { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 40px; }
.guar-card {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, var(--surface), var(--bg-soft));
  border: 1px solid var(--line); border-radius: var(--radius); padding: 30px 24px; text-align: center;
  transition: transform .22s var(--ease), border-color .22s, box-shadow .28s;
}
.guar-card:hover { transform: translateY(-5px); border-color: var(--line-2); box-shadow: var(--shadow); }
.guar-ico { width: 56px; height: 56px; border-radius: 15px; display: grid; place-items: center; margin: 0 auto 18px; background: color-mix(in srgb, var(--red) 15%, transparent); border: 1px solid color-mix(in srgb, var(--red) 28%, transparent); color: var(--red-ink); }
.guar-ico svg { width: 27px; height: 27px; }
.guar-card h4 { font-family: var(--font-display); font-weight: 700; font-size: 17px; margin-bottom: 8px; }
html[lang="ar"] .guar-card h4 { font-family: var(--font-ar); }
.guar-card p { color: var(--text-2); font-size: 14px; }

.policies-strip { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.policy-chip { display: inline-flex; align-items: center; gap: 11px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; padding: 14px 20px; color: var(--text); font-weight: 600; font-size: 14.5px; transition: border-color .2s, transform .2s var(--ease), background .2s; }
.policy-chip:hover { border-color: var(--red); transform: translateY(-2px); background: var(--surface-2); }
.policy-chip .pic { width: 30px; height: 30px; border-radius: 8px; flex: none; display: grid; place-items: center; background: color-mix(in srgb, var(--red) 14%, transparent); color: var(--red-ink); }
.policy-chip .pic svg { width: 17px; height: 17px; }
.policy-chip .arw { color: var(--text-3); }
.policy-chip .arw svg { width: 15px; height: 15px; }