/* input(37,2): run-time error CSS1030: Expected identifier, found '*'
input(37,2): run-time error CSS1019: Unexpected token, found '*'
input(37,4): run-time error CSS1019: Unexpected token, found '{'
input(38,12): run-time error CSS1030: Expected identifier, found ' '
input(38,13): run-time error CSS1031: Expected selector, found '0'
input(38,13): run-time error CSS1025: Expected comma or open brace, found '0'
input(39,13): run-time error CSS1030: Expected identifier, found ' '
input(39,14): run-time error CSS1031: Expected selector, found '0'
input(39,14): run-time error CSS1025: Expected comma or open brace, found '0'
input(40,13): run-time error CSS1030: Expected identifier, found ' '
input(40,25): run-time error CSS1031: Expected selector, found ';'
input(40,25): run-time error CSS1025: Expected comma or open brace, found ';'
input(41,1): run-time error CSS1019: Unexpected token, found '}'
input(588,1): run-time error CSS1019: Unexpected token, found '}'
input(680,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important' */
:root {
    --BtnHeight: 12%;
    --BorderStyle: 1px solid var(--Blue);
    --TspDrk: #301807;
    --TspLight: #0f6dc7;
}

.CardTextList {
    list-style: inside;
}

.favoritedetail {
    position: relative !important;
    border-radius: 100px !important;
    border: solid;
    border-color: #0000004f;
    align-items: center !important;
    text-align: center;
    height: 60px;
    width: 60px;
}

    .favoritedetail > .FavoriteIcon {
        height: 30px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        fill: var(--LightGray);
        cursor: pointer;
        z-index: 2;
        margin: auto;
        left: 0;
        padding: 0 !important;
    }

.* {
    margin: 0;
    padding: 0;
    display: inline-flex;
}

.pdetailProductcode {
    margin-top: 20px;
}

    .pdetailProductcode > a {
        opacity: 0.7;
    }

.zoomdetailimg {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease-out;
}


#main-container-product-detail {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: white;
    /*border: solid 1px rgb(0,0,0,25%);*/
    /*box-shadow: 0 4px 5px 2px rgb(0 0 0 / 25%);*/
    border-radius: 6px;
    margin: 1rem 0;
    /*padding: 2rem 0;*/
    gap: 1rem;
    overflow: hidden;
}

    #main-container-product-detail > * {
        padding: 2rem 0;
    }

#left-side {
    flex: 1;
    width: 100%;
    min-width: 450px;
    /*border:1px solid #d5d5d5;*/
    border-radius: 6px;
    /*padding-top: 3%;*/
}

#right-side {
    position: relative;
    padding-right: 0;
    width: 100%;
    flex: 1;
    padding-left: 2rem;
    height: fit-content;
    border-radius: 6px;
    margin-left: 10px;
    /*border:1px solid #d5d5d5;*/
    /*background:rgb(0,0,0,4%);*/
    /*margin-bottom: 100px;*/
}

#ZoomRes {
    background: no-repeat;
    height: 100%;
}

#product-detail-img-showdown-wrapper {
    /*    height: 550px;*/
    width: 100%;
}

#product-detail-big-img-container .SVGShoppingList {
    position: absolute;
    right: 0%;
    top: 13%;
    height: 25px;
    width: 33px;
    fill: grey;
    cursor: pointer;
    z-index: 50;
}

    #product-detail-big-img-container .SVGShoppingList:hover {
        fill: var(--Blue)
    }

#ImageZoomContainer {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 4px;
    box-shadow: 0 0px 9px 4px rgb(0 0 0 / 50%);
    transition: opacity 250ms;
    pointer-events: none;
}

    #ImageZoomContainer[zoom-in=true] {
        /*display:unset;*/
        display: none;
        opacity: 0;
    }

.img-magnifier-glass {
    height: 100%
}

#campaign-box {
    /*height: 35px;*/
    width: 100%;
    margin-top: 10px;
    background: var(--Orange);
    padding: 10px 15px;
    border-radius: 6px;
    color: white;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 17px;
    margin-bottom: 10px;
}
.price-card {
    background: var(--Orange);
    padding: 10px;
    border-radius: 10px;
    width: 200px;
    text-align: center;
    color: white;
    font-family: Arial, sans-serif;
}

.price-header {
    font-size: larger;
}

.card-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

    .card-row:last-child {
        margin-bottom: 0;
    }
#unit-type-price-quatity-box {
    /*height: 500px;*/
    width: 100%;
    height: 100%;
    /*border-radius: 4%;*/
    /*padding-top: 3%;*/
    display: flex;
    flex-direction: column;
    /*transition: 1.3s;*/
}

#main-container-wrapper-product-detail {
    min-height: 53vh;
}


.FlatCardManageWrapper {
    /*height: 60%;*/
    background-color: transparent;
    display: flex;
    justify-content: center;
    user-select: none;
    justify-content: flex-start;
    align-items: center;
}

    .FlatCardManageWrapper[item-is-in-cart=true] > .CardAddToCartButton {
        display: none !important;
    }

    .FlatCardManageWrapper[item-is-in-cart=true] {
        border: none !important;
    }

    .FlatCardManageWrapper[item-is-in-cart=false] > .CardItemQuantityWrapper {
        display: none !important;
    }


.PriceWrapper {
    display: flex;
    /*margin: 1rem 0;*/
    gap: .5rem;
}


.DiscountWrapper {
    display: none;
    justify-content: center;
    align-items: center;
    background: red;
    color: white;
    border-radius: 2px;
    padding: .5rem;
    font-size: large;
}

#main-container-wrapper-product-detail[discount-is-present=true] .DiscountWrapper {
    display: flex;
}

.price-option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.price-label {
    display: flex;
    flex-direction: column; /* Alt alta s�ralamak i�in */
    gap: 10px; /* �ki div aras�nda bo�luk b�rak */
}

    .price-label div {
        display: flex;
        align-items: center; /* Radio ve metinleri hizala */
        gap: 8px; /* ��erikler aras�nda bo�luk */
    }

    .price-label span {
        font-weight: normal; /* Varsay�lan yaz� tipi */
    }

    .price-label .price {
        font-weight: bold; /* Fiyat� kal�n yap */
    }

input[type="radio"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    visibility: visible !important;
    display: inline !important;
    position: relative !important;
}
.unit-price {
    margin-left: 25px;
    color: gray;
}
.PDPriceWrapper {
    font-size: large;
}

    .PDPriceWrapper .OldPrice {
        /*margin-bottom:1rem !important;*/
        font-size: large;
    }

    .PDPriceWrapper > p {
        /*margin:0!important;*/
    }




.OldPrice {
    position: relative;
    color: var(--LightGrayHighlight);
    /* transform: translate(-50%, 0); */
    /*text-align: center;*/
    /* max-width: 150px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    width: fit-content;
    width: -moz-fit-content;
}

    .OldPrice:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid;
        border-color: inherit;
        -webkit-transform: rotate( -25deg ) translate(0, -50%);
        -moz-transform: rotate( -25deg ) translate(0, -50%);
        -ms-transform: rotate( -25deg ) translate(0, -50%);
        -o-transform: rotate( -25deg ) translate(0, -50%);
        transform: rotate( -25deg ) translate(0, -50%);
    }

#main-container-wrapper-product-detail[discount-is-present=false] .OldPrice {
    display: none;
}

#main-container-wrapper-product-detail[discount-is-present=true] .Price {
    font-size: x-large;
    color: #008E46;
}
/*quantity box animation*/
/*#unit-type-price-quatity-box:hover {
        box-shadow: -11px 2px 35px -16px rgba(0,0,0,0.64);
        -webkit-box-shadow: -11px 2px 35px -16px rgba(0,0,0,0.64);
        -moz-box-shadow: -11px 2px 35px -16px rgba(0,0,0,0.64);
        transition: 1.3s;
    }*/
#product-detail-img-wrapper {
    /*height: 100%;*/
    width: 100%;
    /*justify-content: center;*/
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

#product-detail-big-img-container {
    order: 1;
    width: 100%;
    height: 100%;
    /*    border-style: solid;
    border-color: lightgray;
    border-radius:1%;*/
    /*max-width: 75%;*/
    position: relative;
}

.big-img {
    display: block;
    position: relative;
    /*height:90%!important;*/
    height: 300px !important;
    width: auto;
    margin: auto;
    cursor: zoom-in;
}

.magnify {
    border-radius: 50%;
    border: 2px solid black;
    position: absolute;
    z-index: 20;
    background-repeat: no-repeat;
    background-color: white;
    box-shadow: inset 0 0 20px rgba(0,0,0,.5);
    display: none;
    cursor: none;
}

/*.small-img[img-selected=true] {
    border-bottom: solid 2px var(--Blue);
    border-left: var(--BorderStyle);
    border-right: var(--BorderStyle);
    border-top:var(--BorderStyle)
}*/
.Price {
    font-weight: 700;
}

.small-img-container img {
    max-width: 100%;
}

.img-fluid {
    height: auto;
}

#ZoomPopupClose {
    font-size: 25px;
    cursor: pointer;
    /*padding-left:10px;*/
    padding: 2px 7px;
    color: #737373;
    position: absolute;
    text-shadow: 0px 0px 1px white;
    right: 15px;
    z-index: 9999;
    right: 23px;
    top: 23px;
}

#ZoomPopupClose:hover {
    background: #f2f2f2;
    border-radius: 50%;
}

.ProductZoomPopupContentContainer {
    display: flex;
    flex-direction: row;
    height: 100%;
}

#product-detail-small-img-wrapper {
    order: 0;
    width: 120px;
    display: flex;
    /*max-width: 75%;*/
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 1rem;
    gap: 1rem;
}

.small-img-container {
    padding: 1%;
    border: var(--BorderStyle);
    border-radius: 4px;
    cursor: pointer;
    transition: background 250ms;
}

    .small-img-container[img-selected=true] {
        border: solid 2px var(--TspDrk);
    }

    .small-img-container:hover {
        background: rgb(0,0,0,5%);
    }


    .small-img-container * {
        pointer-events: none;
    }


    .small-img-container img {
        /* border-width: 1px;
        border-style: solid;
        border-color: slategray;*/
        width: 75px;
        height: 75px;
        border-radius: 5%;
        padding: .5rem;
    }

.unit-type-price-selection-wrapper {
    padding-left: 5%;
    margin-top: 4%;
}

p#product-header {
    font-size: 21px;
    color: royalblue;
    font-weight: bold;
}

h5#product-header {
    /*font-size: large;*/
    font-weight: 600;
}

.pdetailbrand {
    font-size: 17px;
}

.FavIconTopImage {
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    fill: grey;
    z-index: 100;
    cursor: pointer;
}

    .FavIconTopImage[is-in-favorites=true] {
        fill: #FF3434;
    }

    .FavIconTopImage:hover[is-in-favorites=false] {
        fill: #FF3434;
    }

    .FavIconTopImage:hover[is-in-favorites=true] {
        fill: var(--LightGray);
    }


.price--line-through {
    flex: 1;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3e%3cline x1='0' y1='70' x2='70' y2='0' stroke-width='2' stroke='%23a18cd1'/%3e%3c/svg%3e");
    margin-bottom: .5rem;
}

#old-price-text {
    padding-left: 5%;
    color: red;
}

.price-empty {
    flex: 1;
}

#bottom-info-container {
    width: 100%;
    /*  padding-left: 20%;
    padding-right: 20%;*/
    background-color: white;
/*    margin: 5% 0;
*/}

.feature-listing-item {
    margin-bottom: 8px;
    margin-left: 5%;
}

.feature-listing-text {
    font-size: 18px;
}
/*a.nav-link.active.show {
    background-color: darkgrey;

}
.nav-pills .nav-link {

    color: black;
}*/
.row {
    background: white;
    margin-top: 20px;
}

.col {
    border: solid 1px #6c757d;
    padding: 10px;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    justify-content: center;
}

/*.dx-theme-material-typography a {
    color: #000000 !important;
}*/
/* btn TWO
.btn-primary {
    color: #fff;
    background-color: #1963b3 !important;
    border-color: #007bff;
}
    .btn-primary:hover {
        color: #fff;
        background-color: #2570c3;
        /* border-color: #0062cc; */
}


.feature-listing-container {
    width: 100%;
    height: 100%;
}
/*spec 1 start*/
input[type="radio"] + label span.radioButtonGraph {
    appearance: none;
    z-index: 20;
    position: absolute;
    left: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;
    background: #efefef;
    background-image: radial-gradient(ellipse at center, #1759a7 0%,#1759a7 40%,#efefef 45%);
    background-repeat: no-repeat;
    transition: background-position .15s cubic-bezier(.8, 0, 1, 1);
    border: 1px;
    border-style: solid;
    border-color: #1759a7;
}

input[type="radio"]:checked + label span.radioButtonGraph {
    transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1);
}

input[type="radio"] + label span.radioButtonGraph {
    background-position: -24px 0;
}

input[type="radio"]:checked + label span.radioButtonGraph {
    background-position: 0 0;
}

#main-container-product-detail .CardManageWrapper {
    position: relative;
    background-color: transparent;
    border-radius: 10px;
    /*border: 1px solid var(--LightGray);*/
    height: 50%;
    width: 100%;
    background-color: #1759a7;
    display: flex;
    justify-content: center;
    user-select: none;
}

#main-container-product-detail .CardAddToCartButton {
    height: var(--BtnHeight) !important;
    background: #ee7421;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 200ms;
    margin-right: 10px;
    width: 28%;
    /*width: 50%;*/
    min-width: fit-content;
    min-width: -moz-fit-content;
    /*padding: 1.25rem;*/
    padding: 0.7rem;
}



#main-container-product-detail .EditWrapper {
    display: flex;
    align-items: center;
    /*width:50%;*/
    border-radius: 6px;
    margin-top: .2rem;
    /*margin:auto;*/
    /*margin-bottom: auto*/
}

.SalesUnitListWrapper {
    margin-bottom: auto !important;
    /*margin-top: .4rem !important;*/
    height: 30%;
    /*margin-top:0!important;*/
}

.CardAddToCartButton:hover {
    background: #FFFD55; !important;
}

#main-container-product-detail .CardItemQuantityWrapper {
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: 23%;
    min-width: 150px;
    border-radius: inherit;
    /*margin-top: 2rem;*/
    border-radius: 6px;
    /*padding: 0 1rem;*/
    /*background: var(--Blue);*/
    align-items: start;
}
ul {
    list-style: disc !important;
    padding-left: 40px !important;
    margin: 1em 0 !important;
}
.OneSelectList {
    margin: 0;
    color: white;
    font-size: smaller;
    display: none;
}

#main-container-product-detail .CardQuantityButtonDecrease {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

#main-container-product-detail .CardQuantityButtonIncrease {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#main-container-product-detail .CardQuantityButtonIncrease,
#main-container-product-detail .CardQuantityButtonDecrease {
    /* flex: .5; */
    transition: all 200ms;
    /*height: 1.5rem;*/
    height: 43px;
    /*width: 1.5rem;*/
    width: 38px;
    font-size: 25px;
    /*border: 1px solid rgb(0 0 0 /80%);*/
    /*border: 2px solid var(--TspDrk);*/
    /*color: rgb(0 0 0 / 50%);*/
    /*color: var(--TspDrk);*/
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*border-radius: 50%;*/
    z-index: 5;
    /*background-color: var(--TspDrk);*/
    color: white;
}


.CardQuantityButtonIncrease:hover,
.CardQuantityButtonDecrease:hover {
    /*background-color: var(--BlueHighlight);*/
    /*color: white;*/
}

.CardQuantityButtonIncrease:active,
.CardQuantityButtonDecrease:active {
    /*background-color: var(--BlueHighlight);*/
    /*color: white;*/
    border: none;
}


#main-container-product-detail .CardEditQuantityInput {
    flex: 2;
    /* border-radius: 0 !important; */
    /*border: none;*/
    /* border-bottom: solid 1px rgb(0 0 0 / 15%); */
    /*margin: 0 5px;*/
    text-align: center;
    padding: 0 5px;
    /*height: 2rem;*/
    height: 43px;
    /* font-size: medium; */
    /*background: transparent;*/
    /*color: white;*/
    transition: background 250ms;
    font-family: inherit !important;
    /*border: 2px solid var(--TspDrk);*/


    border-top: 1px solid #034C8E;
    border-bottom: 1px solid #034C8E;
    /*margin: 0 20px;*/
    /*border-radius: 4px !important;*/
}

.CardEditQuantityInput:hover {
    background: rgb(0,0,0,25%) !important;
}

.CardEditQuantityInput:focus {
    background: rgb(0,0,0,25%) !important;
    outline: none;
}



.CardManageWrapper[item-is-in-cart=true] > .CardAddToCartButton {
    display: none;
}

.CardManageWrapper[item-is-in-cart=true] {
    border: none;
}

.CardManageWrapper[item-is-in-cart=false] > .CardItemQuantityWrapper {
    display: none !important;
}

#main-container-product-detail .CardAddToCartButton > p {
    margin: 0;
    color: white;
    font-size: larger;
}

/*.img-zoom-container {
    position: relative;
    width:fit-content;
    margin:auto;
}*/

/*.img-zoom-result {
    border: 1px solid #d4d4d4;*/
/*set the size of the result div:*/
/*width: 300px;
    height: 300px;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    z-index:99;
    width: 80px;
    height:80px;
}*/
.img_producto {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform 0.5s ease-out;
}

.img-zoom-container {
    position: relative;
    box-sizing: border-box;
    width: fit-content;
    margin: auto;
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.img-zoom-lens {
    opacity: 0;
    position: absolute;
    border: 2px solid #8b8b8b;
    /*set the size of the lens:*/
    z-index: 99;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    pointer-events: none;
}

    .img-zoom-lens[zoom-in=true] {
        opacity: 1;
    }







.img-zoom-result {
    /*set the size of the result div:*/
    height: 100%;
    width: auto;
    box-sizing: border-box;
}




input[type="submit"] {
    border: none;
    background: #1759a7;
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
}

    input[type="submit"]:hover {
        opacity: .8;
    }

    input[type="submit"]:active {
        opacity: 1;
    }

.DetailInteraction {
    padding-top: 0 !important;
    padding-left: 0;
    border-radius: 3px;
    /*background: #fff;*/
    /*border-top: 6px solid #1759a7;*/
    width: 76%;
    height: inherit;
    /*margin: auto;*/
    gap: 1rem;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.radioP {
    display: flex;
    position: relative;
    padding-left: 40px;
    /*font-family: arial;*/
    width: 75%;
    margin-bottom: 2%;
}

    .radioP:first-child {
        margin: 0 0 20px 0;
    }

input[type="radio"] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    visibility: hidden;
}

.form-check-label {
    flex: 1;
}

#FavoriteButton {
    width: 40px;
    height: 38px;
    min-width: 0 !important;
}

.FavoriteIcon {
    height: 18px !important;
    position: relative !important;
}
/*spec 1 end*/
/*spec 2 start*/
p.specs-header-text {
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tabs {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    background: white;
    padding: 1.5rem;
    /*padding: 50px;
    padding-bottom: 80px;*/
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);
    border-radius: 5px;
    min-width: 240px;
}

    .tabs input[name=tab-control] {
        display: none !important;
    }

    .tabs .content section h2,
    .tabs ul li label {
        /*  font-family: "Montserrat";*/
        font-weight: bold;
        font-size: 18px;
        color: #1759a7;
    }

    .tabs > ul {
        list-style-type: none !important;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 50%;
    }

        .tabs > ul > li {
            box-sizing: border-box;
            flex: 1;
            width: 25%;
            padding: 0 10px;
            text-align: center;
        }

            .tabs ul li label {
                transition: all 0.3s ease-in-out;
                color: #929daf;
                padding: 5px auto;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
                cursor: pointer;
                transition: all 0.2s ease-in-out;
                display: flex;
                justify-content: center;
                align-items: center;
                white-space: nowrap;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .tabs ul li label br {
                    display: none;
                }

                .tabs ul li label svg {
                    fill: #929daf;
                    height: 1.2em;
                    vertical-align: bottom;
                    margin-right: 0.2em;
                    transition: all 0.2s ease-in-out;
                }

                .tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
                    outline: 0;
                    color: #bec5cf;
                }

                    .tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
                        fill: #bec5cf;
                    }

    .tabs .slider {
        position: relative;
        /*width: 25%;*/
        transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    }

        .tabs .slider .indicator {
            position: relative;
            width: 80%;
            max-width: 100%;
            margin: 0 auto;
            height: 4px;
            background: #ff5722;
            border-radius: 1px;
        }

    .tabs .content {
        margin-top: 30px;
    }

        .tabs .content section {
            display: none;
            -webkit-animation-name: content;
            animation-name: content;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            line-height: 1.4;
        }

            .tabs .content section h2 {
                color: #ff5722;
                display: none;
            }

                .tabs .content section h2::after {
                    content: "";
                    position: relative;
                    display: block;
                    width: 30px;
                    height: 3px;
                    background: #ff5722;
                    margin-top: 5px;
                    left: 1px;
                }

    .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        cursor: default;
        color: #ff5722;
    }

        .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
            fill: #ff5722;
        }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
    transform: translateX(0%);
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block;
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #ff5722;
}

    .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
        fill: #ff5722;
    }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
    transform: translateX(100%);
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block;
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #ff5722;
}

    .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
        fill: #ff5722;
    }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
    transform: translateX(200%);
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block;
}

.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    color: #ff5722;
}

    .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
        fill: #ff5722;
    }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
    transform: translateX(300%);
}

.tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
    display: block;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

/*spec 2 end*/
/*spec 3 start*/
.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
}

    .nav-pills-custom .nav-link.active {
        color: #45b649;
        background: #fff;
    }

.ProductDetailTopTitle {
    padding: 20px 20px;
    background: #0459a9;
    display: none;
}

.sticky {
    position: fixed;
    top: auto;
    width: 100%
}


/* Add indicator arrow for the active tab */


.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
/*spec 3 end*/

/*LOADING OPTION*/
.loading-cube {
    -webkit-transform-style: preserve-3d;
    -webkit-animation: spin 3s infinite ease-out;
    transition: top 2s, left 2s;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    border-radius: 8%;
    margin-left: -50px;
    margin-top: -50px;
}

    .loading-cube div {
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        background: #FFD76E;
        background-size: contain;
        display: block;
        position: absolute;
        transition: top 2s, left 2s,height 2s, width 2s, margin-top 2s, margin-left 2s;
    }

        .loading-cube div.top {
            -webkit-transform: rotateX(90deg);
            margin-top: -50px;
        }

        .loading-cube div.right {
            -webkit-transform: rotateY(90deg);
            margin-left: 50px;
        }

        .loading-cube div.bottom {
            -webkit-transform: rotateX(-90deg);
            margin-top: 50px;
        }

        .loading-cube div.left {
            -webkit-transform: rotateY(-90deg);
            margin-left: -50px;
        }

        .loading-cube div.front {
            -webkit-transform: translateZ(50px);
        }

        .loading-cube div.back {
            -webkit-transform: translateZ(-50px) rotateX(180deg);
        }

#loading-cube-tape {
    height: 100%;
    width: 20%;
    left: 39%;
    background: rgb(255,128,135);
    position: absolute;
}

#loading-cube-tape-tail-front {
    height: 40%;
    width: 20%;
    position: absolute;
    top: 0;
    left: 39%;
    background: rgb(230,100,110);
    z-index: 99999;
}

#loading-cube-tape-tail-back {
    height: 40%;
    width: 20%;
    position: absolute;
    bottom: 0;
    left: 39%;
    background: rgb(230,100,110);
    z-index: 999999;
}

.right, .left {
    border-style: solid;
    border-color: rgba(94,103,117,0.3);
    border-width: 0.1px;
}

.back {
    border-top: solid rgba(94,103,117,0.2);
    border-right: solid rgba(94,103,117,0.3);
    border-left: solid rgba(94,103,117,0.3);
    border-width: 0.1px;
}

.front {
    border-top: solid rgba(94,103,117,0.2);
    border-right: solid rgba(94,103,117,0.3);
    border-left: solid rgba(94,103,117,0.3);
    border-bottom: solid rgba(94,103,117,0.3);
    border-width: 0.1px;
}

#loading-cube-line-above-left {
    height: 6%;
    width: 30%;
    background: -webkit-linear-gradient(to right, rgb(241, 241, 152) rgb(241, 241, 158) rgb(241, 240, 164) rgb(241, 240, 170) rgb(241, 239, 175) rgb(241, 239, 181) rgb(241, 238, 187) rgb(242, 238, 193) rgb(242, 237, 199) rgb(242, 237, 205) rgb(242, 236, 211) rgb(242, 236, 216) rgb(242, 235, 222) rgb(242, 235, 228) rgb(242, 234, 234));
    background: linear-gradient(to right, #FFFFFF, #FFEFBA);
    border-radius: 25%;
    bottom: 18px;
    left: 11px;
    z-index: 1;
}

#loading-cube-line-down-left {
    height: 6%;
    width: 50%;
    background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);
    background: linear-gradient(to right, #FFFFFF, #FFEFBA);
    border-radius: 25%;
    bottom: 10px;
    left: 11px;
    z-index: 1;
}

#loading-cube-adding-cart-text {
    position: absolute;
    top: 60%;
    left: 50%;
}


.ZoomWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75vh;
    overflow: hidden;
    transition: transform .5s;
    position: relative;
    cursor: zoom-in;
    order: 1;
    width: 100%;
}


#ZoomImg {
    max-height: 100%;
}
/*#ZoomImg:hover {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2); 
        transform: scale(1.2);
    }*/


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateX(-20deg) rotateY(-20deg);
    }

    100% {
        -webkit-transform: rotateX(-20deg) rotateY(740deg);
    }
}

.ButtonGroupSection {
    margin-top: auto;
}


.ButtonGroup {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: smaller;
}

.Button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    /*border: solid 1px rgb(0,0,0,25%);*/
    /*box-shadow: 0 0px 0px 1px rgb(0 0 0 / 25%);*/
    color: rgb(100,100,100);
    min-width: 60px;
    transition: all 200ms;
    gap: .5rem;
    padding: .5rem;
}

.ButtonGroupSection .Button {
    padding: .5rem 0;
    font-size: 15px;
    font-family: Roboto,RobotoFallback,"Noto Kufi Arabic",Helvetica,Arial,sans-serif;
}
/**/
.ProductDetailPopupWrapper > .dx-popup-wrapper {
    z-index: 9999 !important;
}


/*Mobile Screen*/

@media screen and (max-width:1280px) {
    .form-check div > label {
        margin-right: 20%;
    }

    #product-detail-big-img-container {
        flex: 1;
    }

    /* #product-detail-img-showdown-wrapper {
        height: 350px;
    }*/

    /*    #unit-type-price-quatity-box {
        height: 400px;
    }*/

    #main-container-product-detail {
        padding-right: 0;
    }
}

@media (max-width: 1000px) {
    .tabs ul li label {
        white-space: initial;
    }

        .tabs ul li label br {
            display: initial;
        }

        .tabs ul li label svg {
            height: 1.5em;
        }

    /*spec 2 responsive s*/
    .specs-header-text {
        font-size: 10px;
    }

    .specs-header-icon {
        transform: translateX(-5px);
    }
    /*spec 2 responsive e*/

    form {
        width: 75%;
    }

    .radioP {
        display: flex;
        position: relative;
        padding-left: 40px;
        width: 100%;
        /*   display: inline-block;*/
    }

    .form-check-label {
        flex: 0;
    }

    .ProductDetailTopTitle {
        display: block;
    }
}

@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

@media(max-width:920px) {
    .ProductDetailPopupWrapper > .dx-popup-wrapper {
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        transform: translate(0,0) !important;
        z-index: 99999 !important;
    }

        .ProductDetailPopupWrapper > .dx-popup-wrapper > .dx-overlay-content {
            width: 100% !important;
            height: 100% !important;
            border-radius: 0 !important;
            transform: translate(0px,0px) !important;
            position: fixed !important;
            z-index: 9999999;
        }
}

@media(max-width:870px) and (min-width:720px) {
    #main-container-product-detail .CardItemQuantityWrapper {
        min-width: 130px;
    }
}

@media(max-width:720px) {

    #right-side {
        margin-left: 0;
    }

    .CardItemQuantityWrapper {
        width: 100% !important;
    }

    p#product-header {
        font-size: 18px;
        color: royalblue;
    }

    h5#product-header {
        font-size: 22px;
        text-align: center;
    }

    #unit-type-price-quatity-box {
        /*height: 200px;*/
        /*padding-left: 10%;*/
        /*padding-right: 10%;*/
        align-items: center;
    }

    #main-container-product-detail .EditWrapper {
        margin: auto;
    }

    #main-container-product-detail .CardItemQuantityWrapper {
        padding: 0 1rem;
    }

    #main-container-product-detail .CardItemQuantityWrapper {
        align-content: center;
    }

    #product-detail-img-showdown-wrapper {
        height: 100%;
    }

    #main-container-product-detail {
        flex-direction: column;
        padding-right: 0;
        padding-left: 0;
    }

    #product-detail-img-wrapper {
        align-items: center;
    }

    .CardAddToCartButton {
        width: 100% !important;
    }

    .PriceWrapper {
        justify-content: center;
    }

    .ButtonGroup {
        justify-content: center;
        gap: 0 !important;
    }

    .ProductSalesType {
        float: left;
    }

    .Price {
        float: left;
        margin-left: 10px !important;
    }
    /* p.specs-header-text {
        display: none;
    }*/
    #main-container-product-detail > * {
        padding: 1rem 0;
    }

    #FavoriteButton {
        margin: auto;
    }
}

@media (max-width: 600px) {
    /*spec 2 responsive s*/
    .tabs ul li label {
        padding: 5px;
        border-radius: 5px;
    }

        .tabs ul li label span {
            display: none;
        }

    .tabs .slider {
        display: none;
    }

    .tabs .content {
        margin-top: 20px;
    }

        .tabs .content section h2 {
            display: block;
        }

    /*spec 2 responsive e*/
}

@media screen and (max-width:568px) {
    #left-side {
        min-width: unset;
    }

    #main-container-wrapper-product-detail {
        padding: 0 1rem;
    }

    .FlatCardManageWrapper {
        justify-content: center;
    }
}

@media screen and (max-width:500px) {
    .feature-listing-text {
        font-size: 15px;
    }
}

@media(max-width:450px) {
    .big-img {
        height: 250px !important;
    }
}

@media(max-width:400px) {
    .big-img {
        height: 200px !important;
    }
}

@media(max-width:350px) {
    #product-detail-small-img-wrapper {
        width: 90px;
    }

    .small-img-container {
        height: 61px;
    }

        .small-img-container img {
            width: 60px;
            height: 60px;
        }

    .big-img {
        height: 150px !important;
    }
}

@media(max-width:300px) {
    .big-img {
        height: 120px !important;
    }
}

@media(max-width:410px) {
    /*.favoritedetail > .FavoriteIcon {
        height: 33px !important;
        position: absolute !important;
        top: 9px;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*fill: var(--LightGray);
        cursor: pointer;
        z-index: 2;*/
    /*margin: auto;*/
    /*left: -11px;
        padding:2px 3px 8px 11px;
    }*/
    .FavoriteIcon {
        padding: 0px;
    }
}

@media(max-width:300px) {
    /*#FavoriteButton{
        width:32px;
        height:32px;
    }
    .favoritedetail > .FavoriteIcon {
        height: 27px !important;
        padding: 2px 3px 8px 3px;
    }*/
}