/*
 * Stats bar — 4-icon delivery/payment/support/insurance strip.
 * @package log-core
 */

.stats-bar {
	background: linear-gradient(120deg, var(--plum-700), var(--plum-800));
	margin: 18px 88px 0;
	border-radius: 18px;
	box-shadow: var(--shadow-md);
}

.stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.stat-item {
	display: flex;
	align-items: center;
	gap: 14px;
	color: #fff;
	padding: 26px 22px;
	border-right: 1px solid rgba(255, 255, 255, .12);
	transition: background .3s var(--ease);
}

.stat-item:hover { background: rgba(255, 255, 255, .05); }
.stat-item:last-child { border-right: none; }

.stat-icon {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	flex-shrink: 0;
	background: rgba(188, 211, 172, .16);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sage-400);
	transition: transform .3s var(--ease);
}

.stat-item:hover .stat-icon { transform: scale(1.08) rotate(-6deg); }
.stat-icon .icon { width: 21px; height: 21px; }
.stat-item strong { display: block; font-size: 15px; font-weight: 700; }
.stat-item .stat-desc { display: block; font-size: 12.5px; color: #e3d6dc; margin-top: 2px; }

@media (max-width: 980px) {
	.stats-bar { margin: 14px 16px 0; }
}

@media (max-width: 760px) {
	.stats-grid { grid-template-columns: repeat(2, 1fr); }
	.stat-item { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .12); padding: 18px 16px; gap: 11px; }
	.stat-icon { width: 38px; height: 38px; border-radius: 10px; }
	.stat-icon .icon { width: 18px; height: 18px; }
	.stat-item strong { font-size: 13px; line-height: 1.3; }
	.stat-item .stat-desc { font-size: 11px; line-height: 1.4; margin-top: 3px; }
}

@media (max-width: 420px) {
	.stats-grid { grid-template-columns: 1fr; }
}