// Magento comparison list (with magento classes) is styled here

.table-comparison {
    .remove {
        border-bottom: none !important;
    }

    .#{$namespace}grid-product,
    .attribute,
    .compare-remove-wrapper {
        max-width: 30rem;
    }

    .comparison-product-reviews {
        margin: 5px;
        display: flex;
        justify-content: center;
    }

    .price-box {
        margin: 5px;
        display: flex;
        justify-content: center;

        .price-label {
            display: none;
        }

        .old-price {
            order: 1;

            .price-wrapper span {
                display: inline-block;
                transform: translateY(0.4rem);
            }
        }

        .special-price {
            order: 2;
        }
    }

    .cell {
        width: 20rem;
    }

    .cell.label {
        border-right: 0.1rem solid #d1d1d1 !important;
    }

    @media print {
        .remove,
        .product-item-actions,
        .print {
            display: none;
        }

        .comparison-product-reviews {
            margin: 0;
        }

        .#{$namespace}grid-product__name-link {
            text-decoration: none !important;
        }

        .#{$namespace}attributes-list__list {
            font-size: 10px !important;

            p,
            li {
                font-size: 10px !important;
            }

            ol,
            ul {
                padding-left: 8px;
            }
        }
    }

    .#{$namespace}links-block-addto__link {
        width: 100%;
    }
}

.catalog-product-compare-index {
    .action.print {
        float: left !important;
        margin: 0 0 15px !important;

        @include media('<tablet') {
            display: none;
        }
    }

    @media print {
        .#{$namespace}header__user-area,
        .#{$namespace}header__search,
        .#{$namespace}header__search-placeholder,
        .#{$namespace}footer,
        .#{$namespace}page-bottom {
            display: none;
        }
    }
}