.sec-am-why-me { padding-top:0; }

.sec-am-why-me.section .box .box-inner { /*padding:0;*/ }

.sec-am-why-me.section .box h3 { font-size:calc(1.20 * var(--fs-h5)); } 

/* =========================================================
  🧩 ICO - BACK COLORS
========================================================= 
.sec-am-why-me .icon-container { background:color-mix(in srgb, var(--base-color-white) 5%, transparent) !important; }
.sec-am-why-me .icon-container.black { background:color-mix(in srgb, var(--base-color-white) 5%, transparent); }
.sec-am-why-me .icon-container.orange { background:color-mix(in srgb, var(--base-color-white) 8%, transparent); }
.sec-am-why-me .icon-container.red { background:color-mix(in srgb, var(--base-color-white) 6%, transparent); }
.sec-am-why-me .icon-container.blue { background:color-mix(in srgb, var(--base-color-white) 8%, transparent); }
.sec-am-why-me .icon-container.green { background:color-mix(in srgb, var(--base-color-white) 9%, transparent); }
.sec-am-why-me .icon-container.magenta { background:color-mix(in srgb, var(--base-color-white) 8%, transparent); }
*/

/* =========================================================
🧩 RWD — 1px → 640px (MOBILE) — 1 kolumna
========================================================= */
@media (max-width:640px) {

.sec-am-why-me  .box-list .box-list-wrapper {
grid-template-columns:1fr;
}

.sec-am-why-me  .box {
width:100%;
max-width:100%;
}
}

/* =========================================================
🧩 RWD — 641px → 1023px (TABLET) — 2 kolumny
========================================================= */
@media (min-width:641px) and (max-width:1023px) {

	.sec-am-why-me  .box-list .box-list-wrapper { grid-template-columns:repeat(2, minmax(0, 1fr)); }

	.sec-am-why-me  .box { width:100%; max-width:100%; }
}

/* =========================================================
🧩 RWD — 1024px → 1199px (SMALL DESKTOP) — 3 kolumny
========================================================= */
@media (min-width:1024px) and (max-width:1199px) {

	.sec-am-why-me  .box-list .box-list-wrapper {
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:calc(var(--section-gap)) calc(var(--section-gap));
		max-width:1100px;
		margin:0 auto;
	}

	.sec-am-why-me  .box { width:100%; max-width:100%; }
}

/* =========================================================
🧩 RWD — 1200px+ (DESKTOP) — 4 kolumny
========================================================= */
@media (min-width:1200px) {
	.sec-am-why-me  .box-list .box-list-wrapper {
		grid-template-columns:repeat(3, minmax(0, 1fr)); 
		/* ⬅️ ZMIANA /
		gap:calc(var(--section-gap)) calc(var(--section-gap));
		max-width:1600px; / możesz zmienić wedle layoutu */
		margin:0 auto;
	}

	.sec-am-why-me  .box { width:100%; max-width:360px; }
}