/* ─── AL Trust Bar — dark full-bleed (sketch 003 · B) ─── */
.al-trust { margin-top: 72px; background: var(--ink); padding-inline: var(--gutter); }
.al-trust__in { max-width: var(--max-w); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); }
.al-trust__item { display: flex; align-items: center; gap: 15px; padding: 30px 28px; border-right: 1px solid rgba(255,255,255,.12); }
.al-trust__item:first-child { padding-left: 0; }
.al-trust__item:last-child { border-right: 0; }
.al-trust__item i { width: 46px; height: 46px; border-radius: 14px; background: var(--red); display: grid; place-items: center; flex: none; box-shadow: 0 6px 18px rgba(227,73,58,.34); }
.al-trust__item svg { width: 20px; height: 20px; stroke: #fff; }
.al-trust__item b { display: block; font-family: var(--font-display); font-size: 16px; color: #fff; line-height: 1.3; }
.al-trust__item span { font-size: 13.5px; color: #8f8f99; }
@media (max-width: 980px) {
	.al-trust__in { grid-template-columns: repeat(2, 1fr); }
	.al-trust__item { padding: 24px 20px; }
	.al-trust__item:first-child { padding-left: 20px; }
	.al-trust__item:nth-child(2) { border-right: 0; }
	.al-trust__item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.12); }
}
@media (max-width: 560px) {
	.al-trust__in { grid-template-columns: 1fr; }
	.al-trust__item, .al-trust__item:first-child { border-right: 0; padding: 20px 0; }
	.al-trust__item:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,.12); }
}

/* In index.html `.al-trust` sits INSIDE `.al-hero`, so it inherits that section's
   padding-inline and the dark band stops one gutter short of the viewport (1384 at 1440).
   As a standalone Elementor widget it has no such parent and ran edge to edge. */
.elementor-widget-al-trust-bar .al-trust { margin-inline: var(--gutter); }

/* The hero renders the bar itself, and as an Elementor widget `.al-hero` still carries its own
   padding-inline gutter — so the dark band stopped a gutter short on each side and read as a
   boxed strip rather than the full-bleed band the design has. Measured on staging: x=28 w=1384
   at 1440, x=18 w=339 at 375. Pulling it back out by one gutter restores the bleed; the band
   keeps its own padding-inline, so the content inside stays on the same grid as the hero.
   Devendra, 2026-08-13. */
.elementor-widget-al-hero .al-trust { margin-inline: calc(var(--gutter) * -1); }