.urun-ozellikleri, .odeme-secenekleri, .garanti-iade, .urun-yorumlari, .kombini-tamamla, .beden-tablosu {
    position: fixed;
    top: 0;
    z-index: 999;
    background: #fff;
    width: 600px;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: auto;
    right: -600px;
}

.uo-title, .os-title, .gi-title, .uy-title, .kt-title, .bt-title {
    margin-bottom: 25px;
    border-bottom: .5px solid #ddd;
    padding-bottom: 25px;
}

.uo-close, .os-close, .gi-close, .uy-close, .kt-close, .bt-close {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.uo-close span, .os-close span, .gi-close span, .uy-close span, .kt-close span, .bt-close span {
    padding-left: 5px;
    font-size: 12px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.urun-ozellikleri-overlay, .odeme-secenekleri-overlay, .garanti-iade-overlay, .urun-yorumlari-overlay, .kombini-tamamla-overlay, .beden-tablosu-overlay {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000050;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.urun-ozellikleri-open .urun-ozellikleri-overlay {
    visibility: visible;
    opacity: 1;
}

.beden-tablosu-open .beden-tablosu-overlay {
    visibility: visible;
    opacity: 1;
}

.urun-ozellikleri-open .urun-ozellikleri {
    right: 0;
}

.beden-tablosu-open .beden-tablosu {
    right: 0;
}

.kombini-tamamla-open .kombini-tamamla-overlay {
    visibility: visible;
    opacity: 1;
}

.kombini-tamamla-open .kombini-tamamla {
    right: 0;
}

.odeme-secenekleri-open .odeme-secenekleri-overlay {
    visibility: visible;
    opacity: 1;
}

.odeme-secenekleri-open .odeme-secenekleri {
    right: 0;
}

.garanti-iade-open .garanti-iade-overlay {
    visibility: visible;
    opacity: 1;
}

.garanti-iade-open .garanti-iade {
    right: 0;
}

.urun-yorumlari-open .urun-yorumlari-overlay {
    visibility: visible;
    opacity: 1;
}

.urun-yorumlari-open .urun-yorumlari {
    right: 0;
}

.urun-ozellikleri-open, .odeme-secenekleri-open, .garanti-iade-open, .urun-yorumlari-open, .kombini-tamamla-open, .beden-tablosu-open {
    overflow: hidden !important;
}

div#beden-tablosu {
    display: flex;
    align-items: anchor-center;
    font-weight: 400;
    cursor: pointer;
}

div#beden-tablosu svg {
    margin-right: 4px;
}

.kt-content .kombiniTamamlaContent {
    display: block;
}

.kt-grid {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
    width: auto;
}

.kt-grid > li {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

.kt-grid .productDetails {
    padding: 0;
}

.kt-grid .subTwo > div {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.kt-grid .subTwo a {
    width: 30px;
    height: 30px;
    margin: 0 5px;
}

.kt-sepete-ekle {
    background: #000;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

.kt-add {
    padding: 12px 0;
}

.select-size {
    font-size: 12px;
    margin-top: 10px;
    font-weight: 500;
}

.select-size b {
    color: #bf0a0b;
    font-weight: 800;
}

.uo-content ul li {
    list-style-type: disc;
}

.uo-content ul {
    margin-left: 15px;
}

.uo-content * {
    font-size: 13px;
    line-height: 140%;
    font-weight: 300;
}

.gi-content {
    font-size: 14px;
    line-height: 150%;
    font-weight: 300;
}

.dcp-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.dcp-item {
    margin-bottom: 30px;
}

.dcp-item ul {
    margin-top: 20px;
}

.dcp-item ul li b {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 10px;
}

.dcp-item ul li p {
    line-height: 150%;
}

.dcp-item ul li {
    margin-top: 10px;
}

.cwOs {
    font-size: 13px;
    font-weight: 300;
}

.cwOs li {
    margin-bottom: 10px;
}

.banksFor {
    font-size: 11px;
    padding: 8px 0px;
    box-sizing: border-box;
    text-align: center;
}

.detail-icons ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    margin-top: 10px;
}

.detail-icons ul li {
    display: flex;
    align-items: center;
    font-size: 11px;
    padding: 10px 5px;
    box-sizing: border-box;
    line-height: 150%;
    flex-wrap: wrap;
    justify-content: center;
    border: .5px solid #ddd;
}

.detail-icons ul li:nth-child(1) img {
    height: 20px;
    margin-bottom: 5px;
}

.detail-icons ul li:nth-child(2) img {
    height: 16px;
    margin-bottom: 5px;
}

.detail-icons ul li b {
    font-size: 12px;
}

.detail-icons ul li span {
    width: 100%;
    text-align: center;
}

.banksTitle {
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    padding: 8px 0;
}

div#banks > ul > li > div {
    border: .5px solid #ddd;
    box-sizing: border-box;
}

.banksImg {
    display: flex;
    justify-content: center;
    background: #fff;
}

.banksFor:nth-child(odd) {
    background: #f8f8f8;
}

.sghv-btn:hover {
    color: #fff !important;
}

.banksImg img {
    mix-blend-mode: multiply;
}

.detail-urun-yorumlari .ultStar {
    padding-left: 10px;
}

.detail-urun-yorumlari .listProductStar .puan {
    font-size: 10px;
}

.detail-urun-yorumlari .yildizSari i {
    width: 10px;
    height: 10px;
}

.detail-urun-yorumlari .yildizGri i {
    width: 10px;
    height: 10px;
}

ul#detail-image {
    display: flex;
    flex-wrap: wrap;
    padding: .5px;
    box-sizing: border-box;
}

.sghv-btn {
    background: #bf0a0b;
    border: .5px solid #bf0a0b;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    width: 100%;
    height: 48px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
}

.subTwo a.passive {
    color: #aaa;
    border-color: #aaa;
    text-decoration: line-through;
}

.subTwo a.selected.passive {
    border-color: #aaa;
    background: #f5f5f5;
    color: #aaa;
}

#productRight .discountedPrice {
    font-size: 15px;
    margin-right: 8px;
}

#productRight .currentPrice {
    font-size: 15px;
}

div#productLeft {
    width: 60%;
}

.detail-info {
    border-top: .5px solid #ddd;
    margin-top: 25px;
    padding-top: 25px;
}

.detail-info ul li {
    background: url(https://www.zulays.com/Data/EditorFiles/Devux/ar.svg) no-repeat right;
    background-size: 6px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-weight: 300;
    display: flex;
    align-items: center;
}

ul#detail-image li {
    padding: .5px;
    box-sizing: border-box;
}

.subTwo a.selected {
    background: #000;
    color: #fff;
}

#productRight a#addCartBtn:hover {
    background: #333;
}

.kombini-tamamla-btn {
    cursor: pointer;
    position: absolute;
    z-index: 9;
    right: 20px;
    top: 20px;
    background: #fff;
    border-radius: 50px;
    box-sizing: border-box;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 15px;
}

.kombini-tamamla-btn img {
    height: 14px;
    margin-right: 6px;
}

div#productRight {
    padding: 40px 60px;
    box-sizing: border-box;
    position: sticky;
    top: 70px;
    width: 40%;
}

.detail-campaign-info {
    color: #bf0a0b;
    margin-top: 20px;
}

.detail-campaign-info > span {
    text-align: left;
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 13px;
}

.detail-campaign-info ul {
    display: flex;
}

.detail-campaign-info ul li {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    padding-right: 10px;
}

.detail-campaign-info ul li svg {
    margin-right: 4px;
    fill: #bf0a0b;
}

h1#productName {
    line-height: 140%;
    font-size: 15px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .2px;
    margin-bottom: 5px;
}

.product-code {
    font-size: 12px;
    text-transform: uppercase;
    color: #aaa;
}

.subTwo a {
    border: .5px solid #000;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 300;
    margin-right: 5px;
    box-sizing: border-box;
    padding: 0 10px;
}

#productRight a#addCartBtn {
    background: #000;
    border: .5px solid #000;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
}

a#shopListLink {
    height: 48px;
    width: 48px;
    border: .5px solid #000;
    border-radius: 0;
    box-sizing: border-box;
    background: url(https://www.zulays.com/Data/EditorFiles/NewHeader/heart-black.svg) no-repeat center;
    background-size: 20px;
}

#productRight .qtyBtns {
    border: .5px solid #000;
    border-radius: 0;
    padding: 0 8px;
}

div#cart-wrapper {
    display: flex;
}

#productRight #cart-wrapper .qtyBox {
    padding: 0 5px;
    box-sizing: border-box;
}

#productRight .buyBtn {
    padding: 0 5px;
    box-sizing: border-box;
}

.detail-favorites {
    padding: 0 5px;
    box-sizing: border-box;
}

.detail-row {
    margin-left: -5px;
    margin-right: -5px;
    clear: both;
    display: block;
}

.whatsappSiparis {
    border: .5px solid #30c642;
    height: 48px;
    display: flex;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    color: #30c642;
    margin-top: 10px;
    letter-spacing: .2px;
    box-sizing: border-box;
}

.whatsappSiparis img {
    margin-right: 5px;
    height: 16px;
}

div#productMobileInfo {
    border-bottom: .5px solid #ddd;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.detail-price {
    margin-top: 20px;
}

.diger-renkler .productItem img {
    height: 70px;
}

.diger-renkler .productItem {
    margin-right: 5px;
}

.detail-subtitle {
    font-size: 11px;
    text-transform: uppercase;
    height: 25px;
    line-height: 20px;
    color: #000;
    font-weight: 300;
    letter-spacing: .2px;
    display: flex;
    justify-content: space-between;
}

.diger-renkler {
    margin-bottom: 20px;
}

#productRight .variantWrapper {
    border-bottom: .5px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.urunDetayGosterJs {
    top: 10px !important;
    right: 10px !important;
    height: 35px !important;
    line-height: 35px !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    background-color: #e35252 !important;
    border: 0 !important;
    z-index: 999999;
    transition: background-color .5s;
}

.urunDetayGosterJs:hover {
    background-color: #c54444 !important;
}

.urunDetayGosterJs:before {
    content: '\e827';
    line-height: 30px;
    color: inherit;
    font-family: 'tsoft';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-variant: normal;
    text-align: center;
    text-transform: none;
    margin-right: 8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

#productLeft .slide-wrapper > .row:first-child {
    position: relative;
}

.zoomWindow {
    border: 1px solid #d9d9d9 !important;
}

#productThumbs li.active .box-border {
    border-color: #000;
}

#productBrandText {
    font-size: 14px;
    color: #393939;
}

.productName {
    font-size: 20px;
    font-weight: 600;
}

.productBrandImg {
    margin-bottom: 10px;
}

#supplier-question {
    line-height: 20px;
    font-size: 10px;
}

.productComment {
    width: 87px;
}

.comment-btn {
    line-height: 30px;
    color: #000;
    font-size: 13px;
}

.mainPrices {
    position: relative;
}

.priceLine, .variantLine, .noteLine {
    line-height: 23px;
    font-size: 13px;
}

.priceType, .variantType, .noteTitle {
    width: 120px;
}

.currencyPrice {
    font-size: 14px;
    color: #a1a1a1;
}

.normalPrice {
    font-size: 19px;
}

.discountPrice {
    line-height: 30px;
    font-size: 32px;
}

#productRight .order-note textarea {
    padding-top: 20px;
}

.variantBox a, .variantBox select {
    min-width: 40px;
    height: 40px;
}

.variantBox a.col {
    padding-top: 2px;
    padding-bottom: 2px;
}

.variantBox a.col.ring {
    padding-right: 2px;
    padding-left: 2px;
    border-radius: 30px;
}

.variantBox a.selected {
    border: 1px solid #ff6f00;
}

.variantBox a.passive {
    background: #d2d2d2;
    text-decoration: line-through;
    color: #f10a41;
}

.variantBox a p {
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 12px;
    color: #000;
    padding-bottom: 0;
}

.variantBox a.ring p {
    border-radius: 20px;
}

.variantBox select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.imageInner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.discounts.currentDiscount {
    background: #f0f0f0;
}

.noteLine {
    padding-top: 0;
}

.noteBox textarea {
    min-width: 250px;
    height: 40px;
    font-size: 12px;
    color: #666;
    word-break: break-all;
}

#shopListLink:hover {
    color: #e35252;
}

[dir="rtl"] .productFunction {
    padding-right: 35px;
    padding-left: 10px;
    background-position: right;
}

.productFunction:hover {
    color: #e35252;
}

.shareTitle {
    line-height: 30px;
    font-size: 13px;
    color: #000;
}

.smlIconSet .shareTitle {
    line-height: 20px;
}

.shareBtns .col {
    padding-right: 5px;
}

.shareBtns a {
    width: 30px;
    line-height: 30px;
    font-size: 20px;
}

.smlIconSet .shareBtns a {
    font-size: 15px;
}

#urun-tab .slide-wrapper {
    overflow: hidden;
}

#tabBtn li {
    cursor: pointer;
}

#tabBtn li:hover, #tabBtn li:hover .btn {
    box-shadow: none;
}

#tabBtn li.active span.text-description {
    color: #000;
}

#tabBtn li.active:before, #tabBtn li.active:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e35252;
}

#tabBtn li.active:before {
    bottom: 2px;
}

#tabBtn li.active:after {
    bottom: 0px;
}

#tabBtn li .stars {
    margin-right: 10px;
    margin-left: 0;
}

#tabPanel {
    overflow: hidden;
}

#tabPanel li {
    top: 20px;
    left: 20px;
    right: 20px;
}

#tabPanel li.current {
    width: 100%;
}

#tabPanel li {
    line-height: 15px;
}

#tabPanel li table {
    float: left;
    max-width: 100%;
}

#productDetailTab li {
    list-style: disc;
    list-style-position: inside;
}

#banks {
    line-height: 2;
}

.like {
    padding-left: 21px;
    background: url('likeIcon.png') no-repeat 0 center;
}

.dislike {
    padding-left: 21px;
    background: url('dislikeIcon.png') no-repeat 0 center;
}

[dir="rtl"] .addthis_toolbox {
    float: right;
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 1000px) and (min-width: 769px) {
}

@media screen and (min-width: 769px) {
    ul#detail-image li {
        width: 33.33%;
    }

    ul#detail-image li:nth-child(-n+4) {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    #detail-image .slick-dots {
        padding: 0;
        position: absolute;
        bottom: 20px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    #detail-image .slick-dots li button {
        height: 2.5px;
        width: 15px;
        border-radius: 0;
        background: #ffffff80;
    }

    #detail-image .slick-dots li.slick-active button {
        background: #fff;
    }

    #detail-image .slick-dots li {
        display: flex;
        padding: 0;
        margin: 0 2px;
    }

    .zopim {
        bottom: 80px !important;
    }

    .urunDetayGosterJs {
        display: none !important;
    }

    div#productLeft {
        width: 100%;
    }

    #productRight {
        padding-top: 10px;
        padding-right: 0;
        padding-left: 0;
    }

    .discountedPrice {
        line-height: 30px;
        padding-left: 0;
    }

    .comment-star-wrapper {
        position: static;
        float: left;
    }

    #price-flexer .comment-star-wrapper :before {
        margin-right: 8px;
        margin-left: 0;
    }

    #mobileTabBtn {
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #tabBtn {
        display: flex;
    }

    #tabBtn li span {
        display: inherit;
        font-size: 15px;
        white-space: nowrap;
    }

    #product-buttons a {
        padding-left: 0;
    }
}

@media screen and (max-width: 540px) {
    #productRight .buyBtn {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 15px;
        width: 100%;
        z-index: 99;
        background: #fff;
    }

    .detail-campaign-info > span {
        font-size: 12px;
    }

    .detail-campaign-info ul li {
        font-size: 12px;
    }

    .detail-campaign-info {
        padding: 0;
    }

    div#productDetail {
        position: relative;
        z-index: 9;
    }

    #productRight #cart-wrapper .qtyBox {
        width: 100%;
    }

    #productRight #cart-wrapper .qtyBox input {
        width: 100%;
    }

    .kombini-tamamla-btn {
        top: 10px;
        right: 10px;
        font-size: 11px;
        height: 34px;
        padding: 0 10px;
    }

    .kombini-tamamla-btn img {
        height: 12px;
        margin-right: 4px;
    }

    .detail-icons ul li {
        font-size: 10px;
    }

    .detail-icons ul li b {
        font-size: 11px;
        display: block;
    }

    .detail-icons ul li:nth-child(2) img {
        height: 14px;
        margin-bottom: 2px;
    }

    .detail-icons ul li:nth-child(1) img {
        height: 18px;
        margin-bottom: 2px;
    }

    .diger-renkler .productItem {
        margin-bottom: 5px;
    }

    .urun-ozellikleri, .odeme-secenekleri, .garanti-iade, .urun-yorumlari, .kombini-tamamla, .beden-tablosu {
        width: 100%;
        right: -100%;
        padding: 25px;
    }

    .uo-title, .os-title, .gi-title, .uy-title, .kt-title, .bt-title {
        padding-bottom: 20px;
    }

    #productRight .variantWrapper {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .detail-info {
        margin-top: 15px;
        padding-top: 15px;
    }

    div#productMobileInfo {
        display: flex;
        margin-bottom: 15px;
        padding-bottom: 15px;
        flex-wrap: wrap;
    }

    h1#productName {
        font-size: 15px;
    }

    .product-code {
        font-size: 10px;
    }

    div#price-flexer {
        flex-wrap: wrap;
    }

    #productRight .discountedPrice {
        width: 100%;
        margin: 0;
        text-align: right;
        font-size: 14px;
    }

    #productRight .currentPrice {
        width: 100%;
        text-align: right;
        display: block;
        font-size: 16px;
    }

    .detail-price {
        margin: 0;
        width: 35%;
    }

    .product-top {
        width: 65%;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .diger-renkler .productItem img {
        height: 80px;
    }

    div#productRight {
        padding: 15px;
        width: 100%;
    }

    #mobileBuyBtn {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 333;
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0 -3px 3px rgba(0,0,0,.1);
    }

    #mobileBuyBtn .buyBtn {
        padding-left: 10px;
    }
}