.SiteMapPath {
    width: calc(var(--page_width) / 100 * 77);
    height: 3vmin;
    border: 0 solid #d7d7d7;
    padding: 0.3vmin;
    margin: 0 0 1vmin 0;
    padding-top: 0.3vmin;
    padding-left: 1vmin;
    text-align: left;
    float: left;
 
  
}
.SiteMapPath a:link, .SiteMapPath a:visited, .SiteMapPath a:active {
        text-decoration: none;
        color:black;
    }
.SiteMapPath .maps {
        margin-right: 1vmin;
        text-decoration: none;
        text-align: left;
    }
.SiteMapPath .kod1, .SiteMapPath .kod2 {
        display: none;
    }
.SiteMapPath .kod3:before {
        content: "";
        margin: 0 1vmin 0 0;
    }
.SiteMapPath .kod4:before {
        content: "/";
        margin: 0 1vmin 0 0;
    }
.SiteMapPath .kod5:before {
        content: "/";
        margin: 0 1vmin 0 0;
    }
.SiteMapPath h1 {
        font-size: calc(var(--font-size) );
        float: left;
    }

.urun_detay {
    border: 0 solid black;
    float: left;
    width: 99%;
    height: 100%;
    margin: 0;
    padding: 0;

}
.urun_detay .main_img {
        width: 25%;
        height: auto;
        padding: 0 0 0 0;
        margin: 0 1vmin 2vmin 0;
        float: left;
        border: 0 solid rgba(0, 0, 0, 0.17);
    }
.urun_detay .main_img .img_main_photo_frame {
            position: relative;
            margin: 0 0 0 0;
            float: left;
            height: auto;
            min-height: 40vmin;
            width: calc(100% );
            border: 0 solid black;
        }
.urun_detay .main_img .img_main_photo_frame .img_main_photo {
                position: absolute;
                margin: 0;
                padding: 0;
                top: 48%;
                left: 50%;
                transform: translate(-50%,-50%);
                height: 70%;
                width: auto;
                max-width: 100%;
                border: 0 solid black;
            }
.urun_detay .main_img .img_main_photo_frame .img_main_photo:hover {
                    cursor: pointer
                }
.urun_detay .main_img .mini_img {
            border: 0 solid black;
            width: 100%;
            height: auto;
            float: left;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 0;
        }
.urun_detay .main_img .mini_img .img_mini_photo {
                display: block;
                height: auto;
                width: calc(18% - 1vmin);
                margin-left: 1vmin;
                margin-top: 0.5vmin;
                border: 0.1vmin solid rgba(10, 10, 10, 0.14);
            }
.urun_detay .icons {
        width: 95%;
        height: auto;
        padding: 0 0 0 0%;
        margin: 0 0 0 0;
        float: left;
        border: 0 solid black;
        display: inline-flex;
 
    }
.urun_detay .icons .icon {
        margin: 0 0 0 0;
        height: 2vmin;
        width: 7vmin;
        flex-basis: auto;
        border-bottom: 0 solid #808d93;
        border-left: 0 solid #808d93;
        border-right: 0 solid #808d93;
        text-align: center;
        padding: 0 0 0 0;
        background-color: #fff;
        border-radius: 0.5vmin;
        border: 0 solid red;
        float:left;

    }
.urun_detay .icons .center {
        flex-grow: 1;
        max-width: calc(100% - 7vmin);
    }
.urun_detay .icons .blok {
        display: none;
    }
.urun_detay .icons .icon i .arrow-pointer {
        width: 3.5vmax;
        height: 2vmin;
        margin: 0;
        background: red;
        color: #7eb4e2;
        text-align: center;
        position: absolute;
    }
.urun_detay .icons .icon i .arrow-pointer::after {
        content: '';
        position: absolute;
        left: 0;
        top: 2vmin;
        width: 0;
        height: 0;
        border: 1.75vmax solid transparent;
        border-top: 0.5vmax solid red;
        margin: 0 0 0 0;
        z-index: 3;
    }
.urun_detay .icons .icon i p span {
        z-index: 3;
        color: white;
        border: 0 solid red;
        font-weight: bold;
        font-size: calc(var(--font-size) *0.9 );
        color: white;
    }
.urun_detay .icons input[type="checkbox"] {
        position: absolute;
        height: 0;
        width: 0;
    }
.urun_detay .icons .heart_disable {
        color: gray;
        font-family: 'font-icons';
        position: absolute;
        z-index: 2;
        font-size: calc(var(--font-size)*2);
    }
.urun_detay .icons .heart_enable {
        color: red;
        font-family: 'font-icons';
        font-size: calc(var(--font-size)*2);
        z-index: 2;
        position: absolute;
    }
.urun_detay .icons .heart_enable label:hover, .urun_detay .icons .heart_disable label:hover{
        cursor: pointer !important;
    }


.urun_detay .right-detail-frame {
        position: relative;
        width: 65.5%;
        height: auto;

        float: left;
        margin: 0;
        padding: 0 0 0 0;
        border: 0 solid rgba(0, 0, 0, 0.17);
    }
    .urun_detay .right-detail-frame .detail {
        border: 0 solid black;
        float: left;
        height: 100%;
        width: 80%;
        padding: 0;
        line-height: 1.5vmax;
        border: 0 solid red;
 
    }
.urun_detay .right-detail-frame .detail .marka_logo {
                float: right;
                width: 10vmin;
                margin: 2vmin 1vmin 0 0;
                text-align: right;
                padding: 0;
                border:0 solid red;
            }
.urun_detay .right-detail-frame .detail .marka_logo img {
                    border: 0 solid black;
                    float: right;
                    height: auto;
                    width: 10vmin;
                }
.urun_detay .right-detail-frame .detail .sipno {
        float: left;
        width: 70%;
        height: auto !important;
        font-size: var(--font-size);
        border: 0 solid red;
        margin: 2vmin 0 0 1vmin;
        padding: 0vmin 0 0 0;
  
    }
.urun_detay .right-detail-frame .detail .sipno .header {
        float: left;
        margin: 0 0 0.5vmin 0;
        border: 0 solid black;
        width: 25%;
    
    }
.urun_detay .right-detail-frame .detail .sipno .text {
                    width: 74%;
                    margin: 0 0 0.5vmin 0;
                    float: left;
                }
.urun_detay .right-detail-frame .detail .sipno .text h2 {
        width: 85%;
        float: left;
        font-size: 1.5vmin;
        margin: 0;
        padding: 0;
        font-weight: normal;
    }
.urun_detay .right-detail-frame .detail .ean {
        float: left;
        width: calc(70%);
        height: auto !important;
        margin: 0 0 0 1vmin;
        border: 0 solid red;
  
    }
.urun_detay .right-detail-frame .detail .ean .header {
                    float: left;
                    width: 25%;
                    border: 0 solid black;
                }
.urun_detay .right-detail-frame .detail .ean .text {
                    float: left;
                    margin: 0 0 0.5vmin 0;
                    width: 74%;
                }
.urun_detay .right-detail-frame .detail .marka {
        float: left;
        width: calc(70% );
        height: auto !important;
        margin: 0 0 0 1vmin;
        border: 0 solid red;
  
    }
.urun_detay .right-detail-frame .detail .marka .header {
            width: 25%;
            float: left;
            margin: 0 0 0 0;
            border: 0 solid black;
            display: inline-block;
     
        }
.urun_detay .right-detail-frame .detail .marka .text {
                        width: 74%;
                        margin: 0 0 0.5vmin 0;
                        float: left;
                        border: 0 solid black;
                    }
.urun_detay .right-detail-frame .detail .marka .text h2 {
                            width: 85%;
                            float: left;
                            font-size: 1.5vmin;
                            margin: 0;
                            padding: 0;
                            font-weight:normal;
                        }
.urun_detay .right-detail-frame .detail .kod {
        float: left;
        width: calc(70%);
        height: auto !important;
        margin: 0 0 0 1vmin;
        border: 0 solid red;

    }
.urun_detay .right-detail-frame .detail .kod .header {
        width: 15%;
        float: left;
        margin: 0 0 0 0;
        border: 0 solid black;
        display: inline-block;     
  
    }
.urun_detay .right-detail-frame .detail .kod .text {
        width: 74%;
        margin: 0 0 0.5vmin 0;
        float: left;
        border: 0 solid black;
    }
.urun_detay .right-detail-frame .detail .kod .text h2 {
            width: 85%;
            float: left;
            font-size: 1.5vmin;
            margin: 0;
            padding: 0;
            font-weight: normal;

        }
.urun_detay .right-detail-frame .detail .stok {
        float: left;
        width: calc(70% );
        height: auto !important;
        margin: 0 0 0 1vmin;
        border: 0 solid red;

    }
    .urun_detay .right-detail-frame .detail .stok .header {
        width: 15%;
        float: left;
        margin: 0 0 0 0;
        border: 0 solid black;
        display: inline-block;
 
    }
    .urun_detay .right-detail-frame .detail .stok .yolda{

        height:25px;
        margin:0;
        padding:0 30px 0 0;
        float:left;
    }



    .urun_detay .right-detail-frame .detail .stok .text {
        width: 74%;
        margin: 0 0 0.5vmin 0;
        float: left;
        border: 0 solid black;
     
    }


.urun_detay .right-detail-frame .detail .stok .text h2 {
            width: 25%;
            float: left;
            font-size: 1.5vmin;
            margin: 0;
            padding: 0;
            font-weight: normal;
        }
        .urun_detay .right-detail-frame .detail .stok_adi {
            white-space: pre-line;
            float: left;
            border: 0 solid red;
            width: calc(100% - 1vmin);
            margin: 3vmin 0 0 1vmin;
            float: left;
            height: auto !important;
            min-height: 6vmin;
            font-size: var(--font-size);
            user-select: all;
        }
        .urun_detay .right-detail-frame .detail .aciklama {
            white-space: pre-line;
            float: left;
            border: 0 solid red;
            width: calc(100% - 1vmin);
            margin: 0 0 0 0vmin;
            padding: 0 0 0 1vmin !important;
            float: left;
            height: auto !important;
            font-size: var(--font-size);
            color: red;
            font-weight: bold;
        }
.urun_detay .right-detail-frame .detail .sepet {
        width: calc(100% - 1vmin);
        height: 8vmin;
        border: 0 solid red;
        float: right;
        margin: 0 0 0 1vmin;
        float: left;
    }
.urun_detay .right-detail-frame .detail .sepet .urun_fiyat {
            float: left;
            width: 50%;
            margin: 3vmin 0 0 0;
            font-size: var(--font-size);
            border: 0 solid red;

            

        }
.urun_detay .right-detail-frame .detail .sepet .Watermarks {
        position: absolute; /* Position the background text */
        border: 0 solid red;
        text-align: center;
        width:50%;
        height:5vmin;
    }
.urun_detay .right-detail-frame .detail .sepet .Watermarks p {
            top: 0;
            border: 0 solid red;
        
            margin:0 auto 0 auto;
            font-size:4vmin;
            color:rgba(0, 0, 0, 0.15)
        }
.urun_detay .right-detail-frame .detail .sepet .basket {
            width: 50%;
            text-align: left;
            float: left;
            margin: 1vmax 0 0 0;
            padding: 1vmax 0 0 0;
            border: 0 solid red;
   
        }
.urun_detay .right-detail-frame .detail .sepet .basket .txt_miktar {
                width: 5vmax !important;
                height:2.5vmin;
                margin: -1vmax 2vmax 1vmax 0;
                border: 0.1vmin solid black;
                font-size:var(--font-size);
              
                padding:0;
            }
.urun_detay .right-detail-frame .detail .sepet .basket .btn_basket_add {
                width: 10vmax;
                height: 2.6vmax;
                margin: 1vmax 0 1vmax 0;
                border-radius: 1vmax;
                border: 0 solid red;
            }
.urun_detay .right-detail-frame .detail .button_frame {
        border: 0 solid red;
        width: calc(100% - 1vmax);
        margin: 4vmax 0 2vmax 1vmax !important;
        padding: 0 0 0 0;
        float: right;
        text-align: center;
        font-size: var(--font-size);
        height:6vmin;

    }
.urun_detay .right-detail-frame .detail .btn_basket_add {

    width: 15.2vmax !important;
    height: 2.6vmax;
    margin: 1vmax 0 1vmax 0;
    border-radius: 1vmax;
    text-align:center;
    border: 0.1vmax solid gray;
    color: black;
    font-weight: bold;
    background-color: var(--bar_background_color) !important;
}
.urun_detay .right-detail-frame .detail .btn_basket_add span {
    position: relative;
    top: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.urun_detay .right-detail-frame .detail .button {
        min-width: 5vmax;

        width: auto;
        padding: 0.3vmax;
        margin: 1vmin;
    }


.urun_detay .tabmenu {
        position: relative;
        width: calc(var(--page_width) / 100 * 78);
        min-height: 20vmin;
        height: auto;
        float: left;
        margin: 1vmin 0 0 0;
        text-align: left;
    }
.urun_detay .tabmenu input {
        display: none;
    }
.urun_detay .tabmenu input + label {
            display: inline-block;
        }
.urun_detay .tabmenu input ~ .tab {
            display: none;
        }
.urun_detay .tabmenu input + label {
            /* box with rounded corner */
            border: 0.1vmin solid #999;
            background: #eee;
            padding: 0.4vmin 1.2vmin;
            border-radius: 0.4vmin 0.4vmin 0 0;
            position: relative;
            top: 0.1vmin;
        }
.urun_detay .tabmenu input:checked + label {
            /* white background for selected tab */
            background: #fff;
            border-bottom: 0.1vmin solid transparent;
            box-shadow: red 0 -0.1vmin inset;
        }
.urun_detay .tabmenu input ~ .tab {
            /* grey line between tab and contents */
            border-top: 0.1vmin solid #999;
            padding: 1.2vmin;
        }
.urun_detay .tabmenu .detail {
        width: calc(98% - 2vmin);
        display: block;
        border: 0.1vmin solid #d7d7d7;
        border-bottom-left-radius: 1vmin;
        border-bottom-right-radius: 1vmin;
        margin: 0.2vmin 0 0 0;
        padding: 0;

    }
.urun_detay .tabmenu .detail span h2 {
            font-size: var(--font-size) !important;
            color:green;
        }
.urun_detay .tabmenu .detail .header {
        height: 3vmin;
        font-size: var(--font-size);
        background-color: #d7d7d7;
        color: red;
    }
.urun_detay .tabmenu .detail .row {
            height: 2vmin;
            font-size: 1.2vmin;
            border-right: 0.1vmin solid #d7d7d7;
        }
.urun_detay .tabmenu .cell:first-child {
        height: 3.5vmin;
        font-size: 1.5vmin;
        border-right: 0.1vmin solid #d7d7d7;
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
    }
.urun_detay .tabmenu .cell:last-child {
        height: 3.5vmin;
        font-size: 1.5vmin;
        padding-left: 1.5vmin;
    }
.urun_detay .tabmenu .color {
        background-color: #eae7e7;
    }
.urun_detay .tabmenu .alternatifcolor {
        background-color: #f0f0f0;
    }


.urun_detay .right-detail-frame .detail .kod {
    width: 79vmin;
    height: 5vmin;
    font-size: calc(var(--font-size));
}
.urun_detay .right-detail-frame .detail .stok {
    width: 79vmin;
    height: 5vmin;
    font-size: calc(var(--font-size));
}
.urun_detay .right-detail-frame .detail .stok .text h2 {
        font-size: calc(var(--font-size));
    }
.urun_detay .right-detail-frame .detail .stok_adi {
    font-size: calc(var(--font-size));
}
.urun_detay .right-detail-frame .detail .aciklama {
    font-size: calc(var(--font-size));
    height: auto;
    margin: 0;
    padding: 0;
}
.urun_detay .right-detail-frame .detail .sepet {
    height: auto;
    margin: 0;
    padding: 0;
    font-size: calc(var(--font-size));
}
.urun_detay .right-detail-frame .detail .button_frame {
    height: auto;
    margin: 0;
    padding: 0;
    font-size: calc(var(--font-size));
}

.urun_detay .tabmenu {
    
    width: 100vmin;
}
.urun_detay .tabmenu .detail  {
 position:static;
        display: block;
        width: 98%;
        margin: 0  15vmax 0 0 !important;
        overflow-x:auto;
    }
.urun_detay .tabmenu input:checked + label {
        /* white background for selected tab */
        font-size: calc(var(--font-size)*1.2);
        padding:1.5vmin;
        font-weight: bold;
    }
.urun_detay .tabmenu .detail table {
        border: 0 !important;
        width: 80vmin !important;
       
        min-height: 40vmax;
        position: static;
        font-weight: normal;
        top: 0;
    }
.urun_detay .tabmenu .detail table image, .urun_detay .tabmenu .detail table p {
                position: static;
                margin: 0;
                padding: 0;
                left: 0;
                width: auto;
            }
.urun_detay .tabmenu .detail table tr {
                margin: 0;
                padding: 0;
                top: 0;

            }
.urun_detay .tabmenu .detail table tr td{
        margin:0;
        padding:0;
        top:0;
        vertical-align:top;
    }


@media (min-width: 320px) and (max-width: 767px) {

.SiteMapPath {
        width: 100vmin;
        height: auto !important;
        margin: 0 !important;
    }
.urun_detay {
        position: relative !important;
        display: inline-block;
        width: 100vmin;
    }
.urun_detay .main_img {
            position: static !important;
            width: 90%;
            margin: 3vmin 0 0 5vmin;
        }
.urun_detay .right-detail-frame {
            width: 50vmin;
        }
.urun_detay .right-detail-frame .detail {
                position: relative;
                display: inline-block;
                width: 98vmin;
                border: 0.1vmin solid #ddd;
                margin: 3vmin 0 0 0.2vmin;
            }
.urun_detay .right-detail-frame .detail .marka_logo {
                    float: right;
                    width: 15vmin;
                    margin: 2vmin 1vmin 0 0;
                    text-align: right;
                    padding: 0;
                }
.urun_detay .right-detail-frame .detail .marka_logo img {
                        border: 0 solid black;
                        float: right;
                        height: auto;
                        width: 15vmin;
                    }
    .urun_detay .right-detail-frame .detail .sipno,
    .urun_detay .right-detail-frame .detail .marka,
    .urun_detay .right-detail-frame .detail .kod,
    .urun_detay .right-detail-frame .detail .stok,
    .urun_detay .right-detail-frame .detail .stok_adi,
    .urun_detay .right-detail-frame .detail .aciklama {
        width: 79vmin;
        line-height:4vmin
    }
        .urun_detay .right-detail-frame .detail .sipno .header,
        .urun_detay .right-detail-frame .detail .marka .header,
        .urun_detay .right-detail-frame .detail .kod .header,
        .urun_detay .right-detail-frame .detail .stok .header,
        .urun_detay .right-detail-frame .detail .stok_adi .header,
        .urun_detay .right-detail-frame .detail .aciklama .header {
            width: 25vmin;
        }
        .urun_detay .right-detail-frame .detail .sipno .text,
        .urun_detay .right-detail-frame .detail .marka .text,
        .urun_detay .right-detail-frame .detail .kod .text,
        .urun_detay .right-detail-frame .detail .stok .text,
        .urun_detay .right-detail-frame .detail .stok_adi .text,
        .urun_detay .right-detail-frame .detail .aciklama .text {
            width: 50vmin;
        }

    .urun_detay .right-detail-frame .detail .sepet .basket .txt_miktar {
        width: 5vmax !important;
        height: 2.5vmin;
        margin: -1vmax 2vmax 1vmax 0;
        border: 0.1vmin solid black;
        font-size: var(--font-size);
        padding: 0;
        line-height: 2vmin !important;
        padding: 1.5vmin !important;
    }

    .urun_detay .right-detail-frame .detail .button {
 
        line-height: 2vmin !important;
        padding: 1.5vmin !important;
  
    }


.urun_detay .right-detail-frame .detail .marka .text h2 {
                        font-size: calc(var(--font-size));
                    }

    .urun_detay .tabmenu .detail
    {
       overflow:auto;
    }

    .urun_detay .tabmenu .detail table {
        width: 98vmin !important;
    }




}