body.irk-page-compare {
    .post-container .post-inner {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .compare-table-wrapper {
        .compare-table {
            border-collapse: collapse;
            table-layout: fixed;
            border: 1px solid #E4E4E4;

            .add-compare {
                border: 5px dashed #D2D2D2;
                border-radius: 20px;
                color: #D2D2D2;
                text-align: center;
                padding: 80px 10px 30px 10px;
                position: relative;

                &:before {
                    font-family: IRANKala;
                    content: "\E0A4\00FE0E";
                    font-size: 64px;
                    position: absolute;
                    top: 40px;
                    left: 50%;
                    transform: translateX(-50%);
                }
            }

            tbody {
                th, td {
                    padding: 10px;
                }

                th {
                    background: #EAEAEA;
                }

                td {
                    text-align: center;
                    background: #FFF;
                }

                tr.product {
                    td {
                        position: relative;
                        border-bottom: 2px solid $primary;

                        .remove-compare-item {
                            position: absolute;
                            left: 10px;
                            top: 10px;
                            background: #F5F5F5;
                            border-radius: 100%;
                            width: 30px;
                            height: 30px;
                            z-index: 2;

                            &:before {
                                font-family: IRANKala;
                                content: "\E0E0\00FE0E";
                                color: #C0C0C0;
                            }
                        }

                        .title {
                            font-size: $font-size;
                            font-weight: normal;
                            margin: 14px 0;
                            overflow: hidden;
                            min-height: 50px;
                            height: 50px;
                            line-height: 25px;
                        }

                        .price {
                            text-align: center;
                            font-weight: normal;
                            color: $danger;
                            font-size: 15px;
                            height: auto;
                            margin-bottom: 10px;

                            .discount-percent, del {
                                display: none;
                            }

                            ins {
                                font-weight: normal;
                                color: $danger;
                                font-size: 16px;
                            }

                            .woocommerce-Price-currencySymbol {
                                color: $danger;
                                font-size: 15px;
                            }
                        }

                        .btn {
                            display: block;
                            width: 100%;
                            max-width: 200px;
                            margin: auto;
                            border-color: darken($primary, 10);
                        }
                    }

                    td:not(:last-child) {
                        &:after {
                            content: '';
                            display: inline-block;
                            width: 0;
                            height: 0;
                            border-right: 6px solid transparent;
                            border-left: 6px solid transparent;
                            border-bottom: 6px solid $primary;
                            position: absolute;
                            bottom: 0;
                        }
                    }
                }

                tr td:not(:last-child) {
                    border-right: 1px solid #E4E4E4;
                }
            }
        }
    }
}

@media (max-width: 992px) {
    body.irk-page-compare .post-container .post-inner .post-body {
        border-radius: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }
}

#compare-modal {
    max-width: 1000px;
    padding: 0;
    overflow: hidden;
    background: #F8F8F8;

    .search-header {
        background: #ECECEC;
        border-bottom: 1px solid #DEDEDE;
        padding: 20px 40px;

        .compare-search {
            position: relative;

            &:before {
                font-family: IRANKala;
                content: "\E131\00FE0E";
                left: 8px;
                top: 9px;
                position: absolute;
                z-index: 52;
                font-size: 24px;
                width: 36px;
                height: 36px;
            }

            input[type=text] {
                padding-left: 40px;
            }

            .product-cat {
                position: absolute;
                right: 0;
                border-radius: 0 $border-radius $border-radius 0;
                width: auto;
                max-width: 120px;
                top: 0;
            }
        }
    }

    .search-results {
        height: 400px;
        overflow-y: auto;
        padding: 20px 40px;

        .item {
            margin-bottom: 20px;

            .inner {
                background-color: #FFF;
                border: 1px solid #E9E9E9;
                text-align: center;
                border-radius: $border-radius;
                padding: 10px;

                a {
                    height: 64px;
                    line-height: 32px;
                    overflow: hidden;
                    margin-top: 10px;
                }
            }
        }
    }
}