.collection-layout--header {
    margin: 3% 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    flex-wrap: wrap;
}

.collection-layout--header a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.collection-layout--header a img {
    width: 40px;
    height: 60px;
}

.collection-layout--header a.active h3 {
    color: #00aeef;
}

.collection-layout--header a h3 {
    margin-top: 15px;
    color: #000;
    font-size: 14px;
    font-family: 'BeVietnamPro-Regular', sans-serif;
}

/*.item {
	.img {
		position: relative;
		.tags {
			position: absolute;
			top: 0;
			right: 0;
			display: flex;
			gap: 10px;

			span{
				display: block;
				font-weight: 500;
				font-size: 15px;
				padding: 0px 10px;
				border-radius: 10px;

				&.sale {
					background: #e1698e;
					color: var(--whitecolor);
				}
				&.new {
					background: var(--subcolor);
					color: var(--whitecolor);
				}
			}
		}
	}
	.info {
		text-align: center;
		.title {
			color: var(--maincolor);
			min-height: 63px;
			display: block;
			font-size:17px;
			margin-top:1rem;
		}
		.price {
			display: flex;
			gap: 10px;
			justify-content: center;
			align-items: center;
			font-size: 17px;
			&_amount {
				color: var(--maincolor);
			}
			&_original {display: none}
		}
	}

	&.sale {
		.info {
			.price {
				&_amount {
					color :#ff4800;
				}
				&_original {
					color: #8d8d8d;
					display: block;
					text-decoration: line-through;
				}
			}
		}
	}
}*/
@media (max-width: 767px) {
    .collection-layout--header {
        flex-wrap: nowrap;
        justify-content: unset;
        gap: unset;
        white-space: nowrap;
        margin: 3% -12px;
        padding: 0 12px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        /* width */
        /* Track */
        /* Handle */
    }

    .collection-layout--header::-webkit-scrollbar {
        height: 3px !important;
    }

    .collection-layout--header::-webkit-scrollbar-track {
        background: #eff1f4 !important;
        background-color: #eff1f4;
    }

    .collection-layout--header::-webkit-scrollbar-thumb {
        background-color: var(--subcolor);
        background: var(--subcolor) !important;
    }

    .collection-layout--header a {
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 15px;
    }

    .collection-layout--header a:not(:last-child) {
        margin-right: 45px;
    }
}