@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap");
.cdpc-carousel-wrap,
.cdpc-carousel-wrap *,
.cdpc-carousel-wrap *::before,
.cdpc-carousel-wrap *::after {
box-sizing: border-box;
}
.cdpc-carousel-wrap {
position: relative;
color: #ffffff;
width: 100%;
}
.cdpc-heading {
text-align: center;
margin: 0 0 42px;
}
.cdpc-title {
margin: 0 0 16px;
font-family: 'Cormorant Garamond', serif;
font-size: 58px;
font-weight: 500;
line-height: 1.05;
color: #ffffff;
}
.cdpc-subtitle {
max-width: 1080px;
margin: 0 auto;
font-family: 'Cormorant Garamond', serif;
font-size: 18px;
line-height: 1.6;
color: rgba(255,255,255,0.82);
} .cdpc-carousel-shell {
position: relative;
padding-left: 42px;
padding-right: 42px;
}
.cdpc-track {
overflow: hidden;
width: 100%;
}
.cdpc-slides {
display: flex;
align-items: stretch;
}
.cdpc-card {
flex: 0 0 auto;
width: 25%;
padding: 0 22px;
display: flex;
flex-direction: column;
} .cdpc-image-link {
display: block;
}
.cdpc-image-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1/1;
background: #ffffff;
}
.cdpc-image-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
} .cdpc-card-body {
padding-top: 18px;
display: flex;
flex-direction: column;
flex: 1;
} .cdpc-product-title {
font-family: 'Cormorant Garamond', serif;
font-size: 19px;
line-height: 1.2;
color: #ffffff;
min-height: 80px;
}
.cdpc-product-title a {
color: #ffffff;
text-decoration: none;
} .cdpc-price {
margin-top: 10px;
font-family: 'Cormorant Garamond', serif;
font-size: 18px;
color: rgba(255,255,255,0.8);
min-height: 26px;
} .cdpc-actions {
margin-top: auto;
display: flex;
align-items: center;
gap: 14px;
} .cdpc-add-to-cart .button,
.cdpc-add-to-cart a.button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 16px;
border: 1px solid #ffffff;
background: transparent;
color: #ffffff !important;
font-family: 'Cormorant Garamond', serif;
font-size: 15px;
text-decoration: none;
transition: .2s;
}
.cdpc-add-to-cart .button:hover,
.cdpc-add-to-cart a.button:hover {
background: transparent;
border: 1px solid #ffffff;
color: #ffffff !important;
opacity: .8;
}
.button {
border: 1px solid white !important;
border-radius: 0px !important;
font-size: 18px !important;
text-transform: lowercase;
padding: 10px 20px !important;
} .cdpc-wishlist a,
.cdpc-heart-icon {
color: #ffffff !important;
font-size: 26px;
} .cdpc-arrow {
position: absolute;
top: 32%;
transform: translateY(-50%);
z-index: 5;
width: 46px;
height: 46px;
border-radius: 50%;
background: rgba(255,255,255,0.75);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.cdpc-arrow:hover {
background: rgba(255,255,255,0.9);
}
.cdpc-arrow-prev {
left: -6px;
}
.cdpc-arrow-next {
right: -6px;
}
.cdpc-arrow span {
font-size: 26px;
color: #203230;
} .cdpc-dots {
display: flex;
justify-content: center;
margin-top: 30px;
}
.cdpc-dots button {
width: 60px;
height: 2px;
background: rgba(255,255,255,0.3);
border: none;
margin: 0 4px;
}
.cdpc-dots button.is-active {
background: #ffffff;
} @media (max-width: 980px) {
.cdpc-card {
width: 50%;
}
.cdpc-carousel-shell {
padding-left: 28px;
padding-right: 28px;
}
.cdpc-arrow {
width: 40px;
height: 40px;
}
} @media (max-width: 767px) {
.cdpc-card {
width: 100%;
}
.cdpc-title {
font-size: 34px;
}
.cdpc-arrow {
width: 34px;
height: 34px;
}
}