/* Szállítás és fizetés (#szallitas) — 2 kártya: folyamat + fizetési módok.
   CONTENT.md: Stripe + banki átutalás (nincs utánvét), 15 munkanap, 2 év garancia. */

.eb-szall {
	scroll-margin-top: 84px;
	background: #fff;
}

/* Padding a bundle szerint: padding-top:0 (a konfig alá simul), a globális
   .section-wrapper 104/80 felülírása. */
.eb-szall.section-wrapper {
	padding: 0 clamp(16px, 4vw, 56px) clamp(48px, 5.5vw, 76px);
}

.eb-szall__title {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: clamp(28px, 3.6vw, 42px);
	letter-spacing: -.03em;
	margin: 0 0 30px;
	text-align: center;
}

.eb-szall__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
	gap: 20px;
}

.eb-szall__card {
	background: #FBF9F5;
	border: 1px solid #EDE5D8;
	border-radius: var(--radius-panel);
	padding: 28px;
	display: flex;
	flex-direction: column;
}

.eb-szall__card-title {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
}

.eb-szall__steps {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.eb-szall__step {
	display: flex;
	align-items: center;
	gap: 14px;
}

.eb-szall__step-ico {
	width: 42px;
	height: 42px;
	flex: none;
	border-radius: 11px;
	background: var(--acc-bg);
	color: var(--acc-deep);
	display: flex;
	align-items: center;
	justify-content: center;
}

.eb-szall__step-ico svg {
	width: 22px;
	height: 22px;
}

.eb-szall__step-name {
	font-weight: 600;
	font-size: 15px;
}

.eb-szall__step-desc {
	font-size: 13px;
	color: var(--color-text-faint);
}

.eb-szall__pays {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.eb-szall__pay {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	border: 1px solid #EDE5D8;
	border-radius: 11px;
	padding: 14px 16px;
}

.eb-szall__pay-ico {
	color: var(--acc);
	display: inline-flex;
	flex: none;
}

.eb-szall__pay-ico svg {
	width: 22px;
	height: 22px;
}

.eb-szall__pay-name {
	font-weight: 600;
	font-size: 14.5px;
}

.eb-szall__pay-desc {
	font-size: 12.5px;
	color: var(--color-text-faint);
}

.eb-szall__trust,
.eb-szall__lock {
	margin-top: 16px;
	font-size: 13px;
	color: var(--color-text-faint);
	display: flex;
	align-items: center;
	gap: 8px;
}

.eb-szall__trust {
	font-weight: 600;
	color: var(--color-text-muted);
}

.eb-szall__trust svg,
.eb-szall__lock svg {
	width: 18px;
	height: 18px;
	flex: none;
}