@media screen and (min-width: 620px) {
.single-vault-product .main-container {
padding-bottom: 104px !important;
}
}
.product-vault-meta-container {
margin-bottom: 24px;
}
.vault-product__pdp-container {
display: flex;
flex-direction: column;
gap: 48px;
}
.vault-product__pdp-section-inner {
margin: 0;
}
.vault-product__pdp-container--inner {
display: flex;
flex-direction: column;
gap: 24px;
}
.vault-product__pdp-section-title {
margin: 0;
}
.vault-product__pdp-image-container {
margin-bottom: 32px;
} .vault-product__pdp-image-container .swiper .vault-product__image {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
border-radius: 8px;
}
.vault-product__slider.swiper:hover .swiper-navigation .swiper-button-next,
.vault-product__slider.swiper:hover .swiper-navigation .swiper-button-prev {
opacity: 1;
}
.vault-product__thumbnails {
height: unset;
margin-top: 8px;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.vault-product__thumbnails .swiper-slide {
cursor: pointer;
height: auto;
width: auto;
display: block;
border: 1px solid #fff;
border-radius: 3px;
}
.vault-product__thumbnails .swiper-slide img {
width: 70px !important;
height: auto;
object-fit: cover;
aspect-ratio: 4/3;
display: block;
border: 1px solid #fff;
}
.vault-product__thumbnails .swiper-slide-thumb-active {
border: 1px solid var(--wp--preset--color--midnight);
img {
border: 1px solid #fff;
}
}
.vault-product__slider .swiper-button-next,
.vault-product__slider .swiper-button-prev {
display: flex;
background-color: white;
border-radius: 4px;
color: var(--wp--preset--color--midnight);
border: 1px solid var(--wp--preset--color--midnight);
padding: 24px 12px;
top: calc(50% - 24px);
margin-top: 0;
}
.vault-product__slider .swiper-button-next::after,
.vault-product__slider .swiper-button-prev::after {
color: var(--wp--preset--color--midnight);
}
@media screen and (min-width: 620px) {
.vault-product__slider .swiper-button-next,
.vault-product__slider .swiper-button-prev {
opacity: 0;
}
}
.vault-product__pdp-image-single img {
aspect-ratio: 4 / 3;
width: 100%;
object-fit: contain;
}
.vault-product__pdp-showcase-data {
display: flex;
flex-direction: column;
gap: 32px;
}
.vault-product__pdp-highlights {
padding: 24px;
background-color: var(--wp--preset--color--tan-10);
border: 1px solid var(--wp--preset--color--tan-20);
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 16px;
}
.vault-product__pdp-score-wrapper {
display: flex;
flex-direction: row;
margin-bottom: 8px;
}
.vault-product__pdp-score {
font-size: 20px;
line-height: 1.6;
font-weight: 700;
}
.vault-product__pdp-stars {
display: flex;
flex-direction: row;
margin-left: 4px;
}
.vault-product__pdp-stars svg {
width: 16px;
height: 16px;
margin-top: 7px;
}
.vault-product__pdp-highlights h4 {
font-size: 20px !important;
line-height: 1.3;
margin: 0;
}
.vault-product__pdp-highlights ul {
margin: 0;
padding-left: 24px;
}
.vault-product__pdp-highlights li::marker {
font-size: 14px;
}
.vault-product__pdp-button-container {
display: grid;
gap: 24px;
}
@media screen and (min-width: 620px) {
.vault-product__pdp-button-container {
grid-template-columns: repeat(2, 1fr);
}
}
.vault-product__wishlist-button {
display: block;
line-height: 1.2;
text-transform: capitalize;
font-weight: 700;
transition: .2s ease all;
text-align: center;
font-family: var(--wp--preset--font-family--proxima-nova);
cursor: pointer;
border-radius: 4px;
font-size: 18px;
padding: 12px 8px;
letter-spacing: 0.05rem;
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--midnight) !important;
border: 1px solid var(--wp--preset--color--midnight);
text-decoration: none !important;
width: 100%;
}
.vault-product__wishlist-button:hover {
background-color: var(--wp--preset--color--midnight);
color: var(--wp--preset--color--white) !important;
text-decoration: none !important;
} .vault-product__pdp-video-review figure,
.vault-product__pdp-video-review .p4-blocks-lazy-load-youtube__video--container {
margin: 0;
} .vault-product__pdp-in-depth-review {
display: flex;
flex-direction: column;
gap: 24px;
}
.vault-product__pdp-in-depth-review img {
aspect-ratio: 1/1;
width: 100%;
object-fit: cover;
}
.vault-product__pdp-in-depth-review>div {
display: flex;
flex-direction: column;
gap: 16px;
}
.vault-product__pdp-in-depth-review h4 {
margin: 0;
}
.vault-product__pdp-review-article-author {
line-height: 1.3;
}
@media screen and (min-width: 620px) {
.vault-product__pdp-in-depth-review {
flex-direction: row;
}
.vault-product__pdp-in-depth-review>a {
flex: 0 0 215px;
}
} .vault-product__pdp-pros-cons {
display: flex;
flex-direction: column;
gap: 16px;
}
@media screen and (min-width: 620px) {
.vault-product__pdp-pros-cons {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.vault-product__pdp-pros-cons h5 {
margin: 0;
font-size: 18px;
}
.vault-product__pdp-pros-cons ul {
margin: 0;
font-size: 18px;
list-style: none;
padding: 0;
}
.vault-product__pdp-pros-cons li:not(:last-of-type) {
margin-bottom: 12px;
}
.vault-product__pdp-pros,
.vault-product__pdp-cons {
padding: 24px;
background-color: var(--wp--preset--color--midnight);
display: flex;
flex-direction: column;
gap: 16px;
border-radius: 8px;
color: var(--wp--preset--color--white);
}
.vault-product__pdp-pros-cons li {
display: flex;
;
}
.vault-product__pdp-pros li::before,
.vault-product__pdp-cons li::before {
background-repeat: no-repeat;
content: '';
display: block;
flex: 0 0 24px;
height: 24px;
margin-right: 8px;
width: 24px;
}
.vault-product__pdp-pros li::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.39984 14.1341C4.33744 14.9177 4.69577 15.028 5.48048 16.2111C6.76303 18.1448 6.57426 18.9452 6.95465 19.3134C7.33505 19.6814 9.07885 19.9794 10.2677 18.2967C11.4566 16.6142 13.3113 11.9695 15.6891 9.18277C18.0668 6.39607 19.1765 5.58968 19.8899 5.1691C20.6032 4.74851 18.3429 4.83792 13.8979 8.74456C10.8067 11.4612 8.61917 15.212 8.61917 15.212C8.61917 15.212 8.00088 13.1614 6.62181 11.7943C5.24259 10.4272 1.84239 12.8327 3.39984 14.1341' fill='%2328A745'/%3E%3C/svg%3E%0A");
}
.vault-product__pdp-cons li::before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99875 9.17571C3.20844 9.82587 1.64265 16.0799 4.57066 15.1505C10.6786 13.2114 13.5141 13.1317 17.1007 14.3161C18.3413 14.6556 22.2166 14.537 18.7554 12.1473C14.1816 8.98942 7.98187 8.7136 5.99875 9.17571Z' fill='%2396938E'/%3E%3C/svg%3E%0A");
} .vault-product__pdp-spec-table {
width: 100%;
}
.product-specs-label {
white-space: nowrap;
}
@media screen and (min-width: 1024px) {
.product-specs-label {
white-space: nowrap;
}
} .vault-review {
padding: 24px;
border: 1px solid var(--wp--preset--color--midnight);
border-radius: 8px;
}
.vault-review .reviews-container {
display: flex;
flex-direction: column;
gap: 24px;
}
.vault-review__title {
margin: 0 0 8px;
}
.vault-review__meta {
display: flex;
flex-direction: row;
gap: 8px;
margin-bottom: 4px;
align-items: center;
}
.vault-review__author {
font-size: 20px;
line-height: 1.3;
font-weight: 700;
padding-right: 8px;
border-right: 2px solid var(--wp--preset--color--tan-20);
}
.vault-review__rating {
display: flex;
flex-direction: row;
}
.vault-review__rating>span {
margin-right: 4px;
font-size: 20px;
line-height: 1.6;
font-weight: 700;
}
.vault-review__rating>div {
display: flex;
flex-direction: row;
}
.vault-review__rating .vault__star {
width: 16px;
height: 16px;
margin-top: 4px;
} .reviews__form {
padding: 24px;
border: 1px solid var(--wp--preset--color--midnight);
border-radius: 8px;
}
.reviews__form h4 {
margin: 0 0 24px;
}
.review-form__label {
display: block;
font-size: 18px;
font-weight: 700;
margin: 24px 0 8px;
padding: 0;
width: 100%;
}
.review-form__input {
display: block;
margin-bottom: 0;
margin-top: 0;
padding: 4px 8px;
border: 1px solid var(--wp--preset--color--midnight);
border-radius: 4px;
width: 100%;
font-size: 18px;
line-height: 1.6;
} #review-rating input[type="radio"] {
display: none;
}
.review-form__rating--container {
align-items: center;
display: flex;
gap: 4px;
justify-content: flex-start;
}
.review-form__star {
cursor: pointer;
display: block;
height: 36px;
width: 36px;
}
.review-rating__star-icon {
fill: var(--wp--preset--color--tan-60);
}
#review-submit {
display: block;
line-height: 1.2;
text-transform: capitalize;
font-weight: 700;
transition: .2s ease all;
text-align: center;
font-family: var(--wp--preset--font-family--proxima-nova);
cursor: pointer;
border-radius: 4px;
font-size: 18px;
padding: 12px 8px;
letter-spacing: 0.05rem;
background-color: var(--wp--preset--color--midnight-90);
color: var(--wp--preset--color--white) !important;
text-decoration: none !important;
margin-top: 24px;
width: 100%;
}
#review-submit:hover {
background-color: var(--wp--preset--color--midnight-70);
color: var(--wp--preset--color--white) !important;
text-decoration: none !important;
}
@media screen and (min-width: 620px) {
#review-submit {
width: 274px;
}
} .vault-product__pdp-related-products {
display: grid;
gap: 16px;
}
.vault-product__pdp-related-product {
padding: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}
.vault-product__pdp-related-product img {
aspect-ratio: 4 / 3;
object-fit: contain;
}
.vault-product__pdp-related-product .related-category a {
background-color: var(--wp--preset--color--midnight);
border-radius: 99px;
padding: 2px 8px;
color: var(--wp--preset--color--white);
font-size: 12px;
line-height: 1.4;
text-decoration: none;
display: inline-flex;
letter-spacing: 0.02rem;
}
.vault-product__pdp-related-product .related-product-title {
margin: 0;
font-size: 18px !important;
line-height: 1.6;
}
.vault-product__pdp-related-product .related-product-title a {
text-decoration: none;
color: var(--wp--preset--color--midnight) !important;
}
.vault-product__pdp-related-product .related-product-button {
margin-top: auto;
}
@media screen and (min-width: 620px) {
.vault-product__pdp-related-products {
grid-template-columns: repeat(3, 1fr);
}
}