/* comparison Page */
header .header-inner {
    border-bottom: solid 1px #ccc;
}

.product-comparison input::placeholder {
    color: #666;
    opacity: 1;
}

.product-comparison input.input-lg[type="text"] {
    font-size: calc(.9em + .1vw);
    font-weight: 400;
    background: var(--bgcolormedlight);
    border-color: var(--bgcolormed);
    padding: 1.25em 1em;
}

.product-comparison .search-area.active input.input-lg[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #ccc;
}

.product-comparison .search-area .resultsearch .search-list .item .col-icon .btn {
    padding: 5px;
}

.product-comparison input.input-lg[type="text"]:focus {
    background: var(--bgcolormed);
}

.product-comparison .swiper .swiper-slide {
    padding: 1px;
    box-sizing: border-box;
}

.product-comparison {
    background-color: var(--bgcolor);
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);*/
    border-radius: var(--brediusbig);
    padding: 2em 0 1em;
}

    .product-comparison .product-ver-tiny .pvt-btn {
        flex-direction: row;
        gap: 5px;
        align-items: center;
        justify-content: start;
        min-height: auto;
    }

    .product-comparison .product-ver-tiny .title {
        position: relative;
        bottom: unset;
        text-align: start;
    }

    .product-comparison .product-ver-tiny .image {
        margin-bottom: 0;
    }

    .product-comparison .product-ver-tiny .action {
        left: 7px;
        top: 7px;
    }

        .product-comparison .product-ver-tiny .action .btn {
            padding: .15rem .15rem;
        }

    .product-comparison .compare-table tr td, .product-comparison .compare-table tr th {
        vertical-align: middle;
        border: 1px solid #ccc;
        border-bottom-color: #ccc !important;
        font-weight: 400;
        color: var(--textcolor);
    }

        .product-comparison .compare-table tr td:first-child, .product-comparison .compare-table tr th:first-child {
            font-weight: 700;
        }

    .product-comparison .compare-table thead tr th {
        border-top: none;
        background-color: var(--bgcolorlight);
        box-shadow: 0 0 3px #ddd;
        border-top: none;
    }

[data-theme="dark"] .product-comparison .compare-table thead tr th {
    box-shadow: none;
}

.tr-image td {
    background-image: none !important;
    background-color: transparent !important;
}

.product-comparison .compare-table .products {
    padding: 0;
    border: none;
    box-shadow: none;
    margin: 0;
    font-size: calc(.78em + .1vw);
    background: unset;
}

    .product-comparison .compare-table .products .product .cart {
        top: -5px;
        left: -5px;
    }

    .product-comparison .compare-table .products .product .action .btn {
        padding: calc(.2rem + .15vw);
    }

        .product-comparison .compare-table .products .product .action .btn img {
            width: 13px;
            height: 13px;
        }

.product-comparison .compare-table .product .image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .product-comparison .compare-table .product .image .img-parent {
        max-height: 50px !important; /*temp*/
    }

    .product-comparison .compare-table .product .image .btn {
        border-radius: 15px 15px 0 0;
        border: none;
        transform: translateY(-25%);
    }

th .product .product-price .price,
td .product .product-price .price,
.product td .product-price .price,
.product td .product-price .price-before-discount {
    text-align: inherit;
}

@media (min-width:768px) {
    .product-comparison .compare-table {
        table-layout: fixed;
    }
}

@media (min-width:1200px) {
    .product-comparison .table-responsive {
        overflow: unset;
    }

    .product-comparison .compare-table thead tr th {
        position: sticky;
        top: 62px;
        z-index: 10;
        filter: drop-shadow(0 0 2px #ddd);
    }

    [data-theme="dark"] .product-comparison .compare-table thead tr th {
        filter: none;
    }
}

/*@media (max-width:768px) {
   
}*/