.plp-collections-header {

	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 140px;
	padding-top: 20px;
	padding-bottom: 50px;

	@media screen and (max-width: 990px) {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 30px;
		padding-top: 30px;
		padding-bottom: 20px;
	}

	@media screen and (max-width: 768px) {
		padding-top: 0;
	}

	.plp-collections-header__text {

		width: 50%;

		@media screen and (max-width: 990px) {
			width: 100%;
			text-align: center;
		}

		.plp-collections-header__breadcrumbs {

			ol {

				margin: 0;
				padding:0;
				display: flex;

				@media screen and (max-width: 990px) {
					justify-content: center;
					flex-wrap: wrap;
				}
				
				li {
					list-style: none;
					font-size: 14px;
					position: relative;
					&[aria-current="page"] {
						font-weight: 600;
					}
					&:not(:last-child)::after {
						content:'-';
						margin: 0 3px;
					}
				}

			}

		}

		.section-title {

			margin: 20px 0 24px 0;
			font-size: 48px;
  			font-weight: 400;

  			@media screen and (max-width: 768px) {
  				font-size: 32px;
  				margin-top: 14px;
  			}

		}

		.plp-collections-header__description {

			a {
				color: #BC8180;
  				text-decoration: underline;
  				transition: .3s color;
  				&:hover {
  					color: rgb(var(--color-link));
  				}
			}	

			.plp-collections-header__description--collapsed {
				&:not(.expand) {
					display: -webkit-box;
					-webkit-line-clamp: 6;
					-webkit-box-orient: vertical;
					overflow: hidden;
					@media screen and (max-width: 990px) {
						-webkit-line-clamp: 2;
					}
				}
			}

			p.read-more {
				cursor: pointer;
				margin: 16px 0 0 0;
				font-size: 13px;
				text-transform: uppercase;
			}

		}

	}

	.plp-collections-header__links {

		width: 50%;
		padding-right: 40px;

		@media screen and (max-width: 990px) {
			width: 100%;
			padding: 0;
		}

		.plp-collections-header__links--carousel {

			display: none;
			@media screen and (max-width: 990px) {
				display: flex;
				overflow: auto;
				margin: 0 -5rem;
				padding: 0 5rem;
				-ms-overflow-style: none;
    			scrollbar-width: none;
    			&::-webkit-scrollbar { 
				    display: none;
				}
			}
			@media screen and (max-width: 768px) {
				margin: 0 -1.5rem;
				padding: 0 1.5rem;
			}

			&.slick-initialized {
				display: block;
			}

			.slick-arrow {

				position: absolute;
				top: 50%;
				right:-40px;
				width: 28px;
				height: 28px;
				background: url('icon-slick-arrow.svg') no-repeat center center / 16px #fff;
				border-radius: 50%;
				font-size: 0;
				text-indent: -9999px;
				transform: translate(0,-50%);
				box-shadow: 0px 0px 10px rgba(0,0,0,0.14);

				&.slick-prev {
					right: auto;
					left: -40px;
					transform: translate(0,-50%) rotate(180deg);
				}

			}

			.plp-collections-header__link {

				margin: 0 12px;
				position: relative;
				overflow: hidden;
				background: #222;

				@media screen and (max-width: 990px) {

					width: 320px;
					min-width: 320px;
					margin: 0 20px 0 0;

				}

				@media screen and (max-width: 768px) {
					width: 160px; 
					min-width: 160px; 
					margin-right: 10px;
				}

				h3 {
					position: absolute;
					left: 0;
					width: 100%;
					bottom: 20px;
					color: #fff;
					margin: 0;
					text-transform: uppercase;
					font-size: 14px;
					text-align: center;
					font-family: var(--font-body-family);
					padding: 0 10px;
					z-index: 2;
					transition: .7s all;
				}

				span {
					color: #fff;
					font-size: 12px;
					text-decoration: underline;
					position: absolute;
					left: 0;
					width: 100%;
					bottom: -30px;
					text-align: center;
					z-index: 2;
					text-transform: uppercase;
					font-family: var(--font-body-family);
					transition: .7s all;
					opacity: 0;
				}

				img {
					width: 100%;
					display: block;
					aspect-ratio: 1/1.2;
					border-radius: 2px;
					transition: transform var(--duration-long) ease, filter var(--duration-long) ease;
					transform-origin: bottom center;
					object-fit: cover;
				}

				&:hover {

					@media screen and (min-width: 990px) {

						img {
							transform: scale(1.15);
	    					filter: blur(2px);
	    				}

	    				h3 {
	    					bottom: 40px;
	    				}

	    				span {
	    					bottom: 20px;
	    					opacity: 1;
	    				}

	    			}

				}

			}

		}

	}

}



loading-button button,
.pagination-wrapper button {
  border-radius: 0;
  box-shadow: none;
  border-color: var(--colorPink);
  background-color: var(--colorPink);
  padding: 1.5rem 6rem 1.5rem;
}

loading-button button:not([disabled]):hover,
.pagination-wrapper button:not([disabled]):hover {
  box-shadow: none;
}

.two-column-text__columns {
  padding: 0 0 48px 0;
}

.two-column-text__column {
  padding-top: 32px;
  margin: 0 0 40px 0;
  border-top: 1px solid #E5E5E5;
}

.two-column-text__column:last-child {
  margin: 0;
}

.two-column-text__column .two-column-text__title {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 32px 0;
  font-family: var(--font-body-family);
}

.two-column-text__column .two-column-text__text p {
  font-size: 16px;  
  font-weight: 400;
  font-family: var(--font-body-family);
}

@media screen and (min-width: 768px) {
  .two-column-text__columns {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 130px 0;
    justify-content: space-between;
  }

  .two-column-text__column {
    margin: 0;
    flex: 0 0 calc(50% - 45px);
  }

  .two-column-text__column .two-column-text__title {
    font-size: 24px;
  }
}