body {
}


.DVUrunY {
    padding: 10px 12px 20px 12px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}


    .DVUrunY a {
        text-decoration: none;
        display: block;
    }


        .DVUrunY a img {
            width: 100%;
            height: auto;
            max-width: 350px;
        }

        .DVUrunY a h2 {
            color: #000000;
            font-size: 10pt;
            font-weight: 500;
            padding: 6px 2px;
        }

        .DVUrunY a span.spanOzellik {
            color: #000000;
            font-size: 9pt;
            font-weight: 500;
        }

        .DVUrunY a span.spanFiyat {
            color: #000000;
            font-size: 12pt;
            font-weight: 600;
        }

.DVUrunYBtn {
    padding: 10px 10px;
    background-color: #24431e;
    color: #ffffff;
    max-width: 250px;
    margin: 0 auto;
    font-size: 10pt;
}

.DVUrunYPatlangac {
    position: absolute;
    right: 5px;
    top: 5px;
}

    .DVUrunYPatlangac img {
        width: 6vw;
        height: auto;
        max-width: 140px;
        min-width: 70px;
    }


.stokYok {
    opacity: 0.4;
}

.col-12.col-sm-6.col-lg-4 {
    transition: all 0.3s ease;
}

.DVUrunY {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

    .DVUrunY:hover {
        transform: translateY(-5px);
    }

@media (min-width:1200px) {
    .DVUrunY {
        padding: 20px 25px 40px 25px;
        background-color: #ffffff;
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }


        .DVUrunY a {
            text-decoration: none;
            display: block;
        }


            .DVUrunY a img {
                width: 100%;
                height: auto;
                max-width: 300px;
            }

            .DVUrunY a h2 {
                color: #000000;
                font-size: 13pt;
                font-weight: 500;
                padding: 6px 2px;
            }

            .DVUrunY a span.spanOzellik {
                color: #000000;
                font-size: 11pt;
                font-weight: 500;
            }

            .DVUrunY a span.spanFiyat {
                color: #000000;
                font-size: 14pt;
                font-weight: 600;
            }

    .DVUrunYBtn {
        padding: 18px 10px;
        background-color: #24431e;
        color: #ffffff;
        max-width: 250px;
        margin: 0 auto;
        font-size: 12pt;
    }

    .DVUrunYPatlangac {
        position: absolute;
        right: 5px;
        top: 5px;
    }

        .DVUrunYPatlangac img {
            width: 6vw;
            height: auto;
            max-width: 140px;
            min-width: 70px;
        }
}