/* Horizontal */
.puffar--horizontal h3 {
	font-size: var(--h4);
}
@media screen and (min-width: 1026px) {
	.puffar--horizontal {
		display: grid;
		grid-template-columns: var(--grid-3);
		column-gap: var(--gap-xl2);
		row-gap: var(--gap-xs);
	}
}
@media screen and (max-width: 1025px) {
	.puffar--horizontal {
		display: grid;
		grid-template-columns: var(--grid-1);
		row-gap: var(--gap-xs4);
	}
}
@media screen and (min-width: 1026px) {
	.samuraj-inner-section .puffar--horizontal {
		padding-top: var(--gap-s);
	}
}
@media screen and (max-width: 1025px) {
	.samuraj-inner-section .puffar--horizontal {
		padding-top: var(--gap-xs5);
	}
}
.puffar--horizontal {
	--paragraph-spacing: 1em;
}

.puffar--horizontal .puff__content {
	padding-top: 8px;
}

/* vertical */
.samuraj-inner-section.samuraj-inner-section .puffar--vertical {
	display: grid;
	grid-template-columns: var(--grid-1);
	gap: var(--gap-l);
}
@media screen and (max-width: 1025px) {
	.samuraj-inner-section.samuraj-inner-section .puffar--vertical {
		gap: var(--gap-xs);
	}
}
.puffar--vertical .puff {
	flex-direction: row;
	gap: var(--gap-xs4);
}
@media screen and (max-width: 1025px) {
	.puffar--vertical .puff {
		flex-direction: column;
		gap: var(--gap-xs5);
	}
	.puffar--vertical {
		margin-top: var(--gap-xs2);
	}
}
.puffar--vertical .puff__icon img {
	width: 46px;
}
.puffar--vertical .puff h3 {
	font-size: var(--h4);
}
@media screen and (min-width: 1026px) {
	.puffar--vertical p,
	.puffar--vertical li {
		font-size: var(--text-l);
		line-height: var(--text-l-line-height);
	}
}
.puff__decorative {
	margin-top: var(--gap-xs6) !important;
	margin-bottom: var(--gap-xs5) !important;
	width: 100%;
	background: var(--primary-ultra-light);
	height: 1px;
}
@media screen and (max-width: 1025px) {
	.puff__decorative {
		margin-bottom: var(--gap-xs6) !important;
	}
}
@media screen and (min-width: 1026px) {
	.puffar--vertical .puff__content {
		width: 569px;
	}
}

@media screen and (min-width: 1026px) {
	.samuraj-section:has(.samuraj-inner-section.sticky) .samuraj-inner-section:has(.puffar) {
		padding-top: 30px;
	}
}