/**
 * Trust strip - front end (product page + Blocks checkout).
 * Theme --pp-* tokens only (assets/css/tokens.css). BEM under pp-trust-strip.
 */

.pp-trust-strip {
	margin-top: var(--pp-sp-4);
	padding-top: var(--pp-sp-4);
	border-top: var(--pp-bw-hair) solid var(--pp-border);
	color: var(--pp-text-2);
	font-size: var(--pp-fs-sm);
	line-height: var(--pp-lh-body);
}

.pp-trust-strip--checkout {
	margin: 0 0 var(--pp-sp-4);
	padding: var(--pp-sp-4);
	border: var(--pp-bw-hair) solid var(--pp-border);
	border-radius: var(--pp-r-md);
	background: var(--pp-bg);
}

/* ── Payment methods ──────────────────────────────────────────────────────── */
.pp-trust-strip__methods {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--pp-sp-2) var(--pp-sp-3);
	margin: 0 0 var(--pp-sp-4);
}

.pp-trust-strip__heading {
	font-weight: var(--pp-fw-semibold);
	color: var(--pp-ink);
}

.pp-trust-strip__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--pp-sp-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pp-trust-strip__logos li {
	margin: 0;
	padding: 0;
}

.pp-trust-strip__logo {
	display: block;
	width: auto;
	height: var(--pp-sp-5);
}

.pp-trust-strip__pill {
	display: inline-block;
	padding: var(--pp-sp-1) var(--pp-sp-2);
	border: var(--pp-bw-hair) solid var(--pp-border-strong);
	border-radius: var(--pp-r-sm);
	background: var(--pp-bg);
	color: var(--pp-text-2);
	font-size: var(--pp-fs-2xs);
	font-weight: var(--pp-fw-semibold);
	line-height: var(--pp-lh-snug);
}

/* ── Three assurances ─────────────────────────────────────────────────────── */
.pp-trust-strip__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(var(--pp-sp-15) * 3), 1fr));
	gap: var(--pp-sp-3) var(--pp-sp-4);
}

.pp-trust-strip__item {
	display: flex;
	align-items: flex-start;
	gap: var(--pp-sp-3);
}

.pp-trust-strip__icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: var(--pp-sp-8);
	height: var(--pp-sp-8);
	border: var(--pp-bw-hair) solid var(--pp-border);
	border-radius: var(--pp-r-pill);
	background: var(--pp-bg-sunken);
	color: var(--pp-success);
}

.pp-trust-strip__svg {
	display: block;
	width: var(--pp-sp-4);
	height: var(--pp-sp-4);
}

.pp-trust-strip__title {
	display: block;
	color: var(--pp-ink);
	font-size: var(--pp-fs-sm);
	font-weight: var(--pp-fw-semibold);
	line-height: var(--pp-lh-snug);
}

.pp-trust-strip__text {
	display: block;
	color: var(--pp-text-3);
	font-size: var(--pp-fs-xs);
	line-height: var(--pp-lh-body);
}

.pp-trust-strip a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.pp-trust-strip a:hover {
	color: var(--pp-magenta);
}

.pp-trust-strip a:focus-visible {
	border-radius: var(--pp-r-xs);
	outline: none;
	box-shadow: var(--pp-focus-ring);
}

.pp-trust-strip__phone {
	color: var(--pp-ink);
	font-weight: var(--pp-fw-semibold);
	white-space: nowrap;
}

@media (max-width: 480px) {
	.pp-trust-strip__items {
		grid-template-columns: 1fr;
	}

	.pp-trust-strip--checkout {
		padding: var(--pp-sp-3);
	}
}