.section-collection-blocks {

	.blocks {

		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;

		@media screen and (max-width: 1024px) {
			flex-wrap: nowrap;
			overflow: auto;
			-ms-overflow-style: none;
    		scrollbar-width: none;
    		&::-webkit-scrollbar { 
				display: none;
			}
			@media screen and (max-width: 768px) {
			}
		}

		.block {

			flex: 1;

			.block-collection-card {

				display: block;
				position: relative;

				img {
					width: 100%;
					height: unset;
					display: block;
				}

				&.image-portrait {
					img {
						aspect-ratio: 1/1.5;
					}
				}

				&.image-square {
					img {
						aspect-ratio: 1/1;
					}
				}

				&.image-landscape {
					img {
						aspect-ratio: 1/0.7;
					}
				}

				&.image-cover {
					img {
						object-fit: cover;
					}
				}

				&.image-contain {
					img {
						object-fit: contain;
					}
				}

				&.image-fit {
					img {
						object-fit: fill;
					}
				}

				.btn {
					position: absolute !important;
					bottom: 0;
					left: 50%;
					transform: translate(-50%, 0);
					background: #fff;
					color: #000;
					font-weight: 500;
					font-family: var(--fontSecondary);
					font-size: 12px;
					letter-spacing: .64px;
					pointer-events: none;
				}

				&:hover {

					.btn {
						text-decoration: underline;
					}

				}

			}

		}

		&.slick-slider {

			.slick-arrow {

				font-size: 0;
				width: 34px;
				height: 34px;
				background: url('icon-arrow.svg') no-repeat center center / 20px #fff;
				position: absolute;
				z-index: 2;
				top: 50%;
				transform: translate(0,-50%);

				&.slick-prev {
					left:-10px;
					transform: translate(0,-50%) rotate(180deg);
					@media screen and (max-width: 1024px) {
						left:0px;
					}
				}

				&.slick-next {
					right: -10px;
					@media screen and (max-width: 1024px) {
						right: 0px;
					}
				}

			}

		}

	}

}