@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;
}

/* Swiper styles */
.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;
}

/* Video Review */
.vault-product__pdp-video-review figure,
.vault-product__pdp-video-review .p4-blocks-lazy-load-youtube__video--container {
    margin: 0;
}

/* In Depth Review */
.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;
    }
}

/* Pros and Cons */
.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");
}


/* Product Specs */
.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;
    }

}

/* Reviews */
.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;
}

/* Review Form */
.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;
}

/* Hide radio inputs */
#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;
    }

}

/* Related Products */
.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);
    }
}