:root {
    --page-border-radius: 6px;
}

.indirim-kutu {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    width: 100%;

    .clockdiv {
        justify-content: center !important;
    }
}


.product_img_box img:not(.oppor_product .product_img_box img):not(.lazyautosizes) {
    height: 220px;
    width: 100%;
}

._urunBlock {
    padding: 0;
    width: 100%;
}

.product_box {

    .group-label {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;

        & > span {
            border-radius: 6px;
            font-size: 10px;
            display: inline-block;
            font-weight: 600;
            line-height: 20px;
            color: #fff;
            padding: 0 8px;
            text-transform: uppercase;
        }

        .new_product_badge {
            background: var(--button-new-background-color);
        }

        .promotion_product_badge {
            background: #f59758;
        }

        .campaign_product_badge {
            background: var(--button-discount-background-color);
        }


        & > span.nostock {
            background-color: #db143d;
        }
    }

    .btn_df {
        border-radius: var(--page-border-radius) !important;
        box-shadow: rgb(0 0 0 / 8%) 0px 0px 5px 1px;
        margin-top: 10px;
    }


    .produc_all_desc .product_price {
        align-items: center;
        justify-content: space-between;
        gap: .1rem;
        width: 100%;


        .btn, .btn_df, .nostock_basket_box {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
        }


    }

    .product_card_campaign {
        position: relative;
        min-height: 40px;


        .product_card_campaign_info {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            padding: .3rem;
            background-color: color-mix(in srgb, #036ED1 30%, white);
            border-radius: 6px;

            .product-buy-more-pay-less-icon {
                transform: rotate(90deg);
                color: #036ED1;
            }

            .product-label-text {
                color: #212529;
                font-weight: 600;
                font-size: 13px;
            }

            .campaign-text {
                color: #ffff;
            }

        }
    }

    .product-meta {
        display: flex;
        align-items: center;
        justify-content: space-between;

        * {
            margin: 0;
        }

        .product-stock {
            color: #124789;
            font-size: 15px;
        }

    }

}

.clockdiv {
    gap: .5rem;

    div {
        border-radius: 6px;
        width: 100%;

       .smalltext {
           margin-bottom: 5px;
       }
    }
}

@media (max-width: 768px) {
    .produc_all_desc .product_price {
        align-items: flex-start !important;
        justify-content: space-between;
        gap: .1rem;
        width: 100%;
    }

    .nostock_basket_box {
        margin-top: .2rem;
    }

    .clockdiv {
        gap: unset !important;
        div {
            max-height: 50px;
        }
    }

    .produc_all_desc .product_price .quick_buton.buton {
        justify-content: flex-start !important;
    }

    .product_img_box img:not(.oppor_product .product_img_box img):not(.lazyautosizes) {
        height: auto !important;
    }

    .product_title {
        a {
            display: -webkit-box !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    }

    .disc_product .product_img_box, .kategori_and_product_box .mobil_col .product_img_box {
        min-height: 150px !important;
        max-height: 150px !important;
    }

    .produc_all_desc .product_title {
        font-size: 15px !important;
    }

    .qty-plus-minus {
        width: 100% !important;
    }

    .group-label {
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: center !important;


        & > span {
            width: fit-content;
        }
    }

    .product_card_campaign {
        min-height: 45px !important;
    }

    .btn_compare {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        position: absolute;
        top: 46px;
        right: 5px;
        padding: 0;
        background-color: #f8f8f8;
        border: 1px solid #f8f8f8;
        color: #ffff !important;
        width: 35px;
        height: 35px;
        border-radius: 4px;
        text-align: center;
        font-size: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 8px;
        transition: 0.3s;

        i {
            color: #212529;
        }

        &:hover {
            background: #ffff;
        }

    }
}