Product

// sass-lint:disable-all
#product-slice-scroller {
    position: relative;
    overflow: hidden;
    &.product-slice {
        width: 100%;
        z-index: 10;
        background: #fff;
        @include mq($screen-l) {
            top: 0;
            height: 100%;
            position: absolute;
        }
        .usps {
            padding: 0 0 2rem;
            ul {
                display: flex;
                list-style: none;
                padding: 0;
                justify-content: space-around;

                li {
                    display: flex;
                    flex-direction: column;
                    padding-right: 15px;
                    margin-right: 15px;

                    span {
                        font-family: $font-family-base;
                        position: relative;

                        &:after {
                            content: "";
                            position: absolute;
                            width: 1px;
                            background: $gray-darkest;
                            opacity: 0.15;
                            right: 0;
                            margin-right: -15px;
                        }

                        &.usp {
                            &:after {
                                height: 100%;
                            }
                            small {
                                font-size: $font-size-medium;
                                }
                            &-underline {
                                height: 40%;
                                top: 0;
                            }
                        }

                        &.attr {
                            font-size: $font-size-large;
                            @include mq($screen-l) {
                                font-size: $font-size-heading-large;
                            }
                        }

                        span {
                            &:after {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }
    .button--add-to {
        justify-content: space-around;
        .button__text {
            display: flex;
        }
        .button__icon {
            width: 20px;
            height: 20px;
        }
    }
}
// sass-lint:enable-all
.catalog-product-view {
    .swatch-solarwood-upgrades {
        flex-direction: column;

        .amprot-swatch-option {
            width: 100%;
            margin: $spacer 0;
            height: 60px;
            border-radius: $form-elements-radius;
            border: $form-elements-unselect-border;
            padding: 0 32px;
            justify-content: space-between;
            .amprot-image-text-block {
                display: flex;
                align-items: center;
                justify-content: space-between;

                .amprot-text {
                    display: block;
                }
            }
            span,
            .amprot-text {
                opacity: 0.6;
                font-size: $form-value-font-size;
            }
            .icon {
                opacity: 0;
            }
            &.-selected {
                border: $form-elements-select-border;

                span,
                .icon,
                .amprot-text {
                    opacity: 1;
                }
            }
        }
    }
}