.brxe-np-woo-gallery {
    .np-product-image-gallery__wrapper-slide {
        img {
            border-radius: 20px;
        }
    }

    .np-product-image-gallery__thumbnails {
        img {
            border-radius: 16px;
        }
    }
}

.sh-product-data {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 32px;

    @media(max-width: 767px) {
        padding: 20px;
        gap: 20px;
    }

    &.-loading {
        border-radius: 20px;

        &:before {
            content: "";
            position: absolute;
            background: rgba(0, 0, 0, .2);
            backdrop-filter: blur(2px);
            inset: 0;
            z-index: 99;
            border-radius: 20px;
        }

        &:after {
            content: "";
            position: absolute;
            display: block;
            width: 40px;
            height: 40px;
            z-index: 99;
            border-radius: 50%;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: url('/wp-content/themes/SportHarry-Rentals-Theme/assets/media/icons/loading.svg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            animation: icon_loading 3s infinite;
        }

    }

    .sh-product-header-usps {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        list-style-type: none;
        padding: 0;

        li {
            white-space: nowrap;
            padding: 6px 14px;
            border-radius: 100px;
            border: 1px solid #DDD;
            background: #FFF;
            color: #1D1D1C;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;

            @media(max-width: 767px) {
                font-size: 14px;
                padding: 4px 8px;
            }

            &:last-of-type {
                border-color: #1D1D1C;
                background: #1D1D1C;
                color: #fff;
            }
        }

    }

    .sh-product-price_row {
        display: flex;
        align-items: end;
        gap: 10px;

        .sh-product-price {
            color: #1D1D1C;
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 100%;
            letter-spacing: -0.48px;

            @media(max-width: 767px) {
                font-size: 40px;
            }

        }
    }


    .sh-product-footer-usps {
        display: flex;
        flex-direction: column;
        gap: 14px;
        list-style-type: none;
        padding: 0;

        li {
            display: grid;
            grid-template-columns: 20px auto;
            gap: 8px;

            i {
                display: flex;
                justify-content: center;
                align-items: center;
                background: var(--e-global-color-secondary);
                border-radius: 50%;
                height: 20px;
                width: 20px;
                margin-top: 2px;

                svg {
                    width: 15px;
                    height: 15px;
                }
            }

            .sh-user-info {
                display: flex;
                flex-direction: column;

                strong {
                    color: #1D1D1C;
                    font-family: var(--e-global-typography-accent-font-family);
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 100%;
                    letter-spacing: -0.18px;
                }

                span {
                    color: #6B6B6B;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 150%;
                }
            }

        }
    }

    .sh-product-suffix-message {
        color: #1F8A4D;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .sh-product-sku {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;

        .sh-product-sku-col {
            color: #6B6B6B;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
        }
    }
}