/*
 * Delivery Proof — stat strip (4-item icon row)
 * Depends on: design-tokens.css, log-dp-hero.css
 * Page: body.log-delivery-proof-page
 */

.dp-stats {
	max-width: 1000px;
	/* !important: beats log-global-layout-fix.css's .entry-content.is-layout-constrained > *
	   margin-block reset. */
	margin: 30px auto 0 !important;
	position: relative;
	z-index: 3;
	padding: 0 20px;
}

.dp-stats-grid { background: var(--white); border-radius: var(--r-lg); box-shadow: var(--shadow-md); display: grid; grid-template-columns: repeat(4, 1fr); padding: 20px 10px; }

.ds-item { display: flex; align-items: center; gap: 12px; text-align: left; padding: 8px 14px; border-right: 1px solid var(--line); transition: transform .3s var(--ease); }
.ds-item:last-child { border-right: none; }
.ds-item:hover { transform: translateY(-3px); }

.ds-icon { width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0; background: linear-gradient(135deg, var(--sage-400), var(--plum-700)); color: #fff; display: flex; align-items: center; justify-content: center; transition: transform .3s var(--ease); }
.ds-icon .icon { width: 17px; height: 17px; }
.ds-item:hover .ds-icon { transform: scale(1.1) rotate(-6deg); }

.ds-num { font-family: var(--display); font-weight: 800; font-size: 22px; color: var(--plum-800); line-height: 1.2; }
.ds-lbl { font-size: 10.5px; font-weight: 700; line-height: 1.2; color: var(--ink-700); margin-top: 3px; }

@media(max-width:700px) {
	.dp-stats-grid { grid-template-columns: 1fr 1fr; }
	.ds-item:nth-child(2n) { border-right: none; }
	.ds-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); padding-bottom: 14px; }
}