.acc-cards .wp-block-columns > :first-child { margin: 0; }

.acc-carousel {	padding: 0 26px; }

.acc-cards {
  --acc-gap: 52px;
  container: cards / inline-size;
  gap: var(--acc-gap);
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.acc-cards > * {
   --acc-col: 3;
  --col-width: calc((100cqw - 116px)/var(--acc-col));
  background: #fff;
  border-radius: 20px;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  scroll-snap-align: start;
  transition: grid-template-columns .45s cubic-bezier(.4, 0, .2, 1);
}

.acc-cards > * > * {
  flex-direction: unset;
  padding: 27px;
}

.acc-cards > * > :first-child > div {
	height: 100%;
	isolation: isolate;
	min-height: 33vh;
	padding: 0 27px;
	position: relative;
	width: 100%;
}

.acc-cards > * > :first-child > div:before,
.acc-cards > * > :first-child > div:after {
	content: "";
	position: absolute;
}

.acc-cards > * > :first-child > div:before {
	background: #00000082;
	height: 100%;
	inset: 0;
	width: 100%;
	z-index: -1;
}

.acc-cards > * > :last-child {
  display: block;
  overflow: hidden;
}

@media (width > 1100px) {
	.acc-cards { display: flex; }

	.acc-cards > * {
		border: 2px solid  transparent;
	  display: grid;
	  grid-template-columns: var(--col-width) 0;
	}

	.acc-cards .open {
		--acc-col: 4;
	  border-color: var(--light-gray-8);
	  grid-template-columns: var(--col-width) var(--col-width);
	}

	.acc-cards:has(.open) > * { --acc-col: 4; }

	.acc-cards > * > :first-child > div:after {
		aspect-ratio: 1;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M-0.00015775 13.6201L0.0635741 10.2112L17.8296 10.3658L9.94449 2.48066L12.425 0.000170129L24.3722 11.9474L11.9697 24.3498L9.58029 21.9603L17.7659 13.7747L-0.00015775 13.6201Z" fill="white"/></svg>') no-repeat center / 20px;
		position: absolute;
		inset: auto 14px 14px auto;
		transition: opacity .7s cubic-bezier(.4, 0, .2, 1), translate 1.3s linear(0, 0.009 1.4%, 0.032 2.8%, 0.131 6%, 0.265 9.1%, 0.675 17.6%, 0.88 22.8%, 0.953 25.2%, 1.014 27.7%, 1.062 30.3%, 1.094 32.9%, 1.121 37.2%, 1.121 42.2%, 1.102 46.7%, 1.019 61.2%, 0.989 71.5%, 0.985 81.1%, 1);
		width: 44px;
		z-index: 1;
	}

	.acc-cards > .open > :first-child > div:after {
		opacity: 0;
		translate: 50px 0;
	}

	.acc-cards > * > :last-child {
		border-radius: 0 20px 20px 0;
		opacity: 0;
		translate: 16px 0;
		transition: opacity .25s ease, translate .35s cubic-bezier(.4, 0, .2, 1);
		width: var(--col-width);
	}

	.acc-cards .open > :last-child {
	  opacity: 1;
	  transition: opacity .5s ease .18s, translate .55s cubic-bezier(.4, 0, .2, 1) .18s;
	  translate: 0;
	}
}

@media (width < 1100px) {
	.acc-cards > :not(:last-child) { margin-bottom: 27px !important; }

	.acc-cards > * > :last-child { padding: 27px !important; }
}

@media (width < 600px) {
	.acc-cards > * { gap: 0 !important;	}
}