/*
 * Name: Karta produktu: dostawa i zwroty, style
 * Slug: karta-produktu-zaufanie-style
 * Version: 1.0.0
 * Description: Wygląd bloku z czasem wysyłki, kosztem dostawy, odbiorem w Żabnie i zwrotami pod przyciskiem Do koszyka.
 * Module: karta-produktu-zaufanie
 * Scope: front
 * Load: manual
 */

.ftech-kpz {
	--kpz-accent: var(--ft-color-accent, #8b0000);
	--kpz-accent-soft: var(--ft-color-accent-soft, color-mix(in srgb, #8b0000 9%, transparent));
	--kpz-text: var(--ft-color-text, #1a1a1a);
	--kpz-muted: var(--ft-color-muted, #5f5f5f);
	--kpz-surface: var(--ft-color-surface-2, #f7f7f7);
	--kpz-border: var(--ft-color-border, #e6e6e6);
	--kpz-radius: var(--ft-radius-md, 10px);
	--kpz-gap: var(--ft-space-3, 12px);
	--kpz-pad: var(--ft-space-4, 16px);
	--kpz-dur: var(--ft-dur, 200ms);
	--kpz-ease: var(--ft-ease, cubic-bezier(0.4, 0, 0.2, 1));

	container-type: inline-size;
	clear: both;
	margin-block: var(--ft-space-5, 20px);
	font-family: var(--ft-font-body, 'Roboto', sans-serif);
	color: var(--kpz-text);
}

.ftech-kpz [hidden],
.ftech-kpz[hidden] {
	display: none !important;
}

.ftech-kpz .ftech-kpz__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--kpz-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ftech-kpz .ftech-kpz__item {
	display: flex;
	align-items: flex-start;
	gap: var(--kpz-gap);
	margin: 0;
	padding: var(--kpz-pad);
	background: var(--kpz-surface);
	border: 1px solid var(--kpz-border);
	border-radius: var(--kpz-radius);
	transition: border-color var(--kpz-dur) var(--kpz-ease), transform var(--kpz-dur) var(--kpz-ease);
}

.ftech-kpz .ftech-kpz__item:hover {
	border-color: var(--kpz-accent);
	transform: translateY(-2px);
}

.ftech-kpz .ftech-kpz__icon {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	padding: 9px;
	color: var(--kpz-accent);
	background: var(--kpz-accent-soft);
	border-radius: 50%;
}

.ftech-kpz .ftech-kpz__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.ftech-kpz .ftech-kpz__title {
	margin: 0;
	font-family: var(--ft-font-heading, 'Montserrat', sans-serif);
	font-size: var(--ft-fs-sm, 0.9375rem);
	font-weight: 700;
	line-height: 1.3;
	color: var(--kpz-text);
}

.ftech-kpz .ftech-kpz__text {
	font-size: var(--ft-fs-xs, 0.875rem);
	line-height: 1.4;
	color: var(--kpz-muted);
}

.ftech-kpz .ftech-kpz__link {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	margin-top: 2px;
	font-size: var(--ft-fs-xs, 0.875rem);
	font-weight: 600;
	color: var(--kpz-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color var(--kpz-dur) var(--kpz-ease), text-decoration-color var(--kpz-dur) var(--kpz-ease);
}

.ftech-kpz .ftech-kpz__link:hover {
	color: var(--kpz-text);
	text-decoration-color: var(--kpz-accent);
}

.ftech-kpz .ftech-kpz__link:focus-visible {
	outline: 2px solid var(--kpz-accent);
	outline-offset: 2px;
	border-radius: 2px;
}

@container (min-width: 420px) {
	.ftech-kpz .ftech-kpz__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.ftech-kpz .ftech-kpz__item,
	.ftech-kpz .ftech-kpz__link {
		transition: none;
	}

	.ftech-kpz .ftech-kpz__item:hover {
		transform: none;
	}
}