.home-slider .swiper-button-prev,

.home-slider .swiper-container-rtl .swiper-button-next {

    left: 5%;

    font-size: 30px;

}



.home-slider .swiper-button-next,

.home-slider .swiper-container-rtl .swiper-button-prev {

    right: 5%;

    font-size: 30px;

}


.home-desc {

    padding: 60px 0;

}



.cat-desc {

    padding: 60px 0;

}



.cat-desc .accordion-button {

    flex-direction: row-reverse;

    justify-content: start;

    gap: 20px;

    font-size: 24px;

    color: #040404;

    font-weight: 700;

    background: #f3f4f7;

    border-color: #f3f4f7;

    box-shadow: none;

}



.cat-desc .accordion-body {

    padding: 1rem 1.25rem 1.25rem 3.75rem;

}



.cat-desc .accordion-button::after {

    margin-left: unset;

}



.cat-desc .accordion-button::after {

    background-image: url('./../img/icon/minus-solid.svg');

}



.cat-desc .accordion-button:not(.collapsed)::after {

    background-image: url('./../img/icon/plus-solid.svg');

}







.vsc {

    overflow-y: auto;

    max-height: 222px;

    padding-right: 5%;

}



.vsc::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.vsc::-webkit-scrollbar-track {

    background: #fff;

}



/* Handle */

.vsc::-webkit-scrollbar-thumb {

    background: #888;

    border-radius: 5px;

}



/* Handle on hover */

.vsc::-webkit-scrollbar-thumb:hover {

    background: #555;

}



.tpexclusive__btn .tp-btn:hover {

    color: #fff !important;

}



.white-product-area {

    padding-bottom: 20px;

}



.white-product-area .swiper-container.product-active {

    padding-bottom: 75px;

}



.white-product-area .swiper-container.product-active .greenslider-pagination {

    left: -250px !important;

}



.swiper-container.platinam-pro-active {

    padding-bottom: 100px;

}



.swiper-container.testi-active {

    padding-bottom: 100px;

}



.swiper-container.blog-active {

    padding-bottom: 100px;

}



.tpallblog {

    display: flex;

    justify-content: flex-end;

    gap: 30px;

    align-items: baseline;

}



.tpallblog .blog-btn {

    color: #999;

}



.tpallblog .tpplatiarrow {

    gap: 20px;

}



.tpplatiarrow2__prv,

.tpplatiarrow2__nxt {

    color: #040404;

    font-size: 16px;

    font-weight: 600;

    display: flex;

    align-items: baseline;

    gap: 5px;

}



.fab.fa-twitter {

    font-family: sans-serif;

}



.fab.fa-twitter::before {

    content: "𝕏";

    font-size: 1.2em;

}



.product-sidebar__product-item {

    margin-right: 0px;

}



.product-sidebar__product-category {

    margin-left: 0px;

}






.switch {

    position: relative;

    display: inline-block;

    width: 30px;

    height: 17px;

}



.switch input {

    opacity: 0;

    width: 0;

    height: 0;

}



.switch .slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ddd;

    -webkit-transition: .4s;

    transition: .4s;

}



.switch .slider:before {

    position: absolute;

    content: "";

    height: 13px;

    width: 13px;

    left: 2px;

    bottom: 2px;

    background-color: #040404;

    -webkit-transition: .4s;

    transition: .4s;

}



.switch input:checked+.slider {

    background-color: #040404;

}



.switch input:focus+.slider {

    box-shadow: 0 0 1px #040404;

}



.switch input:checked+.slider:before {

    -webkit-transform: translateX(13px);

    -ms-transform: translateX(13px);

    transform: translateX(13px);

    background-color: #fff;

}



/* Rounded sliders */

.switch .slider.round {

    border-radius: 17px;

}



.switch .slider.round:before {

    border-radius: 50%;

}



.sw-sidebar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 15px;

}



.sw-sidebar .sw-title {

    font-weight: 500;

    font-size: 15px;

    color: #777;

}





.fs-live button {

    left: 10px;

}



.fs-live button i {

    font-size: 16px;

}



.fs-live input {

    height: 35px;

    width: calc(100% - 20px);

    padding: 5px 10px 5px 35px;

    font-size: 12px;

    line-height: 1;

}



.fs-live input::placeholder {

    font-size: 12px;

    line-height: 1;

}



.fscroll {

    width: 100%;

    height: 140px;

    overflow: scroll;

    overflow-x: hidden;

    display: flex;

    flex-direction: column;

    gap: 15px;

}



.fscroll::-webkit-scrollbar {

    width: 5px;

}



/* Track */

.fscroll::-webkit-scrollbar-track {

    background: #fff;

}



/* Handle */

.fscroll::-webkit-scrollbar-thumb {

    background: #888;

    border-radius: 5px;

}



/* Handle on hover */

.fscroll::-webkit-scrollbar-thumb:hover {

    background: #555;

}











.tpdealcontact__countdown {

    display: grid;

    gap: 10px;

    grid-template-columns: 1fr 1fr 1fr 1fr;

}



.tpdealcontact__countdown span {

    margin-right: 0px !important;

}



.tpdealcontact__countdown span.cdown {

    font-size: 26px;

    width: 90px;

    height: auto;

}



.editor-content h1 {

    font-weight: 700;

}



.editor-content h2 {

    font-weight: 700;

}



.editor-content h3 {

    font-weight: 700;

}



.editor-content h4 {

    font-weight: 700;

}



.editor-content h5 {

    font-weight: 700;

}



.editor-content h6 {

    font-weight: 700;

}



.editor-content p {

    font-family: var(--tp-ff-p);

    font-size: 18px;

    font-weight: 400;

    color: #777;

    margin-bottom: 15px;

    line-height: 26px;

}



.labels {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    gap: 5px;

}



.labels a,.labels.titles a  {

    padding: 5px 10px 5px 10px;

    font-size: 12px;

    line-height: 1;

    background-color: var(--tp-grey-2);

    border-radius: 6px;

    color: #777;

}



.labels a:hover,.labels.titles a:hover{

    color: var(--tp-text-body);

}



.copy-text {

    padding-left: 5px;

    cursor: pointer;

}





.input-file {

    height: 60px;

    width: 100%;

    padding: 5px 20px;

    border: 1px solid var(--tp-border-1);

    border-radius: 6px;

    outline: none;

    transition: all 0.3s ease-out 0s;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #fff;

    cursor: pointer;

}



.input-file i {

    color: #777;

}



.obf-form {

    background: #f3f4f7;

    padding: 25px 30px;

}



.obf-form label:not(.input-file) {

    margin-bottom: 5px;

}



.obf-content h2 {

    font-weight: 700;

    font-size: 24px;

    margin-bottom: 20px;

}



.obf-content li {

    list-style-type: none;

    color: #777;

    display: flex;

    align-items: center;

    margin-bottom: 15px;

    gap: 10px;

    font-size: 14px;

    line-height: 1.5;

}



.obf-content li::before {

    content: '';

    display: inline-block;

    height: 46px;

    width: 46px;

    background-image: url('./../img/icon/check.png');

    background-size: contain;

    background-repeat: no-repeat;

    min-width: 46px;

}





.coupon-all {

    margin: 30px 0;

    display: flex;

    height: 46px;

}



.coupon-all .coupon {

    display: flex;

    width: 100%;

    justify-content: space-between;

}



.coupon-all .coupon input {

    min-width: 154px;

    height: 40px !important;

}



.coupon-all .coupon button {

    font-size: 11px;

    padding: 10px 15px;

    height: 40px;

}



.cart-page-total {

    padding-top: 0px;

}



.btn-odeme {

    width: 100%;

    text-align: center;

}



.sepet-tablosu {

    margin-bottom: 30px;

}



.sepet-tablosu .product-thumbnail img {

    width: 60px;

    border-radius: 10px;

}



.sepet-tablosu .table-content table td {

    font-size: 14px;

    padding: 10px 5px;

    color: #777;

}



.sepet-tablosu .table-content table th {

    font-size: 14px;

    background: #f3f3f3;

    line-height: 1.5;

}



.sepet-tablosu .top-area {

    display: flex;

    gap: 20px;

    height: 50px;

    align-items: baseline;

}



.sepet-tablosu .top-area .buttons {

    display: flex;

    gap: 10px;

    align-items: center;

    width: 70%;

}



.sepet-tablosu .top-area .buttons a {

    font-size: 10px;

    width: max-content;

    padding: 8px 12px;

    display: flex;

    gap: 3px;

}



.sepet-tablosu .top-area .buttons a img {

    width: 10px;

}



.sepet-tablosu .filter-area {

    display: flex;

    width: 30%;

    justify-content: end;

}



.sepet-tablosu .filter-area .fsc img {

    position: absolute;

    width: 20px;

    top: 7.5px;

    left: 10px;

    z-index: 2;

    background: #fff;

}



.sepet-tablosu .filter-area select {

    /* width: 50px; */

    height: 35px;

    padding: 0 0 0 30px;

    font-size: 12px !important;

    line-height: 1;

}



.cart-page-total>h2 {

    font-size: 22px;

    font-weight: 500;

}



.sepeti-kaydet-btn {

    background: #d51243;

}



.sepeti-kaydet-btn:hover {

    background: #fe8c9b;

}



.sepet-excel-indir-btn {

    background: #d51243;

}



.sepet-excel-indir-btn:hover {

    background: #fe8c9b;

}



.sepeti-bosalt-btn {

    background: #d51243;

}



.sepeti-bosalt-btn:hover {

    background: #fe8c9b;

}



.sepeti-guncelle-btn {

    background: #d51243;

}



.sepeti-guncelle-btn:hover {

    background: #fe8c9b;

}



.alisverise-devam-btn {

    background: #d51243;

}



.alisverise-devam-btn:hover {

    background: #fe8c9b;

}

.tpcartinfo .tpproduct-details__quantity .cart-minus, .tpcartinfo .tpproduct-details__quantity .cart-plus{
    background: #a3a2a2;
    width: 24px;
    text-align: center;
    color: #000;
}

.tpcartinfo .tpproduct-details__quantity input{
    background: #c7c6c6;
    width: 25px;
}

.tpcartinfo{

    width: 420px;
}

.tpcartinfo .bottom-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0 0;
}

.tpcart__cart-price .new-price{
    font-size: 14px;
}

.tpcart__info b{
    margin: 0 6px 0 0;
}

.tpcart__info span+span b{
    margin: 0 32px 0 0;
}

.tpcart__info span{
    display: block;
    font-size: 11px;    
}

.tpcart__img img{
    width: 90px;
    height: 150px;
    object-fit: cover;
}

.custom-quantity {

    /* display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    padding-left: 5px; */

}



.custom-quantity div {

    display: flex;

    justify-content: center;

    gap: 3px;

    align-items: center;



}



.custom-quantity .cart-plus,

.custom-quantity .cart-minus {

    width: 15px;

    height: 20px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}



.custom-quantity .cart-input {

    border: none;

    font-weight: 600;

    pointer-events: none;

    text-align: center;

    /* padding-left: 5px; */

    font-size: 16px;

    color: #040404;

}

.kayitli-sepet{
    width: 16%;
    padding: 6.5px 10px;
    background: #d51243;
    color: #fff;
    border: none;
    font-size: 10px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease-out;
}

.kayitli-sepet:hover{
    background: #fe8c9b;
    transition: background 0.3s ease-in;
}



.create-request{
    text-align: right;
}

.create-request button{
    padding: 10px 20px;
    
}

.kayitli-sepet:focus{
    background-color: #d51243;
    color: #fff;
    box-shadow: none;
    font-weight: 600;
}

.checkout-form-list input[type='number'] {

    background: #ffffff;

    border: 1px solid #eaedff;

    border-radius: 0;

    height: 45px;

    padding: 0 0 0 10px;

    width: 100%;

    outline: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}



.telefon-flex {

    display: grid;

    grid-template-columns: 4fr 8fr;

    gap: 10px;

}



.checkout-form-list.country-select select {

    height: 45px;

}



.checkout-form-list .form-element {

    margin-bottom: 30px;

}



.checkbox-default {

    display: flex;

    align-items: center;

    gap: 5px;

}



.checkbox-default input {

    margin: 0 !important;

    transform: none !important;

    top: 0 !important;

}



.checkbox-form h3 {

    font-weight: 600;

    font-size: 24px;

}



.radio-default {

    display: flex;

    gap: 5px;

    margin-bottom: 10px;

}















.kargo-secenekleri .table th {

    color: #D52B42;

    text-align: center;

    padding: 1rem;

}



.kargo-secenekleri .table td {

    padding: 10px;

    color: #777;

    font-size: 14px;

    line-height: 1.3;

}



.kargo-secenekleri .table>:not(:first-child) {

    border-top: none;

}



.odeme-yontemleri {

    display: flex;

    justify-content: space-between;

}



.odeme-yontemleri .radio-default {

    color: #777;

    font-size: 14px;

    line-height: 1.3;

}



.bank-accounts {

    padding: 30px;

    border-radius: 5px;

    display: flex;

    gap: 20px;

}



.bank-img img {

    position: relative;

    top: unset;

    right: unset;

    width: 160px;

}



.banktbl {

    width: 100%;

}



.banktbl th {

    display: flex;

    justify-content: space-between;

    margin-right: 10px;

    align-items: center;

}



.banktbl td {

    color: #777;

    font-size: 16px;

}



.banktbl th,

.banktbl td {

    padding: 5px;

    line-height: 1.4;

}



#payment_method_container_1 .form-element {

    margin-bottom: 15px;

}



.kart-no-area {

    position: relative;

}



.kart-no-area img {

    position: absolute;

    width: 100px;

    right: 25px;

    bottom: 25px;

    z-index: 0;

    pointer-events: none;

}



.cvv-area {

    position: relative;

}



.cvv-area img {

    position: absolute;

    width: 30px;

    right: 25px;

    bottom: 22px;

    z-index: 0;

    pointer-events: none;

}



.schemaImg img {

    height: 30px;

    max-width: 56px;

    object-fit: contain;



}



.cardImg img {

    height: 30px;

    max-width: 56px;

    object-fit: contain;



}



.installment-area {



    margin-top: 10px;

    margin-bottom: 10px;

    display: none;



}



.installments select {

    /* height: 30px !important; */

}





.checkout-area .cart-page-total {

    position: sticky;

    top: 120px;

}



.checkout-area .cart-page-total>ul {

    border: none;

}



.checkout-area .cart-page-total>ul>li {

    padding: 10px 0px;

}





.checkout-area .accordion-button {

    padding-left: 0;

    padding-right: 0;

    font-weight: 600;

    font-size: 24px;

    border-bottom: 1px solid #777;

    margin-bottom: 20px;

}



.checkout-area .accordion-button:not(.collapsed) {

    background-color: transparent;

    box-shadow: none;

    color: #040404;

}



.checkout-area .accordion-button:focus {

    box-shadow: none;

}



.checkout-area .accordion-button:not(.collapsed)::after {

    filter: grayscale(1);

}



.checkout-area .accordion-item {

    border: none;

}



.checkout-area .checkbox-form {

    padding: 0 45px 0 15px;

}



.makeAccPassive {

    opacity: 0.5;

    pointer-events: none;

}



.urun-karti-1 .title-custom {

    display: flex;

    justify-content: space-between;

}



.urun-karti-1 .title-custom h3 {

    font-family: Jost;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

    padding-right: 20px;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #777;

}



.urun-karti-1 .uk1-buttons {

    display: flex;

    flex-direction: column;

}



.urun-karti-1 .uk1-buttons i {

    line-height: 1;

    color: #777;

}



.urun-karti-1 .product-discount span {

    font-family: Jost;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #fff;

    background-color: #D52B42;

    width: 100%;

    display: block;

    border-radius: 4px;

    padding: 3px 10px;

    margin-bottom: 10px;

}



.urun-karti-1 .product-amount {

    display: flex;

    justify-content: space-between;

    background-color: #EFF1F3;

    color: #040404;

    font-family: Jost;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    border-radius: 4px;

    padding: 3px 10px;

    margin-bottom: 10px;

}



.urun-karti-1 .beden-asorti {

    display: flex;

    justify-content: space-between;

    margin-bottom: 10px;

    align-items: baseline;

}



.urun-karti-1 .beden-asorti .asorti-title {

    font-family: Jost;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #777;

}



.urun-karti-1 .beden-asorti .asorti-text {

    border: 1px solid #D7D7D7;

    padding: 8px;

    border-radius: 5px;

    height: 23px;

    display: flex;

    align-items: center;

}



.urun-karti-1 .beden-asorti .asorti-text ul {

    list-style: none;

    display: inline-flex;

    align-items: baseline;

    gap: 5px;

}



.urun-karti-1 .beden-asorti .asorti-text ul li {

    font-family: Jost;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #777;

}



.urun-karti-1 .beden-asorti .asorti-text ul li span {

    color: #D52B42;

    font-weight: 500;

}



.urun-karti-1 .beden-asorti .asorti-text ul li span.slash {

    color: #040404;

    font-weight: 500;

}



.urun-karti-1 .beden-asorti .asorti-text ul li span.number {

    color: #777;

    font-weight: 400;

}



.urun-karti-1 .beden-asorti .asorti-text ul li span.tire {

    color: #777;

    font-weight: 400;

}



.urun-karti-1 .tpproductitem:after {

    margin-bottom: 0px;

    display: none;

}



.urun-karti-1 .sepet-btn:hover i {

    color: #20c997;

}



.urun-karti-1 .fav-btn:hover i {

    color: #D52B42;

}



.urun-karti-1 .fav-btn:hover i::before {

    content: "\f004";

    font-weight: 900;

}



.urun-karti-1 .colors {

    position: absolute;

    bottom: 5px;

    right: 5px;

    display: flex;

    gap: 5px;

}



.urun-karti-1 .colors span {

    border-radius: 50%;

    width: 25px;

    height: 25px;

    border: 4px solid #fff;

}



.urun-karti-common .sepet-last-step {

    position: absolute;

    background-color: #fff;

    bottom: -1px;

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 10px;

    padding: 15px 20px;

    z-index: 99;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

}





/* .urun-karti-common .tpproduct__thumbitem:hover .sepet-last-step {

    display: flex;

} */





.urun-karti-common .sepet-last-step .action {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.urun-karti-common .sepet-last-step .action span {

    font-size: 14px;

    color: #777;

}



.urun-karti-common .sepet-last-step .action .product-quantity {

    color: #777;

    font-size: 14px;

}



.urun-karti-common .sepet-last-step .action .product-quantity span:hover {

    color: #fff;

}



.urun-karti-common .sepet-last-step .action .product-quantity>input {

    width: 60px;

    border-radius: 3px;

    margin: 0 -2px;

}



.urun-karti-common .sepet-last-step .button a {

    font-family: Jost;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.5;

    text-align: center;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #fff;

    background-color: #D52B42;

    width: 100%;

    display: block;

    border-radius: 4px;

    padding: 3px 10px;

}



.select-color {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.select-color span {

    color: #777;

    font-size: 14px;

    line-height: 1;

}



.select-color div {

    display: flex;

    gap: 10px;

    align-items: center;

    padding-right: 5px;

}



.select-color input[type='radio']:after {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    top: -2px;

    left: -1px;

    position: relative;

    background-color: #d1d3d1;

    content: '';

    display: inline-block;

    visibility: visible;

    border: 2px solid white;

}



.select-color input[type='radio']:checked:after {



    width: 20px;

    height: 20px;

    border-radius: 50%;

    top: -5px;

    left: -1px;

    position: relative;

    content: '';

    display: inline-block;

    visibility: visible;

    border: 2px solid white;

}





.white-product-area .urun-karti-1 .tpproduct__content-area {

    padding: 10px 15px 0 15px;

}



.white-product-area .urun-karti-1 .tpproductitem:after {

    display: none;

}





.p10-area .pop-products {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    gap: 30px;

}



.p10-area .swiper-container {

    padding-bottom: 80px;

}





.urun-detay-content .product-discount span {

    font-family: Jost;

    font-size: 15px;

    font-weight: 500;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #fff;

    background-color: #D52B42;

    width: 100%;

    display: block;

    border-radius: 4px;

    padding: 3px 10px;

    margin-bottom: 10px;

    max-width: 400px;

}




.urun-detay-content .product-detail-prices {

    display: flex;

    justify-content: start;

    gap: 5px;

    background-color: #EFF1F3;

    color: #040404;

    font-family: Jost;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    border-radius: 4px;

    padding: 3px 10px;

    margin-bottom: 10px;

    max-width: 400px;

}



.urun-detay-content .product-detail-prices span {

    color: #D52B42;

    font-weight: 600;

    font-size: 12px;

    position: relative;

    top: 4px;

}



.urun-detay-content .beden-asorti {

    display: flex;

    justify-content: start;

    gap: 5px;

    margin-bottom: 10px;

    align-items: baseline;

}



.urun-detay-content .beden-asorti .asorti-title {

    font-family: Jost;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #040404;

}



.urun-detay-content .beden-asorti .asorti-text {

    border: 1px solid #D7D7D7;

    padding: 8px;

    border-radius: 5px;

    height: 23px;

    display: flex;

    align-items: center;

}



.urun-detay-content .beden-asorti .asorti-text ul {

    list-style: none;

    display: inline-flex;

    align-items: baseline;

    gap: 5px;

}



.urun-detay-content .beden-asorti .asorti-text ul li {

    font-family: Jost;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.5;

    text-align: left;

    text-underline-position: from-font;

    text-decoration-skip-ink: none;

    color: #777;

}



.urun-detay-content .beden-asorti .asorti-text ul li span {

    color: #D52B42;

    font-weight: 500;

}



.urun-detay-content .beden-asorti .asorti-text ul li span.slash {

    color: #040404;

    font-weight: 500;

}



.urun-detay-content .beden-asorti .asorti-text ul li span.number {

    color: #777;

    font-weight: 400;

}



.urun-detay-content .beden-asorti .asorti-text ul li span.tire {

    color: #777;

    font-weight: 400;

}



.urun-detay-content .sw-sidebar {

    justify-content: start;

    gap: 10px;

    margin-bottom: 20px;

}



.urun-detay-content .sw-sidebar .sw-title {

    color: #040404;

    font-weight: 600;

    font-size: 16px;

}



.urun-detay-content .dosya-area {

    display: flex;

    gap: 10px;

    margin-bottom: 30px;

    align-items: baseline;

    display: none;

}



.urun-detay-content .dosya-area .title {

    color: #040404;

    font-weight: 600;

    font-size: 16px;

    min-width: 100px;

}



.urun-detay-content .dosya-area .dosya {

    width: 100%;

}



.urun-detay-content .dosya-area .dosya .input-file {

    height: 23px;

    color: #777;

    font-weight: 400;

    font-size: 14px;

}



.fa-x-twitter::before {

    content: "𝕏";

}



.urun-detay-content .share-profiles {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 10px;

}



.urun-detay-content .share-profiles a {

    background-color: #e7e7e7;

    border-radius: 50%;

    min-width: 40px;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 16px;

}



.urun-detay-content .share-profiles a:hover {

    background-color: #D52B42;

    color: #fff;

}



.urun-detay-content .share-profiles .title {

    color: #040404;

    font-weight: 600;

    font-size: 16px;



}



.blog-detay-content .share-profiles {

    display: flex;

    gap: 10px;

    align-items: center;

    margin-bottom: 10px;

}



.blog-detay-content .share-profiles a {

    background-color: #e7e7e7;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 16px;

}



.blog-detay-content .share-profiles a:hover {

    background-color: #D52B42;

    color: #fff;

}



.blog-detay-content .share-profiles .title {

    color: #040404;

    font-weight: 600;

    font-size: 16px;



}











.rate {

    float: left;

    padding: 0 10px 0 0;

}



.rate:not(:checked)>input {

    position: absolute;

    left: -9999px;

}



.rate:not(:checked)>label {

    float: right;

    width: 20px;

    overflow: hidden;

    white-space: nowrap;

    cursor: pointer;

    font-size: 25px;

    color: #ccc;

    margin-bottom: 0;

    line-height: 25px;

}



.rate:not(:checked)>label:before {

    content: '\2605';

}



.rate>input:checked~label {

    color: #ffcd00;

}



.rate:not(:checked)>label:hover,

.rate:not(:checked)>label:hover~label {

    color: #d51243;

}



.rate>input:checked+label:hover,

.rate>input:checked+label:hover~label,

.rate>input:checked~label:hover,

.rate>input:checked~label:hover~label,

.rate>label:hover~input:checked~label {

    color: #ffcd00;

}


.urun-liste-modal .product-desc {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 0 20px;
}

.urun-liste-modal .main-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.urun-liste-modal .product-desc p {
    font-weight: 400;
    margin: 0 10px 0 0;
    line-height: 20px;
}

.urun-liste-modal .tpproduct-details__wishlist {
    background-color: #dddddd;
}

.urun-liste-modal .tpproduct__rating ul {
    display: flex;
    align-items: center;
}

.urun-liste-modal .comment {
    background: #3333;
    border-radius: 2px;
    margin: 0 0 0 5px;
    cursor: pointer;
    transition: background 0.3s ease-out;
}

.product-detail .col-lg-5 {
    /* max-width: 600px; */
    width: 40.6%;
    padding: 0;
}

.urun-detay-content2 {
    padding: 0;
    width: 58%;
    margin: 0 0 0 14px;
    position: relative;
}

.urun-detay-content2 .product-detail-info-container .tpproduct-details__tag-area {
    background: #EFF1F3;
    padding: 0 10px;
}

.comment svg path {
    fill: #000;
    transition: all 0.2s ease-out;
}

.urun-liste-modal .comment:hover {
    background: #d51243;
    transition: background 0.3s ease-in;
}

.urun-liste-modal .comment:hover svg path {
    fill: #fff;
    transition: all 0.2s ease-in;
}

.urun-detay-content2 .comment {
    margin: 5px 0 5px 7px;
}

.urun-detay-content2 .tpproduct__rating .score {
    display: block;
    font-size: 14px;
    padding: 0 8px;
}


.tpproduct-details__wishlist .fa-share-alt {
    color: #D52B42;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 9px 0 8px;
}

.urun-liste-modal .tpproduct-details__wishlist {
    width: 40px;
    height: 40px;
}

/* .tpproduct-details__wishlist .fa-share-alt:hover{
    color: #fff;
} */

.tpproduct-details__wishlist.heart {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tpproduct-details__wishlist.heart svg path {
    transition: fill 0.3s ease-out;
    fill: #D52B42;
}

/*
.tpproduct-details__wishlist.heart:hover svg path{
    fill: #fff;
    transition: fill 0.3s ease-in;
}*/

.urun-liste-modal .colors {
    display: flex;
    align-items: center;
    background-color: #EFF1F3;
    border-radius: 5px;
    margin: 0;
    padding: 5px 5px 5px 15px;
}

.urun-liste-modal .colors p {
    font-size: 25px;
    font-weight: 400;
    margin: 0;
}

.urun-liste-modal .circles {
    display: flex;
    align-items: center;
}

.urun-liste-modal .product-detail-prices {
    max-width: inherit;
    width: 100%;
    display: block;
    padding: 10px 16px 20px;
    margin: 0 0 20px;
}


.urun-liste-modal .product-detail-info-container {
    background-color: #EFF1F3;
    margin: 20px 0 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.urun-liste-modal .product-detail-info-container.desc {
    display: block;
    margin: 20px 0 40px;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart {
    background-color: #d5d5d5;
    padding: 7px 12px;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.urun-liste-modal .product-detail-info-container.desc p {
    margin: 0 0 10px;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart:last-child {
    background: #d51243;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease-out;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart:last-child:hover {
    background: #000;
    transition: background 0.3s ease-in;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart:last-child p {
    color: #fff;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart p {
    font-size: 12px;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart span {
    font-size: 14px;
    transition: all 0.3s ease-out;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart p,
.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart span {
    color: #000;
}

.product-detail-info-container .tpproduct-details__tag-area {
    background: #dbdbdb;
    padding: 10px;
    border-radius: 3px;
    width: max-content;
}

.comment-title h3 {
    font-size: 20px;
}

.comment-title.add-file {
    margin: 0 0 20px;
}

.comment-title.add-file input {
    display: none;
}

.comment-title.add-file label {
    cursor: pointer;
    background: #d51243;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 30px;
    border-radius: 6px;
    transition: background 0.2s ease-out, color 0.2s ease-out;
}

.comment-title.add-file label:hover {
    background: #000;
    color: #fff;
    transition: all 0.2s ease-in;
}

.tpproduct__rating .score {
    background-color: #d51243;
    border-radius: 3px;
    color: #fff;
    padding: 0px 5px;
    font-size: 12px;
}

.urun-liste-modal .cards {
    display: flex;
    align-items: center;
    gap: 2px;
}

.urun-liste-modal .cards .card {
    width: 40px;
    min-width: 40px;
    height: 55px;
    text-align: center;
    border: 1px solid #333;

}

.urun-liste-modal .cards .card p {
    margin: 0;
    text-align: center;
    font-weight: 500;
    color: #555555;
    font-size: 16px;
}

.urun-liste-modal .cards .card span {
    color: #555555;
    font-size: 15px;
}

.urun-liste-modal .circles span {
    margin: 0 0 0 -10px;
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    background-color: #fff;
    border: 2px solid #ffff;
}

.urun-liste-modal .right-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.urun-liste-modal .left-block span {
    color: #6f6f6f;
    top: 0;
}

.urun-liste-modal .left-block p {
    font-size: 20px;
    margin: 0;

}



#tableBody tr,
#otherInfoTableBody tr {
    border: none;
    border-color: transparent;
}

#tableBody td,
#otherInfoTableBody td {
    width: 50%;
    border: none;
}

#tableBody b,
#otherInfoTableBody b {
    font-weight: 500;
}

.tpproduct-details__nab .nav-link img {
    height: 120px;
    width: 70px;
}



.urun-liste-modal .left-block p:last-child {
    font-size: 14px;
    color: #6f6f6f;
}

.urun-liste-modal .product-detail-info,
.comment-wrapper .product-detail-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.urun-liste-modal .product-detail-info .tpproduct-details__cart p,
.comment-wrapper .product-detail-info .tpproduct-details__cart p {
    font-size: 10px;
    color: #000;
    margin: 0;
    line-height: 16px;
}

.urun-liste-modal .product-detail-info .tpproduct-details__cart span,
.comment-wrapper .product-detail-info .tpproduct-details__cart span {
    font-size: 14px;
    margin: 5px 0 0;
}

.urun-liste-modal.urun-detay-content2 .product-detail-info a {
    cursor: pointer;
    background: #3333;
    color: #000;
    transition: all 0.2s ease-out;
}

.urun-liste-modal.urun-detay-content2 .product-detail-info a:hover,
.urun-liste-modal .product-detail-info a:hover {
    color: #fff;
    background: #d51243;
    transition: all 0.2s ease-in;
}

.urun-liste-modal.urun-detay-content2 .product-detail-info a:hover p,
.urun-liste-modal .product-detail-info a:hover p {
    color: #fff;
}

.urun-liste-modal .product-detail-info .tpproduct-details__cart,
.comment-wrapper .product-detail-info .tpproduct-details__cart {
    font-size: 12px;
    font-weight: 400;
    background-color: #3333;
    color: #000;
    display: block;
    border-radius: 3px;
    width: max-content;
    padding: 13px 9px;
    text-align: left;
}

.product-detail-image {
    width: 40%;
}

.comment-wrapper .product-detail-info {
    flex-wrap: wrap;
}

.comment-wrapper .d-flex.left {
    align-items: center;
}

.comment-wrapper .product-detail-info .tpproduct-details__cart {
    padding: 16px 26px;
}

.comment-wrapper {
    border-radius: 6px;
    border: 1px solid #f9f9f9;
    padding: 10px;
    margin: 26px 0 0;
}

.comment-wrapper .progress {

    width: 130px;
    height: 10px;
    border-radius: 2px;
}

.comment-wrapper .progress-bar {
    background: rgb(228, 91, 0);
    background: linear-gradient(270deg, rgba(228, 91, 0, 0.2665441176470589) 5%, rgba(213, 18, 67, 1) 63%);
}

.rating-detail-block {
    margin: 14px 0 0;
}

.rating-detail-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rating-detail-item .d-flex.start {
    align-items: center;
}

.rating-detail-item span {
    font-size: 12px;
    text-align: left;
}

.rating-detail-item p {
    margin: 0 0 0 8px;
    text-align: right;
    font-size: 12px;
}

.rating-detail-item i {
    font-size: 12px;
    margin: 0 8px 0;
}

.urun-liste-modal .head-txt {
    position: relative;
}

.urun-liste-modal .head-txt:after {
    display: block;
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    height: 1px;
    width: 77px;
    background-color: #d51243;
    transform: rotate(350deg);
}

.urun-liste-modal .price span:first-child {
    margin: 0 0 0 12px;
}

.urun-liste-modal .left-block p:first-child {
    margin: 10px 0 0;
}

.slide-area.one .left-block p:first-child {
    margin: 0;
}

.urun-liste-modal .price .badge,.product-detail-prices.urun-detay .badge.price,.product-detail-prices.urun-detay .badge.shopping-card{
    background-color: #d51243;
    border-radius: 3px;
    color: #fff;
    top: 0;
    font-size: 12px;
}

.urun-liste-modal .head-txt p {
    font-size: 18px;
    color: #d51243;
    position: relative;
    margin: 0;
}


/* .urun-liste-modal .badge.price{
    margin: 0 10px 0 0;
} */

/* .urun-liste-modal .modal-xl{
    max-width: 1450px;
} */

.urun-liste-modal .eye-icon {
    background-color: #EFF1F3;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 0 10px;
}

.urun-liste-modal .size-block p {
    text-align: right;
    font-weight: 300;
    font-size: 20px;
    margin: 10px 0 0;
}

.urun-liste-modal .size-block span {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 500;
    top: 0;
}

.urun-liste-modal.urun-detay-content2 .size-block .asorti-head{
    font-weight: 500;
    
    display: block;
}

.quick-modal-area .container {
    max-width: 1120px;
    padding: 0;
}

.quick-modal-area .share-profiles {
    justify-content: flex-end;
}

.quick-modal-area .share-profiles a {
    min-width: 34px;
    width: 34px;
    height: 34px;
}

.quick-modal-area .row {
    justify-content: center;
}

.quick-modal-area .col-lg-5 {
    width: 100%;
    max-width: 446px;
    padding: 0 16px 0 0;
}


.tpproduct-details__content.quick-view .product-detail-info-container {
    padding: 16px 16px;
    margin: 30px 0 0;
}

.tpproduct-details__content.quick-view .product-detail-info-container.desc {
    margin: 36px 0 40px;
}

.tpproduct-details__content.quick-view .product-detail-prices {
    padding: 10px 16px;
    margin: 0 0 40px;
}



.tpproduct-details__content.quick-view .product-detail-info {
    flex-wrap: wrap;
}

.tpproduct-details__content.quick-view .product-detail-info-container.desc .product-detail-info {
    flex-wrap: nowrap;
}

.tpproduct-details__content.quick-view .product-detail-prices p:first-child {
    line-height: 27px;
    font-size: 23px;
}

.tpproduct-details__content.quick-view .product-detail-prices .size-block p {
    font-size: 16px;
}

.tpproduct-details__content.quick-view .product-detail-prices .size-block span {
    font-size: 16px;
    line-height: 16px;
}

.tpproduct-details__content.quick-view .product-detail-prices .size-block .cards .card p {
    font-size: 14px;
    line-height: 14px;
    text-align: center;
}

.tpproduct-details__content.quick-view .product-detail-prices .size-block .cards .card {
    width: 35px;
    min-width: 35px;
    height: 50px;
    justify-content: space-between;
    padding: 6px 0;
}

.quick-modal-area .urun-detay-content {

    padding-bottom: 70px;

}

.rating-container {
    margin: 0 34px 0 0;
}


.rating-container .tpproduct__rating {
    background: #EFF1F3;
    border-radius: 4px;
    padding: 6px;
}

.rating-container .score {
    border-radius: 2px;
    padding: 2px 10px;
    font-size: 17px;
}

.rating-container .tpproduct__rating ul li a {
    font-size: 14px;
}


.urun-detay-content .select-color span {

    position: relative;

    top: 2px;

}

.urun-detay-content2 .product-detail-info-container {
    background: none;
    padding: 0;
    margin: 0 0 16px;
}


.urun-detay-content2 .product-detail-info-container.desc {
    margin: 20px 0 30px;
}

.urun-detay-content2 .product-detail-info-container.desc .tpproduct-details__cart {
    background: #EFF1F3;
    width: 100%;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.urun-detay-content2 .product-detail-info-container.desc .tpproduct-details__cart:hover,
.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart:hover {
    background: #d51243;
    transition: all 0.2s ease-in;
}

.urun-detay-content2 .product-detail-info-container.desc .tpproduct-details__cart:hover p,
.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart:hover p {
    color: #fff;
    transition: all 0.2s ease-in;
}

.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart:hover span {
    color: #fff;
    transition: all 0.2s ease-in;
}

.urun-detay-content2 .slider-container {
    margin: 20px 0 0;
}

.urun-detay-content2 .slider-block .text {
    position: relative;
    top: -13px;
    height: 20px;
}

.urun-detay-content2 .head-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.urun-detay-content2 .slider-buttons {
    display: flex;
    align-items: center;
    gap: 15px;

}

.border-space span {
    display: block;
    border-right: 1px solid #b3b3b3;
    height: 100px;
}

.urun-detay-content2 .slider-buttons .nav-link.active {
    background: none;
}

.urun-detay-content2 .slider-buttons .nav-link.active svg,
.urun-detay-content2 .slider-buttons .nav-link.active svg path {
    fill: #d51243;
}

.urun-detay-content2 .slider-buttons button {
    padding: 0;
}

.urun-detay-content2 .tprelated__prv {
    margin: 0;
}

.urun-detay-content2 .tprelated__prv,
.urun-detay-content2 .tprelated__nxt {
    background: #777;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    transition: background 0.2s ease-out;
}

.urun-detay-content2 .tprelated__nxt:hover,
.urun-detay-content2 .tprelated__prv:hover {
    background: #d51243;
    transition: background 0.2s ease-in;
}


.info-top-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #EFF1F3;
    width: max-content;
    border-radius: 4px;
    padding: 12px;
    margin: 0 0 10px;
}

.info-top-block span {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #d51243;
}

.info-top-block span:first-child {
    margin: 0 20px 0 0;
}


.urun-detay-content2 .slider-container .tpproduct-details__quantity,.tpcartinfo .tpproduct-details__quantity {
    width: 70px;
    height: 30px;
    padding: 0;
    display: flex;
    font-size: 14px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 auto 0 0;
}

.tpcartinfo .tpproduct-details__quantity{
    margin: 0;
    justify-content: center;
}

.urun-detay-content2 .slider-container .tpproduct-details__quantity.mobile {
    display: none;
}

.urun-detay-content2 .slider-container .cart-plus,
.urun-detay-content2 .slider-container .cart-minus {
    width: 100%;
    display: block;
    text-align: center;
    background-color: #a3a2a2;

}

.urun-detay-content2 .slider-container .tpproduct-details__quantity input {
    background-color: #c7c6c6;
    font-size: 12px;
}

.urun-detay-content2 .slider-container .fa-plus:before,
.urun-detay-content2 .slider-container .fa-minus:before {
    color: #000;
}

.comments-area {
    padding: 40px 0;
}

.urun-detay-content2 .slide-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    min-width: 100%;
}

.slide-area.one {
    display: block;
    height: 47.3em;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 2em 0 0;
    padding: 22px;
}

.slide-area.one .text-item span {
    font-size: 14px;
    line-height: 14px;
}

.slide-area.one .slider-block .text {
    position: static;
    height: auto;
}

.slide-area.one .tpproduct-details__quantity .cart-plus,
.slide-area.one .tpproduct-details__quantity .cart-minus {
    padding: 2px 0 0;
}

.slide-area.one .head-item p {
    font-size: 14px;
    line-height: 16px;
}

.slide-area.one .head-item span {
    font-size: 14px;
    line-height: 16px;

}

.slide-area.one .slider-block .text p {
    font-size: 12px;
    line-height: 14px;
}

.slide-area.one .buttons .icon {
    min-width: 35px;
    width: 35px;
    height: 35px;
}

.slide-area.one .btn-block {
    display: flex;
    align-items: center;
}

.slide-area.one .tpproduct-details__quantity {
    width: 80px;
    height: 34px;

}

.slide-area.one .slider-block {
    width: 100%;
    height: auto;
    margin: 0 0 12px;
    border: none;
    background: #EDEDED;
    padding: 22px;
    justify-content: space-between;
}

.slide-area.one .price-content-area {
    width: 100%;
    margin: 0 0 0 22px;
}

.slide-area.one .top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.slide-area.one .small-text {
    display: flex;
    align-items: flex-start;
}

.slide-area.one .small-text span {
    font-size: 10px;
    display: block;
}

.slide-area.one .small-text p span {
    color: #333;
}




.slide-area.one .price-container {
    display: flex;
    align-items: flex-start;
}

.slide-area.one .stock-container {
    display: flex;
    align-items: center;
}

.slide-area.one .stock-container .btn-block {
    display: flex;
    align-items: center;
}

.slide-area.one .tpproduct-details__wishlist.heart {
    margin: 0;
}

.slide-area.one .tpproduct-details__wishlist {
    background: #F0F1F3;
    border-color: #F0F1F3;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    margin: 0 0 0 10px;
}

.slide-area.one .tpproduct-details__wishlist:hover {
    border-color: var(--tp-text-primary);
}

.slide-area.one .head-txt .price {
    color: var(--tp-text-primary);

}

.slide-area.one .bottom {
    margin: 3em 0 0;
}




.slide-area.one .shopping-card {
    background: #D41344;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    padding: 8px;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    margin: 0 0 0 46px;
}

.slide-area.one .price-container .badge.price {
    color: #fff;
    display: inline;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    padding: 2px;
    font-family: "Lucida Sans", sans-serif;


}

.slide-area.one .price-single {
    font-size: 22px;
    margin: 0 0 8px;
    font-family: "Lucida Sans", sans-serif;
}

.slide-area.one .price-single span {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}

.slide-area.one .price-container .left-block .unit-price {
    color: #7b7b7b;
    margin: 0 0 8px;
    font-size: 16px;
    font-family: "Lucida Sans", sans-serif;
}

.slide-area.one .price-container .left-block .unit-price span {
    font-size: 12px;
    line-height: 12px;
    color: #7b7b7b;

}

.slide-area.one .price-container .badge.price img,
.slide-area.one .price-container .left-block .shopping-card img {
    width: 12px;
    height: 10px;
}

.slide-area.one .price-container .left-block span {
    display: block;
    color: #333;
}

.slide-area.one .text-item p {
    font-size: 28px;
    text-align: right;
    font-family: "Lucida Sans", sans-serif;
}

.slide-area.one .small-text p {
    color: #575756;
    font-size: 18px;
    font-weight: 500;
    font-family: "Lato", sans-serif;
}

.slide-area.one .small-text .plus-icon {
    margin: 0 6px 0;
    color: #000;
    font-weight: 600;

}

.slide-area.one .price-container .left-block {
    text-align: right;
    margin: 0 3.5em 0 0;
}

.slide-area.one .head-txt-item {
    margin: 0 0 10px;
    display: block;
}


.slide-area.one .img {
    background: #fff;
}

.slide-area.one .img p {
    text-align: center;
    font-size: 14px;
    margin: 0;
}

.slide-area.one .price-block span {
    display: block;
    font-family: "Lucida Sans", sans-serif;
}

.one-item-area {
    background: #F6F6F6;
    position: absolute;
    top: 4em;
}

.one-item-area .head-block {
    margin: 22px 22px;
}

.one-item-area .head-block span {
    font-size: 14px;
}


.nav-block ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 22px 0;
}

.nav-block ul li {
    margin: 0 0 0 10px;
    cursor: pointer;
    font-size: 18px;
    width: 100%;
    background: #EDEDED;
    padding: 16px;
    transition: background 0.3s ease-out;
}

.nav-block ul li:first-child {
    margin: 0;
}

.nav-block ul li:hover {
    background: #cfcfcf;
    transition: background 0.3s ease-in;
}

.slide-area.one .slider-block:last-child {
    margin: 0;
}

.urun-detay-content2 .slider-container {
    display: flex;
    align-items: center;
    gap: 10px;

}

.zoom-lens {
    position: absolute;
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #ccc;
    display: none;
    pointer-events: none;
}

.zoom-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;

}

.zoom-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.zoom-container:hover img {
    transform: scale(1.5);
}

.thumbnail {
    width: 200px;
    cursor: pointer;
}

.image-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(43 43 43 / 90%);
    z-index: 1000;
}

.image-modal-content {
    margin: auto;
    display: block;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.sticky-bottom-area {
    width: 100%;
    z-index: 10;
    border-top: 1px solid #d2d2d2;
}

.sticky-bottom-wrapper {
    position: fixed;
    left: 0;
    bottom: -1px;
    width: 100%;
    z-index: 10;
    transition: bottom 0.3s ease-out;
    background: #EFF1F3;
}

.sticky-bottom-wrapper.visible {
    bottom: -250px;
    transition: bottom 0.3s ease-in;
}


.sticky-bottom-wrapper .badge-area {
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag svg,
.sticky-bottom-wrapper .badge-area .tpproduct-details__tag i {
    margin: 0 10px 0 0;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag i:before {
    font-size: 18px;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
    background: #8d8d8d33;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    border-radius: 10px;
    padding: 5px 8px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:focus {
    color: var(--tp-text-primary);
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag svg path {
    fill: #d51243;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover {
    color: #fff;
    background: #000;
    transition: all 0.2s ease-in;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover i {
    color: #fff;
    transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover svg line,
.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover svg polygon {
    stroke: #fff;
    transition: all 0.2s ease-out;
}


.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover svg path {
    fill: #fff;
    stroke: #fff;
    transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .product-detail-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.sticky-bottom-wrapper .product-detail-footer .left-block p:last-child {
    margin: 0;
    font-size: 15px;
    line-height: 15px;
    color: #333;
}

.sticky-bottom-wrapper .nav-link {
    padding: 0;
    transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .product-link svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
    stroke: #fff;
    fill: #fff;
}

.sticky-bottom-wrapper .product-link {
    background: #d51243;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    min-width: 35px;
    height: 35px;
    z-index: 10;
    transition: background 0.2s ease-out;
}


.sticky-bottom-wrapper .left-block {
    width: 50%;
    margin: 0 12px 0 0;
}

.sticky-bottom-wrapper .right-block {
    display: flex;
    align-items: center;
}

.sticky-bottom-wrapper .right-block .text-item {
    margin: 0px 20px -6px 0;

}

.sticky-bottom-wrapper .right-block .text-item span {
    font-size: 15px;
    line-height: 15px;
}

.sticky-bottom-wrapper .right-block .text-item svg {
    cursor: pointer;
}

.sticky-bottom-wrapper .right-block .text-item p {
    text-align: right;
    margin: 0;
}

.sticky-bottom-wrapper .right-block .text-item b {
    font-size: 40px;
    line-height: 40px;
    font-family: "Lucida Sans", sans-serif;
}

.sticky-bottom-wrapper .product-link:hover {
    background: #000;
    transition: background 0.2s ease-in;
}

.sticky-bottom-wrapper .btn-block button {
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 400;
}

.sticky-bottom-wrapper .scs-links {
    gap: 12px;
}

.sticky-bottom-wrapper .nav-link:hover svg {
    fill: #d51243;
    transition: all 0.2s ease-out;
}

.sticky-bottom-wrapper .nav-link.active svg {
    fill: #d51243;
}

.sticky-bottom-wrapper .stock-code {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px;
}


.urun-detay-content2 .tpproduct-details__condation ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #EFF1F3;
}

.urun-detay-content2 .tpproduct-details__condation ul li {
    margin: 0;
}

.urun-detay-content2 .tpproduct-details__condation-text {
    text-align: center;

}

.urun-detay-content2 .tpproduct-details__condation-text p {
    line-height: 17px;
}

.slide-area.split .slider-block {
    width: 32.5%;
    min-width: 49.4%;
}

.slide-area.triple .slider-block {
    width: 32.5%;
    min-width: 32.5%;
}

.urun-detay-content2 .slider-block {
    width: 32.5%;
    min-width: 32.5%;
    height: 142px;
    border: 1px solid #a3a3a3;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.urun-detay-content2 .slider-block .body {
    margin: 0 0 0 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.slide-area.one .body {
    width: auto;
    height: 10.2em;
    margin: 0;
}

.urun-detay-content2 .slider-block .img {
    width: 70px;
    min-width: 70px;
}

.urun-detay-content2 .slider-block .img img {
    max-width: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.slide-area.one .img img {
    border-radius: 0;
    height: 100%;
    width: 100%;
}

.slide-area.one .img {
    width: 120px;
    min-width: 120px;
    height: 100%;
}

.urun-detay-content2 .head-item span {
    font-size: 12px;
    display: block;
    line-height: 12px;
}

.urun-detay-content2 .bottom {
    width: 100%;
    margin: 24px 0 0;
}


.urun-detay-content2 .buttons,.rs-slider .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin: 4px 0 0;
    position: relative;
}

.urun-detay-content2 .buttons .tooltip {
    background: #6f6f6f;
}



.urun-detay-content2 .buttons .icon.order,
.urun-detay-content2 .buttons .icon.notification {
    background: var(--bs-danger);
    transition: background 0.2s ease-out;
}

.urun-detay-content2 .buttons .icon.order:hover,
.urun-detay-content2 .buttons .icon.notification:hover {
    background: #ad2532;
    transition: background 0.2s ease-in;
}

.urun-detay-content2 .buttons .icon:hover {
    background: #8f8f8f;
    transition: background 0.2s ease-in;
}

.urun-detay-content2 .buttons .icon {
    background-color: #b1b1b1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    width: 30px;
    height: 30px;
    padding: 3px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease-out;
}

.urun-detay-content2 .buttons .icon:hover .custom-tooltip {
    display: block;
}

.urun-detay-content2 .buttons .icon.notification:hover .custom-tooltip.add-notif {
    display: block;
}

.urun-detay-content2 .buttons .icon.order:hover .custom-tooltip.add-order {
    display: block;
}

.custom-tooltip {
    display: none;
    position: absolute;
    top: -43px;
    right: 0;
    width: max-content;
    padding: 8px 16px;
    background: #d9d9d9;
    -webkit-filter: drop-shadow(0px 3px 4px rgba(70, 70, 70, 1));
    filter: drop-shadow(4px 4px 4px rgba(70, 70, 70, 1));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
    border-radius: 4px;

}

.custom-tooltip:after {
    content: "";
    position: absolute;
    top: 34px;
    right: 6px;
    margin-top: -5px;
    border: 10px solid;
    border-color: #d9d9d9 transparent transparent transparent;
}

.custom-tooltip.add-notif {
    display: none;
}

.custom-tooltip.add-order {
    right: 35px;
    display: none;
}

.custom-tooltip p {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    margin: 0;
}

.urun-detay-content2 .head-item p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    line-height: 12px;
}

.urun-detay-content2 .slider-block .color {
    width: 15px;
    height: 15px;
    min-width: 15px;
    border-radius: 50%;
    margin: 0 5px 0;
    display: block;

}


.comments-wrapperurun-detay-content2 .slider-block .head-item {
    font-size: 14px;
}

.urun-detay-content2 .slider-block .text p {
    margin: 0;
    font-size: 10px;
    line-height: 12px;
}

.product-head .left-block p {
    margin: 0;
    line-height: 25px;
}

.product-head .right-block {
    display: flex;
    align-items: center;
}

.product-head .right-block span,
.product-head .right-block p {
    margin: 0;
}

.product-head .right-block p {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
}

.product-head .right-block p a {
    font-size: 14px;
    line-height: 17px;
}

.product-head .right-block p a:hover {
    color: #777;
}

.product-head .right-block span {
    font-size: 14px;
    line-height: 17px;
    display: block;

}

.product-head .product-info span a:hover {
    color: #d51243;
}

.product-head .product-info {
    text-align: right;
}

.product-head .product-info .stock-code {
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
}



.product-head .product-icon {
    background-color: #d51243;
    width: 70px;
    height: 70px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0 0 0 10px;
    padding: 4px;
}

.product-head .product-icon img{
    max-width: 100%;
    object-fit: cover;
}

.filter-block {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}

.filter-block .list-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-block .list-select p {
    color: #777;
}

.reviews-container .latest-comments ul li {
    background-color: #EFF1F3;
    border-radius: 2px;
}

.reviews-container .comments-text {
    padding: 14px 0 14px;

}

.reviews-container .comments-text h4 {
    margin: 0 0 0 14px;
    font-size: 20px;
    line-height: 20px;
}


.reviews-container .comments-box {
    margin-bottom: 18px;

}

.reviews-container {
    margin: 16px 0 0;
    padding: 6px 8px;
}

.reviews-container .tpproduct__rating ul li a {
    font-size: 18px;
}


.reviews-container .like-icon {
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

.reviews-container .like-icon span {
    line-height: 16px;
}

.reviews-container .like-icon:hover svg path {
    fill: #d51243;
    stroke: #d51243;
}

.reviews-container .like-icon.active svg path {
    fill: #d51243;
    stroke: #d51243;
}

.question-area {
    padding: 0;
}

.reviews-container .latest-comments {
    height: 556px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px 0 0;
}

.comment-footer {
    margin: 10px 0 10px;
    padding: 6px 10px;
    background-color: #fff;
}

.comment-footer .left-block {
    display: flex;
    align-items: center;
    gap: 30px;
}

.comment-footer .left-block p {
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    color: #333;

}

.comment-footer .right-block span {
    font-size: 12px;
    line-height: 14px;
    display: block;
    color: #333;
    cursor: pointer;

}

.comments-area .tpproduct-details__nav .nav-tabs {
    border: none;
    justify-content: flex-start;
    padding: 16px 0 0;
}

.comments-area .tpproduct-details__nav .nav-tabs .nav-links:first-child {
    margin: 0 26px 0 0;
}

.comments-area .tpproduct-details__nav .nav-tabs .nav-links {
    border-bottom: 2px solid transparent;
    font-weight: 600;
}

.comments-area .tpproduct-details__nav .nav-tabs .nav-links.active {
    border-color: #d51243;
    transition: all 0.2s ease-in;
}

.comments-area .head-text-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease-out;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
}

.questions h2 {
    margin: 20px 0 10px;
}

.comments-area .questions .head-text-block.collapsed:before,
.comments-area .questions .head-text-block.collapsed:after {
    top: 30px;
}

.comments-area .questions .head-text-block:after,
.comments-area .questions .head-text-block:before {
    top: 30px;
}



/* .comments-area .head-text-block{
    border-top: 1px solid #EFF1F3;
}  */

.comments-area .head-text-block:after,
.comments-area .head-text-block:before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    width: 20px;
    height: 1px;
    border-top: 3px solid #3d3d3d;
}

.comments-area .head-text-block:after {
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}

.info-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.comment-btn-block .tpproduct-details__cart button,
.question-btn-block .tpproduct-details__cart button {
    color: #d51243;
    font-weight: 400;
    background: #EFF1F3;
    padding: 12px 30px;
    transition: all 0.2s ease-out;
}

.question-btn-block .tpproduct-details__cart {
    text-align: right;
}

.question-btn-block {
    margin: 16px 8px 0;
}

.comment-btn-block .tpproduct-details__cart button:hover,
.question-btn-block .tpproduct-details__cart button:hover {
    background: #d51243;
    color: #fff;
    transition: all 0.2s ease-in;
}

.comments-area .head-text-block.collapsed:after {
    transform: rotate(90deg);
}

.comments-area .list-select select {
    cursor: pointer;
    font-weight: 400;
    color: #777 !important;
    padding: 0;
    margin: 0 10px 0 0;
    height: 24px;
    width: 175px;
    font-size: 16px !important;
    font-weight: 300;
}

.comments-area .list-select p {
    font-size: 16px;
    line-height: 16px;
    margin: 0 10px 0 0;
}

.image-preview {
    margin: 10px 0 0 0;
}

.platinam-product-area {
    padding-top: 20px;
}

.is-photo {
    border: 1px solid #EFF1F3;
    cursor: pointer;
    border-radius: 2px;
    padding: 14.5px 10px;
    user-select: none;
}

.is-photo .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;

}

.is-photo .form-check-label {
    font-size: 16px;
    line-height: 16px;
    color: #777;
    margin: 0 10px 0 4px;
    cursor: pointer;
}

.is-photo .form-check-input {
    margin: 0;
    cursor: pointer;
    border-radius: 2px;
    background-color: #f3f3f3;
}

.is-photo .form-check-input:focus {
    border-color: rgba(0, 0, 0, .25);
    box-shadow: none;
}

.is-photo .form-check-input:checked {
    border-color: #d51243;
    background-color: #d51243;
}

.comments-area .list-select .sorting,
.comments-area .list-select .filter {
    padding: 8px 10px;
}

.comments-area .list-select .filter span,
.comments-area .list-select .sorting span {
    font-size: 14px;
    line-height: 14px;
}

.comments-area .list-select .filter,
.comments-area .list-select .sorting {
    border: 1px solid #EFF1F3;
    border-radius: 2px;
}



.comments-area .list-select select:focus-visible {
    outline: none;
}

.comments-area .list-select .filter span,
.comments-area .list-select .sorting span {
    display: block;
    margin: 0 0 0 4px;
}



.comments-area .head-text-block.collapsed:before,
.comments-area .head-text-block.collapsed:after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    width: 20px;
    height: 1px;
    border-top: 3px solid #3d3d3d;
}

.head-text-block h4 {
    margin: 14px 0;
}

.urun-detay-content .select-color {

    justify-content: flex-start;

    gap: 5px;

    align-items: center;

    margin-bottom: 10px;

}



.urun-detay-content .select-color span {

    font-size: 16px;

    color: #040404;

    font-weight: 600;

}



.mobile-slide img {

    height: 400px;

    width: 100%;

    filter: opacity(0.2);

}



.hizala-ms {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



.form-element-users input,

.form-element-users select {

    width: 100%;

    height: 50px;

    border: none;

    background-color: var(--tp-common-white);

    padding: 10px 20px;

    border-radius: 6px;

    margin-bottom: 20px;

    color: #777 !important;

    font-size: 16px;



}



.form-element-users input::placeholder {

    color: #777 !important;

}



.form-element-users select {

    font-size: 16px !important;

}



.login-input {

    position: relative;

}



.login-input input {

    width: 100%;

    height: 50px;

    border: none;

    background-color: var(--tp-common-white);

    padding: 10px 60px;

    border-radius: 6px;

    color: #777 !important;

    font-size: 16px;

}



.login-input input::placeholder {

    color: #777 !important;

}



.puanbanner {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.formbanner .tptrack__item-title {

    margin-bottom: 30px;

}



.formbanner .custom-label {

    font-weight: 600;

    font-size: 16px;

}



.hesap-tbl tbody td {

    padding: 10px !important;

    text-align: left !important;

}



.hesap-tbl thead th {

    padding: 10px !important;

}



.address-tbl tbody td {

    padding: 10px !important;

    text-align: left !important;

    border-top: none;

}



.address-tbl thead th {

    padding: 10px !important;

    border-top: none;

}



.hesap-tbl tbody td {

    padding: 10px !important;

    border-top: none;

}



.address-tbl .action {

    display: flex;

    gap: 10px;

}



.address-tbl .action a {

    font-size: 18px;

    width: auto;

}



.hesap-btns {

    display: flex;

    gap: 10px;

}



.hesap-btns a {

    font-size: 18px;

    width: auto;

}



.hesap-tbl.table>:not(:first-child) {

    border-top: none;

}



.address-tbl.table>:not(:first-child) {

    border-top: none;

}



.siparis-filtre {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

}



.siparis-filtre .filter-btn {

    width: 100%;

}



.tpservicesitem__content p {

    font-size: 13px;

}



.puan-btn {

    border: 1px solid #D52B42;

    width: max-content;

}

.puan-btn:hover {

    border: 1px solid #777;

}



.btn-kaydet {

    width: max-content;

    min-width: 120px;

}



.btn-geri {

    display: inline-block;

    width: 90%;

    font-size: 14px;

    font-weight: 600;

    padding: 15px;

    border-radius: 6px;

    line-height: 1.2;

    position: relative;

    text-align: center;

    width: max-content;

    min-width: 120px;

    border: 1px solid #777;

}

.btn-geri:hover {

    color: #D52B42;

    border: 1px solid #777;

}

.btn-grey {

    display: inline-block;

    width: 90%;

    font-size: 14px;

    font-weight: 600;

    padding: 15px;

    border-radius: 6px;

    line-height: 1.2;

    position: relative;

    text-align: center;

    width: max-content;

    min-width: 120px;

    background-color: #777;

    color: #fff;

}

.btn-grey:hover {

    background-color: #999;

}





.bottom-btns {

    display: flex;

    gap: 20px;

}



.generic-form h3 {

    font-weight: 600;

    font-size: 24px;

    margin-bottom: 30px;

}



.siparis-btns {

    width: 100%;

}



.table-img img {

    width: 80px;

    border-radius: 10px;

    height: auto;

}



.iade-info .maddeler {

    display: flex;

    flex-direction: column;

    gap: 5px;

    margin: 15px 0 30px 0;

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 15px;

}

.iade-info .maddeler .item {

    color: #777;

    font-size: 14px;

    text-transform: uppercase;

}

.iade-info .maddeler .item span {

    color: #040404;

    font-size: 14px;

    font-weight: 600;

}



.tsd.table>:not(:first-child) {

    border-top: none;

}



.tsd thead tr th {

    text-align: center;

    font-size: 12px;

    padding: 5px;

    line-height: 1.3;

}

.tsd tbody tr td {

    text-align: center;

    font-size: 12px;

    padding: 5px;

    vertical-align: middle;

    line-height: 1.3;

}

.tsd.left thead tr th,
.tsd.left tbody tr td {

    text-align: left;

}





.tsd .table-img img {

    width: 30px;

}



.tsd .islem-detay a {

    font-size: 14px;

}

.tsd .text-right {

    text-align: right !important;

    color: #040404;

}



.siparis-btns .btn-geri {

    height: 37px;

    display: flex;

    justify-content: center;

    align-items: center;

}







.islem-btns {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 5px;

}

.islem-btns a {

    color: #777;

}



.islem-btns a:hover {

    color: var(--tp-text-primary);

}



.price-gap {

    display: flex;

    gap: 10px;

}

.price-gap input {

    border: none;

    height: 50px;

    width: 200px;

    padding: 5px 20px 5px 45px;

    background-color: var(--tp-grey-2);

    border-radius: 6px;

    color: var(--tp-text-body);

    height: 35px;

    width: calc(100% - 20px);

    padding: 5px 10px 5px 10px;

    font-size: 12px;

    line-height: 1;

}



.dil-gecisi i,
.pb-gecisi i {

    color: #d51243;

    width: 23px;

}

.dil-gecisi a,
.pb-gecisi a {

    color: #777;

    font-size: 16px;

}

.dil-gecisi a.active,
.pb-gecisi a.active {

    color: #fff;

}

.dil-gecisi,
.pb-gecisi {

    display: flex;

    gap: 10px;

    align-items: center;

}



.hizalam {

    display: flex;

    justify-content: space-between;

    width: 100%;

}

.slide-container {
    overflow: hidden;

}


.modal-slider {
    min-width: 1135px;
    pointer-events: all;
    position: relative;

}

.modal-slider .tpproduct-details__nab .tab-pane img {
    border-radius: 0;
    height: 100%;
    object-fit: cover;
}

.modal-slider .urun-liste-modal {
    width: 55%;
    padding: 0;
}

.modal-slider .modal-slide-item {
    overflow: visible;
    min-width: 100%;
    background: #fff;
    border-radius: 6px;
}

.slide-block {

    display: flex;
    align-items: center;
    transition: transform 0.3s ease-in-out;
}

.slide-btn {
    min-width: 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #000;
    position: absolute;
    top: 400px;
    z-index: 13;
    cursor: pointer;
    transition: opacity 0.2s ease-out;
    opacity: 0.8;
}

.slide-btn:hover {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}


.btn-next {
    right: -27px;
}

.btn-prev {
    left: -29px;
    transform: rotate(-180deg);
}

.urun-liste-modal .tpproduct-details__cart.detail button {
    padding: 8px 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.urun-liste-modal .tpproduct-details__cart.add button {
    padding: 14px 16px;
    font-weight: 400;
    font-size: 14px;
}

.lightbox-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 0 24px 0;
}

.lightbox-wrapper.opened {
    display: flex;
}

.product-details-review {
    max-width: 600px;
    width: 100%;
    border-radius: 10px;
    padding: 26px;
    background-color: #fff;
}

.close-btn {
    position: relative;
    display: block;
    text-align: right;
}

.lightbox-wrapper .tp-btn:hover {
    background-color: #000000;
}

.scroll-top.product-detail {
    right: 20px;
}

/* 
@media screen and (max-width: 1700px){
    .scroll-top.product-detail.open{
        bottom: 190px;
    }
} */

.custom-urun-detay-modal .modal-header {
    padding: 1rem 1rem 0 1rem;
    border-bottom: none;
}

.custom-urun-detay-modal .modal-body {
    padding: 26px;
}

.custom-urun-detay-modal form label {
    font-weight: 500;
    margin-bottom: 10px;
}

.custom-urun-detay-modal form label span {
    font-weight: 400;
    font-size: 10px;
    opacity: .5;
}

.custom-urun-detay-modal form label span.info {
    opacity: 1;
}

.custom-urun-detay-modal form label span.info i {
    font-size: 16px;
}

.custom-urun-detay-modal .modal-dialog {
    max-width: 600px;
    /* Genişliği ayarlayabilirsin */
}

.custom-urun-detay-modal .desc-area h4 {
    font-weight: 500;
}

.custom-urun-detay-modal .desc-area p {
    color: #777;
    font-size: 14px;
    line-height: 1.5;
}

.custom-urun-detay-modal .comment-submit {
    text-align: end;
}

.custom-urun-detay-modal select {
    margin-bottom: 20px;
}

.custom-urun-detay-modal .input-area {
    margin-bottom: 20px;
}

.custom-urun-detay-modal .pro-submit {
    padding: 12px 18px !important;
}


/* Varsayılan checkbox'ı gizle */
.checkboxes-area .form-check input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #d51243;
    /* Kenarlık */
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    position: relative;
    background-color: white;
    transition: 0.3s;
}

/* Checkbox işaretlenince arka plan rengini değiştir */
.checkboxes-area .form-check input:checked {
    background-color: #d51243;
    border-color: #d51243;
}

/* Checkbox işaretliyken içindeki tik işareti */
.checkboxes-area .form-check input:checked::after {
    content: '✓';
    font-size: 12px;
    color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}

/* Checkbox işaretliyken içindeki tik işareti */
.checkboxes-area .form-check {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 0px;
    margin-bottom: 5px;
}

.checkboxes-area .form-check label {
    margin-bottom: 0px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    width: 100%;
    cursor: pointer;
}

.checkboxes-area {
    margin-bottom: 20px;

}

.checkboxes-area.yatay-radio {
    display: flex;
    gap: 20px;
    padding: 15px 8px;
    border: 1px solid #ced4da;
    border-radius: .25rem;

}

.checkboxes-area.yatay-radio input {
    min-width: 16px;

}

.checkboxes-area.yatay-radio .form-check {
    margin-bottom: 0px;
    gap: 5px;

}

.checkboxes-area.yatay-radio.double {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 25px;
    row-gap: 15px;
    padding: 15px 8px;
    border: 1px solid #ced4da;
    border-radius: .25rem;

}

.checkboxes-area.yatay-radio .form-check input:checked {

    background-color: #fff !important;
}

.checkboxes-area.yatay-radio .form-check input:checked::after {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background-color: #d51243;
}

.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23d51243"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

/* File input'ı gizle */
.custom-file-input {
    display: none;
}

/* Özel buton tasarımı */
.custom-file-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #d51243;
    color: #d51243;
    padding: 4px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
    text-align: center;
}

.custom-file-label span {
    opacity: 1 !important;
}

/* Hover efekti */
.custom-file-label:hover {
    background-color: #d51243;
    color: white;
}

/* Hover efekti */
.custom-file-label:hover span {
    opacity: 1;
}

.dosyali-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.renk-secim-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.miktar-sayacı {
    display: inline-flex;
    width: 120px;
    border: 1px solid #ccc !important;
    /* Sadece parent'a border ekleniyor */
    border-radius: 4px;
    /* İsteğe bağlı olarak border-radius ekleyebilirsiniz */
    overflow: hidden;
    /* İçerideki elemanların border dışına taşmasını engeller */
    min-width: 120px;
}

.miktar-sayacı span {
    padding: 5px 10px;
    background-color: #f8f9fa;
    cursor: pointer;
    border: none !important;
    height: 37px;
}

.miktar-sayacı span:hover {
    background-color: #e9ecef;
}

.miktar-sayacı .quantity-input {
    width: 100%;
    text-align: center;
    padding: 5px;
    border: none;
    height: 37px;

    /* İçerideki elemanların border'ları kaldırıldı */
}

.miktar-sayacı .minus-btn {
    position: absolute;
    left: 0;
    z-index: 99;
}

.miktar-sayacı .plus-btn {
    position: absolute;
    right: 0;
    z-index: 99;
}

.miktar-sayacı .plus-btn:hover,
.miktar-sayacı .minus-btn:hover {
    color: #777;
}

/* .miktar-sayacı {
    display: inline-flex;
    width: 120px;
}

.miktar-sayacı span {
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-color: #f8f9fa;
    cursor: pointer;
}

.miktar-sayacı span:hover {
    background-color: #e9ecef;
}

.miktar-sayacı .quantity-input {
    width: 100%;
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-radius: 4px !important;
}

.miktar-sayacı .minus-btn {
    border-radius: 4px 0 0 4px !important;
        position: absolute;
    left: 0;
    z-index: 99;
}

.miktar-sayacı .plus-btn {
    border-radius: 0 4px 4px 0 !important;
        position: absolute;
    right: 0;
    z-index: 99;
}
.miktar-sayacı .plus-btn:hover, .miktar-sayacı .minus-btn:hover {
    color: #777;
} */

 .select2-container{
    width: 90% !important;
}

.renk-ekle-btn span {
    padding: 8px 15px;
    background-color: #d51243;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}



.renk-secim-label select {
    margin-bottom: 0px;
   
}


.eklenen-degerler {
    border: 1px solid #ccc;
    min-height: 100px;
    background-color: #f9f9f9;
    display: flex;
    row-gap: 20px;
    column-gap: 40px;
    flex-wrap: wrap;
    padding: 30px 20px !important;
    margin-bottom: 20px;
}

.eklenen-degerler .color-circle {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    top: 2px;
    position: relative;
}

.eklenen-degerler .item-renk {
    position: relative;
    padding: 0px;
    background-color: transparent;
    margin-bottom: 0px;
    border-radius: 4px;
    width: max-content;
    height: max-content;
    font-size: 12px;
    color: #777;
}

.eklenen-degerler .remove-btn {
    position: absolute;
    top: -2px;
    right: -15px;
    border-radius: 50%;
    cursor: pointer;
    padding: 0px !important;
    display: inline-flex;
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center;
    background: transparent;
    color: #777;
    border: 1px solid #777;
    line-height: 1;
}

.eklenen-degerler .remove-btn:hover {
    color: #c82333;
    border-color: #c82333;
}

.checkboxes-area.yatay-radio.make-dikey {
    flex-direction: column !important;
    border: none;
    padding: 0px;
}

.checkboxes-area.yatay-radio.make-dikey .form-check {
    padding: 15px 8px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    gap: 10px;
}

.checkboxes-area.yatay-radio.make-dikey .form-check label span {
    display: block;
    margin-top: 5px;
    opacity: 1;
    font-size: 12px;
}

.checkboxes-area.yatay-radio.make-dikey .form-check label span b {
    font-weight: 600;
    font-size: 14px;
}

.custom-urun-detay-modal .om-item {
    padding: 15px 20px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    margin-bottom: 20px;
}

.table-yikama td {
    padding: 10px;
}

.table-yikama tr td:nth-child(1) {
    font-size: 14px;
}

.table-yikama tr td:nth-child(3) {
    color: #777;
    font-size: 14px;
}

.table-manken td {
    padding: 5px;
    border: none;
}

.table-manken tr:first-child td {
    padding-top: 0px;
}

.table-manken tr td:nth-child(1) {
    font-size: 16px;
    line-height: 1;
}

.table-manken tr td:nth-child(2) {
    font-size: 16px;
    line-height: 1;
}

.mb-modal {
    display: flex;
    gap: 20px;
}

.tooltip-content {
    display: none;
    position: absolute;
    bottom: 100%;
    /* Tooltip'i yukarı taşı */
    right: 0px;
    width: 300px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    background-color: #eee;

}

.tooltip-content h4 {
    margin: 0 0 10px;
    color: #777;
}

.tooltip-content p {
    margin: 5px 0;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tooltip-content p {
    color: #777;
}

.tooltip-content p span {
    font-size: 14;
    line-height: 26px;
}

.tooltip-content p.t1 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px !important;
    color: #040404;
}

.tooltip-content p.t2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px !important;
    color: #040404;
}

.tooltip-close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #d51243;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 14px;
    padding: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.comment-input textarea {
    padding: .375rem .75rem;
}

.kupon-pasif {
    text-decoration: line-through;

}

.renk-ekle-btn span:hover,
.pro-submit:hover,
.sticky-bottom-wrapper .badge-area .tpproduct-details__tag:hover,
.tpproduct-details__cart button:hover,
.sticky-bottom-wrapper .product-link:hover,
.scroll-top:hover,
.urun-liste-modal .product-detail-info-container.desc .tpproduct-details__cart:last-child:hover {
    background-color: #777;
}

.rs-slider {
    overflow: hidden; 
    width: 100%;
    max-width: 100%;
    position: relative;
}

.rs-slider .swiper-wrapper {
    display: flex;
    transition-timing-function: ease-in-out !important;
}

.rs-slider .swiper-slide {
    flex-shrink: 0;
    min-width: 0;
}





/* .kayan-rs {
    padding-right: 10px;
} */

.kayan-rs .img {
    position: relative;
}

.kayan-rs .img .title {
    position: absolute;
    bottom: 30px;
    background: #fff;
    width: 100%;
    text-align: center;
    opacity: .5;
}

.kayan-rs .img .title span {
    z-index: 2;
    opacity: 1;
    position: relative;
}

.kayan-rs .img .tpproduct-details__quantity {
    width: 100%;
    border-radius: 0;
    border: none;
}

.kayan-rs .img .tpproduct-details__quantity span {
    max-width: 30px;
    background: #b1b1b1;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kayan-rs .img .tpproduct-details__quantity input {
    width: 100%;
    line-height: 1;
    font-size: 14px;
    background: #ddd;
}

html, body {
    overflow-x: hidden;
}

.urun-detay-content2 .tpproduct-details__condation {
    max-width: 100vw;
}

.urun-detay-content2 .slider-block .img {
        width: 85px;
    min-width: 85px;
}

#ozellestirModal .btn-save{
    text-align: right;
}

#ozellestirModal .btn-save button{
    padding: 12px 20px;
}

#yorumYapModal .tpproduct__rating ul li a{
    font-size: 20px;
}

#yorumYapModal .tpproduct__rating ul{
    margin: 0 0 16px;
}

#yorumYapModal .tpproduct__rating h3{
    font-size: 20px;

}

.mobile-slider-view{
    display: none;
}

.mobile-tabs-view{
    display: none;
}

.mobile-slider-view .swiper-pagination-bullet {
    display: inline-block;
    background: transparent;
    margin: 0 5px;
    height: 30px;
    width: 30px;
    min-width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    border: 1px solid transparent;
}

.mobile-slider-view .swiper-pagination-bullet-active {
    background: transparent;
    border: 1px solid #d7d9e0;
}

.mobile-slider-view .swiper-pagination-bullet::before{
    position: absolute;
    content: '';
    height: 8px;
    width: 8px;
    background-color: var(--tp-text-body);
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
}

.mobile-slider-view .swiper-pagination-bullet-active .swiper-pagination-bullet::before{
    background: transparent;
}

.exclusiveitem__thumb img{
    width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.category-triple-area .tpbanneritem__content{
    right: 0;
    left: 10%;
}

.four-items-area .bannerbox__title{
    font-size: 26px;
}

.four-items-area .bannerbox{
    top: 100px;
}

.four-items-area .bannerbox__btn .tp-btn{
    padding: 18px;
}

@media (min-width:1600px) {
    .custom-urun-detay-modal .modal-dialog {
        max-width: 800px;
        /* Genişliği ayarlayabilirsin */
    }
   
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 30px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 15px;
    z-index: 999;
}

.prev-btn {
    left: 20px;
}

.next-btn {
    right: 20px;
}



.product-story-root .story-item{
    width: 84px;
    height: 84px;
    min-width: 84px;
    border: 2px solid;
    border-color: #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease-out;
}

.product-story-root .story-item:hover{
    transition: border-color 0.2s ease-in;
    border-color: #d51243;
}

.story-item img{
    max-width: 100%;
    object-fit: cover;
}

.product-story-root .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}

.story-slider{
    padding: 0 8px 0;
}


.story-slider .swiper-button-next,.story-slider .swiper-button-prev{
    top: 36px;
}

.story-slider .swiper-button-next{
    right: 0;
    z-index: 9999;
}

.story-slider .swiper-button-prev{
    left: 0;
    z-index: 9999;
}

.product-detail-prices.asorti .text-item{
    display: flex;
    align-items: flex-end;
    margin: 0 0 2.5em;
} 

.product-detail-prices.asorti .form-select{
    cursor: pointer;
}

.product-detail-prices.asorti .form-select:focus{
    box-shadow: none;
    border-color: #ced4da;
}

.product-detail-prices.asorti .text-item h3{
    margin: 0 4px 0 0;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
}

.product-detail-prices.asorti .left-block p{
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}

.product-detail-prices.asorti .size-block .top-item{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.product-detail-prices.asorti .size-block .top-item p{
    margin: 0;
    font-size: 14px;
}

.product-detail-prices.asorti .size-block .top-item .asorti-head{
    margin: 0 8px 0 0;
    font-weight: 300;
    font-size: 24px;
    line-height: 33px;
}

.product-detail-prices.asorti .cards{
    justify-content: flex-end;
}


.product-detail-prices.asorti .cards .card{
    width: 44px;
    min-width: 44px;
    height: 66px;
    justify-content: center;
}

.product-detail-prices.asorti .cards .card span{
    font-size: 22px;
    font-weight: 500;
}




.product-detail-prices.urun-detay .right-block .price{
    position: relative;
    color: #d51243;
   
}

.product-detail-prices.urun-detay .right-block .price::after{
    display: block;
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    height: 1px;
    width: 90px;
    background-color: #d51243;
    transform: rotate(350deg);
}

.product-detail-prices.urun-detay .right-block .big-txt{
    font-size: 26px;
    line-height: 14px;
    text-align: right;
    margin: 0;
}

.product-detail-prices.urun-detay .right-block .big-txt span{
    font-weight: 400;
    font-size: 20px; 
    color: #333;
}

.product-detail-prices.urun-detay .right-block .big-txt .small-txt{
    font-weight: 400; 
    font-size: 14px;
    color: #7b7b7b;
}

.product-detail-prices.urun-detay .bottom-txt{
    display: flex;
    align-items: flex-end;
    margin: 2em 0 0;
}

.product-detail-prices.urun-detay .bottom-txt p{
    font-family: "Lucida Sans", sans-serif;
}


.product-detail-prices.urun-detay .bottom-txt p:first-child{
    color: #000;
    margin: 0 44px 0 0;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
}

.product-detail-prices.urun-detay .bottom-txt p:first-child b{
    font-size: 20px;
    font-weight: 600;
   
}

.product-detail-prices.urun-detay .bottom-txt p:last-child{
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    color: #7b7b7b;
}

.product-detail-prices.urun-detay .bottom-txt p:first-child span{
    color: #000;
    font-size: 16px;
    top: 0;
}

.product-detail-prices.urun-detay .badge.shopping-card, .product-detail-prices.urun-detay .badge.price{
    font-family: "Lucida Sans", sans-serif;
    
}


.quick-modal-area .product-detail-prices.asorti .cards .card span{
    font-size: 16px;
}

.quick-modal-area .product-detail-prices.asorti .text-item{
    margin: 0 0 1.4em;
}

.quick-modal-area .product-detail-prices.urun-detay .bottom-txt p:first-child b{
    font-size: 18px;
}

.quick-modal-area .tpproduct-details__content.quick-view .product-detail-prices p:first-child{
    font-size: 20px;
}

.quick-modal-area .product-detail-prices.urun-detay .badge.shopping-card, .quick-modal-area .product-detail-prices.urun-detay .badge.price{
    font-size: 10px;
}

.quick-modal-area .product-detail-prices.urun-detay .bottom-txt p:first-child{
    margin: 0 28px 0 0;
}


.refund-wrapper .tpproduct-details__cart{
    text-align: right;
}

.refund-wrapper .tpproduct-details__cart button{
    padding: 12px;
    font-size: 14px;
}

#iadeTalebiOlusturModal textarea{
    width: 100%;
    padding: 10px;
}

#iadeTalebiOlusturModal .select2-container{
    width: 100% !important;
}

#iadeTalebiOlusturModal .select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 24px;
}
#iadeTalebiOlusturModal .select2-container--open .select2-dropdown--below{
    width: 38.4% !important;
    margin: 0 0 0 15px;
}

#iadeTalebiOlusturModal .comment-submit{
    margin: 16px 0 0;
}

#iadeTalebiOlusturModal .add-file .row{
    justify-content: space-between;
}

#iadeTalebiOlusturModal .refund-preview-product{
    width: 250px;
    height: 250px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.custom-modal{
    padding: 0 24px !important;
    overflow: visible;
}

.custom-modal h2{
    font-weight: 700;
    font-size: 28px;
    text-align: left;
}

.custom-modal .modal-dialog{
    max-width: 900px;
    height: 100%;   
    border-color: #fff; 
    margin: 0 auto;
}

.custom-modal .modal-btn{
    margin: 26px 0 0;
    text-align: center;
}

.custom-modal .tp-btn{
    font-size: 16px;
    line-height: 16px;
}

.custom-modal .modal-content{
    padding: 30px 24px 24px 24px;
}

.custom-modal .modal-header,.custom-modal .modal-body{
    padding: 0;
}

.custom-modal img{
   max-width: 100%;
   object-fit: cover;
}

.custom-modal .modal-header .btn-close{
   margin: -22px -22px 0 0;
}


.tpcart__product-list{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.tpcart__product-list::-webkit-scrollbar{
    display: none;
}
.tpcart{
    overflow-x: hidden;
    overflow-y: auto;
}

.foto-yorum .popup-gallery{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    
}


.foto-yorum{
    margin: 0 16px 16px 16px;
    white-space: nowrap;
    overflow-x: auto;
}

.foto-yorum::-webkit-scrollbar{
    height: 5px;
    padding: 6px 0 0;
}
.foto-yorum::-webkit-scrollbar-thumb{
    border-radius: 6px;
   
}

.foto-yorum a{
    display: block;
    min-width: 70px;
    width: 70px;
    height: 120px;
    overflow: hidden;
    border-radius: 8px;
}
.foto-yorum a img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

#olcumTablosuModal .modal-dialog{
    max-width: 950px;
}

#olcumTablosuModal table{
    margin: 0;
}
#olcumTablosuModal .table td{
    padding: 8px;
}   

#olcumTablosuModal .table th{
    width: 300px;
}

#olcumTablosuModal .modal-header .btn-close{
    margin: -17px -8px 0 0;
}   
#olcumTablosuModal .modal-header{
    padding: 24px 26px 0;
}
#olcumTablosuModal .modal-header h4{
    margin: 0;
}
#olcumTablosuModal{
    padding: 24px;
}
#olcumTablosuModal .table>:not(:first-child){
    border-top: none;
}
#olcumTablosuModal .modal-body{
    padding: 16px 24px 24px 24px;
}
.payment-success{
    padding: 0 24px;
}

.payment-success .container{
    border-radius: 10px;
    border: none;
    box-shadow: 0 4px 14px rgba(141, 155, 164, 0.2);
    text-align: center;
    padding: 10em;
    max-width: 950px;
    width: 100%;
    margin: 65px auto;
}
.payment-success .content p b{
    display: block;
    color: #333;
}

.payment-success .content p,.payment-success.content span{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--tp-text-secondary);
    margin: 24px 0 0;
}
.payment-success .content h1{
    color: #333;
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    margin: 20px 0 16px;
}

.payment-success .head-item i{
    color: #fff;
    font-size: 44px;
}
.circle{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #d51243;
    border: 1px solid #d51243;
}
#odemeHatasiModal .modal-header{
    padding: 0 0 10px;
}
#odemeHatasiModal .modal-header h5{
    color: #d51243;
}    

#odemeHatasiModal .close{
    margin: -49px -11px 0 0;
    font-size: 30px;
}
#odemeHatasiModal .odeme-hatasi-content{
    margin: 22px 0 0;    
}

#odemeHatasiModal h2{
    font-size: 22px;
}
#odemeHatasiModal p{
    color: var(--tp-text-secondary);
}

.labels.titles a.active{
    color: #fff;
    background-color: #d51243;
}
.order-note{
    padding: 30px;
    margin: 20px 0 0;
    border: 3px solid rgba(213, 18, 67, 0.3);
}

.order-note span{
    display: block;
    border-bottom: 1px solid #eaedff;
    padding-bottom: 10px;
    font-size: 30px;
    margin: 0 0 20px;
}

.order-note textarea{
    display: block;
    border: 1px solid #ddd;
    width: 100%;
    padding: 6px;
    font-size: 16px;
    line-height: 24px;
}
.order-note textarea:focus{
    outline: none;
}
.your-order{
    padding:30px;
}


.your-order{
    padding:30px;
}
.main-menu ul > li{
    margin-right: 60px;
}
.wbuton{
    position: fixed;
    bottom: 15px;
    left: 15px;
    font-size: 14px;
    transition: bottom 0.2s;
    z-index: 99999;
}
.floating-wpp-button{
    min-width: 50px;
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(60, 60, 60, 0.4);
    transition: box-shadow 0.2s ease-out;
    cursor: pointer;
    background: rgb(38, 194, 129);
    display: flex;
    align-items: center;
    justify-content: center;
}
.floating-wpp-button i{
    font-size: 26px;
    color: #fff;
    display: flex;
}

.floating-wpp-button:hover,.floating-wpp-button.active{
    box-shadow: 1px 1px 20px rgba(60, 60, 60, 0.4);
    transition: box-shadow 0.2s ease-in;
}
.floating-wpp-popup{
    border-radius: 6px;
    background-color: #E5DDD5;
    position: absolute;
    overflow: hidden;
    padding: 0;
    box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    width: 0px;
    height: 0px;
    bottom: 0;
    opacity: 0;
    transition: bottom 0.1s ease-out, opacity 0.2s ease-out;
    transform-origin: bottom;
}
.floating-wpp-popup.active{
    padding: 0 12px 12px 12px;
    width: 260px;
    height: auto;
    bottom: 70px;
    opacity: 1;
}
.floating-wpp-popup .floating-wpp-head {
    text-align: right;
    color: white;
    margin: 0 -15px 10px -15px;
    padding: 20px 12px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.floating-wpp-popup .floating-wpp-message{
    background-color: white;
    padding: 20px 8px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.2s;
}
.floating-wpp-popup.active .floating-wpp-message {
    opacity: 1;
    transition-delay: 0.2s;
}
.floating-wpp-popup .floating-wpp-input-message {
    background-color: white;
    margin: 10px -15px -15px -15px;
    padding: 14px;
    display: flex;
    align-items: center;
    color: #8A90A2;
}
.floating-wpp-popup .floating-wpp-head{
    background-color: rgb(38, 194, 129);
}
.floating-wpp-input-message textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    padding: 8px;
    margin: 10px 10px 10px 0;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    resize: none;
}
.floating-wpp-input-message i{
    font-size: 20px;
    color: #333;
    display: flex;
    cursor: pointer;
    transition: color 0.2s ease-out;
}
.floating-wpp-input-message i:hover{
    color: #a5a4a4;
    transition: color 0.2s ease-in;
}
.close{
    background: #fff;
    min-width: 20px;
    width: 20px;
    height: 20px;
    transition: color 0.2s ease-out, background 0.2s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.close i{
    font-size: 20px;
    color: #333;
    display: flex;
    transform: rotate(46deg);
}
.close:hover{
    background: #797979;
    transition: all 0.2s ease-in;
}
.close:hover i{
    color: #fff;
    transition: all 0.2s ease-in;
}
.coupon-all .content{
    font-size: 12px;
    margin: 0;
}
.coupon-all .alert{
    height: 100%;
    padding: 10px;
}
.coupon-all .discount{
    white-space: nowrap;
}
.coupon-all button{
    white-space: nowrap;
}
@media screen and (max-width: 1600px) {
    .select2-container{
        width: 86% !important;
    }
    
    .slide-area.triple .slider-block {
        width: 32.4%;
        min-width: 32.4%;
    }

    .slide-area.split .slider-block {
        width: 49%;
        min-width: 49%;

    }

    .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
        height: 40px;
    }
    
    .coupon-all .coupon button{
        padding: 6px 12px;
    }

    .category-triple-area .tpbanneritem__title{
        padding-top:0 !important;
    }

}


@media (min-width:1200px) and (max-width:1400px) {

    .sepet-tablosu .top-area .buttons a {

        font-size: 9px;

        padding: 10px 10px;

    }

}



@media (max-width:1400px) {
    .tpbanneritem__content{
        right: 0;
        left: 10%;
    }
    .cart-page-total.prices ul li{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .coupon-all .coupon button{
        padding: 6px;
    }

    .menu-contact ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .menu-contact__info a {
        font-size: 12px;
    }

    .menu-contact ul li {
        display: block;
    }

    .tpproduct-details__content.quick-view .tpproduct__rating ul li {
        line-height: 17px;
    }

    .tpproduct-details__content.quick-view .product-detail-prices {
        margin: 0 0 32px;
    }

    .slide-area.triple .slider-block {
        width: 32%;
        min-width: 32%;
        align-items: flex-start;
    }

    .urun-karti-1 .beden-asorti .asorti-title {
        font-size: 12px;
    }

    .urun-karti-1 .beden-asorti .asorti-text ul li {
        font-size: 12px;
    }

    .slide-area.split .slider-block {
        width: 49.2%;
        min-width: 49.2%;
    }

    .urun-liste-modal .tpproduct__rating ul {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .urun-detay-content2 .product-detail-info-container .tpproduct-details__tag-area {
        padding: 10px 10px;
    }

    .p10-area .pop-products {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr 1fr;

        gap: 30px;

    }



    .siparis-filtre {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr;

    }

    .slide-area.triple .cart-plus i svg, .slide-area.triple .cart-minus i svg{
        width: 16px;
        height: 16px;
        min-width: 16px;
    }

    .slide-area.triple .cart-plus i, .slide-area.triple  .cart-minus i{
        font-size: 12px;
    }

    .slide-area.triple .cart-plus, .slide-area.triple  .cart-minus{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .urun-detay-content2 .head-item p{
        font-size: 10px;
    }

     .slide-area.triple .tpproduct-details__quantity{
        width: 56px;
        height: 24px;
    }

    .slide-area.triple .icon{
        min-width: 26px;
        width: 26px;
        height: 26px;
    }

    .slide-area.triple .icon svg,.rs-slider .icon svg{
        width: 16px;
        height: 16px;
    }
    .custom-modal h2{
        font-size: 24px;
    }
}

@media screen and (max-width: 1320px){
    .four-items-area .bannertext__title{
        font-size: 24px;
    }

    .four-items-area .bannerbox__title{
        font-size: 24px;
    }

    .four-items-area .bannerbox{
        top: 65px;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .four-items-area .bannerbox__title{
        font-size: 24px;
    }
    .four-items-area .bannerbox{
        top: 56px;
    }
}

@media (max-width: 1300px) {

    .category-triple-area .tp-btn, .four-items-area .four-items-area .bannerbox__btn .tp-btn{
        padding: 12px 10px;
    }
        

    .tpproduct-details__content.quick-view .tpproduct__rating ul li {
        line-height: 23px;
        margin: 0 6px 0 0;
    }



    .quick-modal-area .col-lg-5 {
        max-width: 350px;
    }

    .tpproduct-details__content.quick-view .product-detail-info-container .product-detail-info {
        margin: 0;
    }

    .tpproduct-details__content.quick-view .product-detail-prices {
        padding: 10px 16px;
        margin: 0 0 30px;
    }

    .tpproduct-details__content.quick-view .product-detail-info-container {
        padding: 8px 10px;
        margin: 20px 0 0;
        flex-direction: row;
        align-items: center;
    }


    .tpproduct-details__content.quick-view .product-detail-info-container.desc {
        margin: 20px 0 30px;
    }

    .tpproduct-details__content.quick-view .product-detail-info .tpproduct-details__cart {
        padding: 10px 8px;
    }

    .tpproduct-details__content.quick-view .product-detail-info .tpproduct-details__cart span {
        font-size: 12px;
    }

    .urun-detay-content2 .product-detail-info-container .tpproduct-details__tag-area {
        padding: 0 10px;
    }

    .urun-liste-modal .tpproduct__rating ul {
        flex-direction: row;
        align-items: center !important;

    }

    .modal-slider {
        min-width: 1070px;
        /* height: 100%; */
        width: 1120px;
    }

    .modal-slider .modal-slide-item {
        min-width: 1120px;

    }

    .slide-container .pt-80 {
        padding-top: 30px;
    }

    .quick-modal-area .urun-detay-content.urun-liste-modal {
        padding-bottom: 30px;
    }

    .urun-liste-modal .product-detail-info-container {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .urun-liste-modal .product-detail-info-container.desc {
        flex-direction: column;
    }

    .urun-liste-modal .product-detail-info-container .product-detail-info {
        margin: 8px 0 0;
    }


    .urun-liste-modal .product-detail-info-container.desc .product-detail-info {
        flex-wrap: wrap;
    }

    .urun-detay-content2 .product-detail-info-container.desc .tpproduct-details__cart {
        width: max-content;
    }

    .main-menu-area .container {
        max-width: inherit;
    }
}

@media (min-width:1201.98px) {
    .show-pc-sticky {
        display: none !important;
    }
    .smbtn {
        display: none !important;
    }
}

@media (max-width:1201px) {
    .category-triple-area .tpbanneritem__content{
        top: 20%;
    }
    .four-items-area .bannerbox{
        top: 40px;
    }

    .four-items-area .bannerbox__title,.category-triple-area .tpbanneritem__title{
        font-size: 18px;
    }

    .four-items-area .bannerbox__btn .tp-btn{
        padding: 10px;
    }

    .cart-page-total.prices ul li{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

   

.sticky-bottom-wrapper .badge-area {
    max-height: 0; /* Başlangıçta kapalı */
    opacity: 0; /* Görünmez */
    overflow: hidden; /* Slide efekti için gerekli */
    transition: max-height 0.8s ease, opacity 0.8s ease; /* Hem yükseklik hem opaklık geçişi */
    display: grid; /* Grid yapısını hep koru, display ile oynamaya gerek yok */
    grid-template-columns: 1fr 1fr ;
}

.sticky-bottom-wrapper .badge-area.show {
    max-height: 666px; /* İçeriğe göre maksimum yükseklik */
    opacity: 1; /* Görünür hale getir */
}


    .hide-mobil-sticky {
        display: none !important;
    }
    .mb-0-sticky {
        margin-bottom: 0px !important;
    }

    .sticky-bottom-wrapper .product-links {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sticky-bottom-wrapper .right-block {
        width: 100%;
        display: block;
    }
    .sticky-bottom-wrapper .tooltip-button.show-pc-sticky {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }
    .sticky-bottom-wrapper .sagdan-hiza {
        padding-right: 40px;
    }
    .sticky-bottom-wrapper .right-block .text-item {
        margin: 0 0 6px;
    }

    .sticky-bottom-wrapper .right-block .text-item span {
    justify-content: end;
    }
    .sticky-bottom-wrapper .btn-block button {
        height: 35px;
    }
    .sticky-bottom-wrapper .smbtn {
        position: absolute;
        top: 0px;
        height: 35px;
        font-size: 14px;
    }

    /* .quick-modal-area .col-lg-5 {
        max-width: 348px;
    } */

    .urun-liste-modal .circles span {
        min-width: 16px;
        width: 16px;
        height: 16px;
    }

    .modal-slider .urun-liste-modal {
        width: 58%;
    }

    .tpproduct-details__content.quick-view .product-detail-prices p:first-child {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
    }

    .tpproduct-details__content.quick-view .left-block p {
        font-size: 16px;
    }

    .tpproduct-details__content.quick-view .main-price {
        display: flex;
    }

    .tpproduct-details__content.quick-view .product-detail-prices {
        margin: 0 0 20px;
    }

    .tpproduct-details__content.quick-view .product-detail-prices .size-block p {
        text-align: right;
    }

    .filter-block {
        display: block;
    }

    .filter-block .list-select {
        margin: 0 0 10px;
    }

    .slide-area.split .slider-block .text {
        top: -10px;
        height: 40px;
    }

    .slide-area.triple .tpproduct-details__quantity,
    .slide-area.split .tpproduct-details__quantity {
        display: none;
    }

    .slide-area.triple .tpproduct-details__quantity.mobile,
    .slide-area.split .tpproduct-details__quantity.mobile {
        display: flex;
        margin: 14px 0 0;
    }

    .slide-area.triple .head-item p {
        display: flex;
        text-align: left;
    }

    .urun-detay-content2 .slider-block {
        height: 178px;
    }

    .urun-detay-content2 .slider-block .body {
        height: 100%;
    }

    .modal-slider {
        min-width: 100%;
        padding: 0 40px;
    }

    .modal-slider .modal-slide-item {

        min-width: 100%;
    }


    .btn-prev {
        left: 20px;
    }

    .btn-next {
        right: 20px;
    }





    .urun-liste-modal.urun-detay-content2 .product-detail-info {
        flex-wrap: nowrap;
    }

    .p10-area .pop-products {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr;

        gap: 30px;

    }

    .slide-area.split .slider-block {
        width: 49%;
        min-width: 49%;
    }

    /* .slide-area.triple .slider-block{
        width: 32.2%;
        min-width: 32.2%;
    } */

    .slide-area.triple .cart-plus,
    .slide-area.triple .cart-minus {
        margin: -2px 0 0;
    }

    .slide-area.triple .tpproduct-details__quantity input {
        width: 16px;
    }

    .slide-area.triple .tpproduct-details__quantity {
        width: 50px;
        height: 25px;
    }

    .slide-area.triple .buttons .icon,.rs-slider .buttons .icon {
        min-width: 25px;
        width: 25px;
        height: 25px;
    }



    .sepet-tablosu .top-area {

        flex-direction: column-reverse;

        margin-bottom: 20px;

        height: auto;

    }



    .sepet-tablosu .top-area .buttons {

        width: 100%;

        justify-content: end;

    }



    .sepet-tablosu .top-area .filter-area {

        width: 100%;

    }



    .bank-accounts {

        flex-direction: column-reverse;

        padding: 15px 10px;

    }



    .banktbl th {

        font-size: 14px;

    }



    .banktbl td {

        font-size: 14px;

    }

    .urun-liste-modal .product-detail-info-container {
        display: block;
    }

    .product-detail-info-container .tpproduct-details__tag-area {
        margin: 16px 0 0;
    }

    .urun-liste-modal .product-detail-info {
        flex-wrap: wrap;
    }


    .urun-liste-modal .main-price {
        display: block;
    }

    /* .urun-liste-modal .size-block {
        margin: 16px 0 0;
    } */

    .urun-liste-modal .size-block p {
        text-align: left;
    }

    .urun-detay-content2 .slider-block .img {
        width: 80px;
        min-width: 80px;
    }

    .product-detail-prices.urun-detay .head-txt .price{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .product-detail-prices.urun-detay .badge.price{
        margin: 0 0 10px;
    }

    .product-detail-prices.urun-detay .main-price{
        display: flex;
        align-items: flex-start;
    }

    .product-detail-prices.urun-detay .bottom-txt{
        flex-direction: column;
        align-items: flex-start;
    }
    
    .product-detail-prices.urun-detay .bottom-txt p:first-child{
        margin: 0;
    }

    .product-detail-prices.urun-detay .badge.shopping-card, .product-detail-prices.urun-detay .badge.price{
        display: block;
    }
    
    .product-detail-prices.asorti .text-item{
        display: block;

    }

    .slide-area.triple .slider-block{
        height: 140px;
    }

    .slide-area.triple .slider-block .img{
        width: 56px;
        min-width: 56px;
    }

    .quick-modal-area .product-detail-prices.asorti .left-block p{
        font-weight: 400;
        font-size: 12px;
    }

    .quick-modal-area .product-detail-prices.urun-detay .right-block .big-txt{
        margin: 14px 0 0;
    }

    .quick-modal-area .product-detail-prices.urun-detay .badge.price{
        margin: 10px 0;
    }

    .quick-modal-area .col-lg-5{
        max-width: 358px;
    }

    .quick-modal-area .product-detail-prices.asorti .size-block .top-item{
        margin: 0 0 12px;
    }

    /* .product-detail-prices.asorti .main-price{
        flex-direction: column;
    } */
    .coupon-all .content{
        font-size: 11px;
        line-height: 20px;
    }
    .coupon-all button{
        white-space: normal;
    }

}

@media screen and (max-width: 1024px) {
    .urun-liste-modal .tpproduct-details__cart.detail button {
        font-size: 12px;
        padding: 7.5px 10px;
    }

    .urun-liste-modal .tpproduct-details__cart.add button {
        font-size: 12px;
        padding: 14px 16px;
        font-weight: 400;
        font-size: 12px;
    }
    
}

@media (max-width:993px) {

    /* .comment-wrapper{
        flex-direction: column;
    } */

    /* .urun-detay-content2 .slide-area {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .slide-area.triple .slider-block {
        width: auto !important;
        min-width: auto !important;
    } */

    .cart-page-total.prices ul li{
        flex-direction: row;
    }

    .product-detail-image {
        width: 100%;
    }


    .zoom-container:hover img {
        transform: none;
    }

    .tpproduct-details__content.quick-view .product-detail-info-container.desc .product-detail-info {
        flex-wrap: wrap;
    }

    .urun-liste-modal .colors p {
        font-size: 18px;
    }

    .urun-liste-modal .eye-icon svg {
        width: 20px;
        height: 20px;
    }

    .tpproduct-details__content.quick-view .left-block p:last-child {
        font-size: 14px;
    }

    .quick-modal-area .col-lg-5 {
        max-width: 270px;
    }



    .product-detail .col-lg-5 {
        max-width: 540px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px 0;
    }

    .product-head .product-info p {
        font-size: 12px;
        line-height: 12px;
    }

    .product-head .product-info .stock-code {
        font-size: 18px;
        line-height: 20px;
        white-space: nowrap;
        margin: 14px 0 0;
    }

    .sticky-bottom-wrapper .left-block p {
        font-size: 14px;
        line-height: 14px;
    }

    .sticky-bottom-wrapper .stock-code {
        font-size: 16px;
        line-height: 16px;
    }

    .sticky-bottom-wrapper .right-block .text-item span {
        display: flex;
        align-items: flex-start;
    }



    .sticky-bottom-wrapper .right-block .text-item p span {
        justify-content: flex-end;
    }

    .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
        font-size: 10px;
        padding: 5px 6px;
        height: 30px;
    }

    .sticky-bottom-wrapper .btn-block button {
        padding: 6px 5px;
        font-size: 13px;
        font-weight: 400;
        display: flex;
        align-items: center;
    }

    .sticky-bottom-wrapper .right-block .text-item p {
        text-align: right;
    }

    .sticky-bottom-wrapper .right-block .text-item b {
        font-size: 26px;
        line-height: 30px;
    }

    .product-head .left-block p {
        font-size: 14px;
        line-height: 18px;
    }

    .product-head .product-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .urun-detay-content2 {
        /* width: 100%; */
        width: calc(100% - 30px);
    }

    .slide-area.split .slider-block {
        width: 49.2%;
        min-width: 49.2%;
    }

    .slide-area.triple .slider-block {
        width: 32.2%;
        min-width: 32%;
    }

    .tp-breadcrumb span {
        font-size: 14px;
        line-height: 14px;
    }

    .urun-liste-modal .col-lg-5 {
        width: 100%;
    }

    .puanbanner span {

        font-size: 16px;

    }



    .puanbanner button {

        margin-right: 0px !important;

        padding: 8px 15px !important;

    }



    .product-sidebar {

        display: none;

    }



    .product-sidebar.open {

        display: block !important;

        margin-top: 30px;

    }



    .urun-filter-btn {

        font-family: Jost;

        font-size: 16px;

        font-weight: 500;

        line-height: 1.5;

        text-align: left;

        text-underline-position: from-font;

        text-decoration-skip-ink: none;

        color: #fff;

        background-color: #D52B42;

        display: block;

        border-radius: 4px;

        padding: 13px 20px;

        margin-bottom: 10px;

        width: 100%;

        text-align: center;

    }



    .product-filter-content select {

        width: 100%;

    }



    .product-filter-content .list-select {

        width: 100%;

    }



    .product-navtabs {

        flex-direction: column;

        margin-top: 10px;

        width: 100%;

    }



    .product-filter-nav {

        display: none;

    }



    .product-sidebar__product-item .basic-pagination {

        margin-top: 30px;

    }



    .product-sidebar__product-item .product-item-count {

        margin: auto;

        width: max-content;

    }



    .postbox-area .sidebar__wrapper {

        margin-top: 60px;

    }



    .tpsideinfo__nabtab .nav-link {

        padding: 10px 4px;

    }



    .mean-container .mean-bar {

        margin-bottom: 30px;

    }





    .obf-content {

        margin-bottom: 30px;

    }



    .p10-area .pop-products {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 30px;

    }



    .home-slider .swiper-button-prev,

    .home-slider .swiper-container-rtl .swiper-button-next {

        display: none;

    }



    .home-slider .swiper-button-next,

    .home-slider .swiper-container-rtl .swiper-button-prev {

        display: none;

    }





    .tpdealcontact__countdown {

        display: grid;

        gap: 5px;

        grid-template-columns: 1fr 1fr 1fr 1fr;

    }



    .tpdealcontact__countdown span {

        margin-right: 0px !important;

    }



    .tpdealcontact__countdown span.cdown {

        font-size: 26px;

        width: auto;

        height: auto;

    }



    .checkout-area .cart-page-total {

        margin-top: 30px;

    }



    .mp-15 {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }



    .checkout-area .checkbox-form {

        padding: 0px;

    }


    .sticky-bottom-wrapper.visible {
        bottom: -440px;
    }


    .four-items-area .bannerbox{
        top: 115px;
    }

    .quick-modal-area .product-detail-prices.asorti .left-block p{
        font-size: 10px;
    }

    .quick-modal-area .product-detail-prices.asorti .size-block .top-item{
        flex-direction: column;
        align-items: flex-end;
    }

    .quick-modal-area .product-detail-prices.asorti .size-block .top-item .asorti-head{
        font-size: 20px;
        margin: 0;
    }

    .quick-modal-area .product-detail-prices.asorti .text-item{
        margin: 0 0 3em;
    }
    .coupon-all .alert{
        width: 100%;
    }
    .coupon-all .content {
        font-size: 12px;
    }

}

@media screen and (max-width: 800px) {
    .slide-btn {
        position: fixed;
        top: 460px;
    }

    .modal-slider {
        height: auto;
    }

    .quick-modal-area .row {
        flex-direction: column;
    }

    .modal-slider .urun-liste-modal {
        width: 100%;
        padding: 0 14px 20px;
    }

    .quick-modal-area .col-lg-5 {
        margin: 0 auto;
        width: 100%;
        max-width: inherit;
        padding: 16px 16px 0;
    }
}

@media (max-width: 767.98px) {
    .tpcart__img {
        margin-right: 14px;
    }
    .tpcartinfo {
        width: 100%;
    }
    .tpcart{
        overflow-y: auto;
    }
    /* .scroll-top.product-detail.open{
        bottom: 336px;
    } */
    .four-items-area .bannerbox{
        top: 80px;
    }
    .mobile-slider-view{
        display: block;
    }
    .mobile-slider-view .swiper-container{
        display: flex;
        align-items: center;
    }

   
    .swiper-pagination-bullet {
        padding: 5px 10px;
        border-radius: 0;
        width: auto;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 12px;
        color:#000;
        opacity: 1;
        background: rgba(0,0,0,0.2);
    }
    .swiper-pagination-bullet-active {
        color:#fff;
        background: #007aff;
    }
   

    .mobile-tabs-view{
        display: block;
    }
    
    .desktop-slider-view{
        display: none;
    }
    .desktop-tabs-view{
        display: none;
    }

    .mp-marque-slider p{
        font-size: 30px;
    }

    .tpbanneritem__content{
        right: 0;
        left: 18%;
    }

    .kayitli-sepet{
        width: 100%;
    }
    .cart-page-total.prices ul li{
        flex-direction: row;
    }
    .select2-container{
        width: 100% !important;
    }

    .uretim-modal-asorti{
        display: flex;
        flex-direction: column;
    }

    .dosyali-label{
        margin: 18px 0 0;
    }

    .mobil-column {
        flex-direction: column;
    }

    .mobil-mb {
        margin-bottom: 30px;
    }

    .miktar-sayacı {
        min-width: 80px;
    }

    .checkboxes-area.yatay-radio {
        flex-direction: column;
    }

    .checkboxes-area.yatay-radio.double {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        column-gap: 20px;
    }

    .product-links .btn-block {
        gap: 12px;
    }

    .comment-title.add-file label {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 24px;
    }


    .comment-input input::placeholder {
        font-size: 14px;
        line-height: 14px;
    }

    .comment-input input {
        height: 40px;
        font-size: 14px;
        padding: 8px 20px 8px 14px;
    }

    .comment-input textarea::placeholder,
    .comment-input textarea {
        font-size: 14px;
    }

    .comment-input textarea {
        padding: 14px;
    }

    .pro-submit {
        padding: 14px 26px;
        font-size: 12px;
    }

    .question-area h3 {
        font-size: 20px;
    }

    .product-head .right-block {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    
    .product-head .right-block .product-info p, .product-head .right-block .product-info span{
        display: none;
    }
    
    .product-head .right-block .product-info .stock-code{
        display: block;
    }
    
    .product-head .product-icon {
        margin: 0 0 12px;
        display: none;
    }
    
    .product-head {
        flex-direction: column;
        align-items: flex-start !important;
        width: 100%;
    }

    .comments-area {
        padding: 20px 0;
    }

    .product-details-comment .comment-title p {
        font-size: 14px;
    }

    .comment-title h3 {
        font-size: 16px;
    }

    .comment.title label {
        padding: 10px 24px 12px;
    }

    .product-details-area .container {
        max-width: inherit;
    }

    .product-details-area .tpproduct-details__navtab {
        margin-top: 0;
    }

    .slide-container .container {
        max-width: inherit;
    }

    .tpproduct-details__cart {
        margin-left: 0;
    }

    .tpproduct-details__cart.detail button {
        padding: 10px;
    }

    .urun-liste-modal .tpproduct-details__wishlist {
        margin: 0;
    }

    .urun-liste-modal .tpproduct-details__count {
        gap: 10px;
    }

    .urun-liste-modal .product-detail-info .tpproduct-details__cart {
        margin-left: 0;
    }

    .tpproduct-details__wishlist.heart svg {
        height: 20px;
    }

    .urun-liste-modal .tpproduct-details__wishlist .fa-share-alt:before {
        top: -19px;
    }


    /* .comments-area .head-text-block h4{
        font-size: 22px;
        
    } */

    .comments-area .head-text-block.collapsed:before,
    .comments-area .head-text-block.collapsed:after {
        top: 30px;
    }

    .comments-area .head-text-block:before,
    .comments-area .head-text-block:after {
        top: 30px;
    }

    .comments-area .container {
        max-width: inherit;
    }

    .comment-wrapper .d-flex.left {
        align-items: flex-start;
        margin: 0 0 20px;
    }


    .search-container {
        width: 100%;
    }

    .comment-wrapper .product-detail-info .tpproduct-details__cart {
        margin: 0;
        padding: 8px 10px;
    }


    .info-top-block {
        padding: 8px;
    }

    .info-top-block span {
        line-height: 12px;
    }

    .sticky-bottom-wrapper .right-block {
        display: block;
    }

    .sticky-bottom-wrapper .right-block .text-item {
        margin: 0 0 6px;
    }

    .sticky-bottom-wrapper .right-block .text-item span {
        justify-content: flex-end;
    }

    .sticky-bottom-wrapper .btn-block button {
        padding: 10px;
    }

    .sticky-bottom-wrapper .btn-block button i {
        margin: 0 6px 0 0;
    }

    .sticky-bottom-wrapper .right-block .text-item p,
    .sticky-bottom-wrapper .right-block .text-item p span {
        font-size: 16px;
        line-height: 20px;
    }

    .sticky-bottom-wrapper .right-block .text-item b {
        font-size: 20px;
        line-height: 25px;
    }

    .urun-detay-content2 .tpproduct-details__condation {
        margin-bottom: 40px;
    }

    .border-space span {
        border-bottom: 1px solid #b3b3b3;
        border-right: none;
        height: auto;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
        font-weight: 400;
        font-size: 10px;
        line-height: 10px;
        padding: 4px 4px;
    }

    .urun-liste-modal.urun-detay-content2 .product-detail-info {
        display: flex;
        flex-wrap: wrap;
    }

    .container.product-detail {
        max-width: inherit;
    }

    .urun-detay-content2 .product-detail-info-container.desc {
        flex-wrap: wrap;
        display: flex;
        margin: 40px 0 0;
    }


    .urun-detay-content2 .tpproduct-details__condation ul {
        display: block;
    }

    .urun-detay-content2 .product-detail-info-container.desc .tpproduct-details__cart {
        margin-left: 0;
        width: max-content;
    }

    .siparis-btns {

        flex-direction: column;

        gap: 5px;

    }

    .siparis-btns .btn-geri {

        width: 100%;

    }

    .siparis-btns .islem-btn {

        width: 100%;

    }

    .telefon-flex {

        grid-template-columns: 1fr 1fr;

    }

    .pa-top {

        position: relative;

    }



    .pa-top .blog-btn {

        position: absolute;

        top: 5px;

    }



    .p10-area .pop-products {

        display: grid;

        grid-template-columns: auto;

        gap: 30px;

    }



    .sepet-tablosu .top-area {

        height: auto;

    }



    .sepet-tablosu .top-area .buttons {

        display: grid;

        grid-template-columns: 1fr 1fr;

    }



    .sepet-tablosu .top-area .buttons a {

        width: 100%;

    }



    .odeme-yontemleri {

        flex-direction: column;

    }

    .add-info-list {
        padding: 14px;
    }

    .add-info-list span,
    .add-info-list b {
        font-size: 14px;
    }


    .exclusivearea__thumb img{
        width: 100%;
    }

    .custom-modal h2{
        font-size: 22px;
    }
    .custom-modal .tp-btn{
        padding: 14px 20px;
        font-size: 14px;
    }
    .foto-yorum{
        padding: 0 0 6px;
    }

    #olcumTablosuModal .table td,  #olcumTablosuModal .table th{
        font-size: 12px;
    }

    #olcumTablosuModal .modal-header{
        padding: 14px 14px 0;
    }

    #olcumTablosuModal .modal-header h4{
        margin: 0;
        font-size: 20px;
    }

    #olcumTablosuModal .modal-body{
        padding: 14px;
    }

    #olcumTablosuModal .modal-header .btn-close{
        margin: -6px -8px 0 0;
    }

    #odemeHatasiModal .modal-header{
    padding: 0 0 10px;
    }

    #odemeHatasiModal .modal-header h5{
        color: #d51243;
    }    

    #odemeHatasiModal .close{
        margin: -49px -11px 0 0;
        font-size: 30px;
    }

    #odemeHatasiModal .odeme-hatasi-content{
        margin: 22px 0 0;    
    }

    #odemeHatasiModal h2{
        font-size: 22px;
    }

    #odemeHatasiModal p{
        color: var(--tp-text-secondary);
    }

    .payment-success .container{
        padding: 2em;
        margin: 40px auto;
    }
    
    .payment-success .content p, .payment-success.content span {
        margin: 10px 0 0;
    }

    .payment-success .content h1 {
        font-size: 20px;
        line-height: 30px;
        margin: 18px 0 0;
    }

    .payment-success .head-item i {
     
        font-size: 32px;
    }

    .circle {
        min-width: 80px;
        width: 80px;
        height: 80px;
    }

    .order-note{
        padding: 30px 15px 15px;
    }

    .your-order h3, .order-note span{
        font-size: 24px;
    }
}




@media screen and (max-width: 660px) {
    .slide-area.split .slider-block {
        width: 49%;
        min-width: 49%;
        align-items: flex-start;
    }

    .slide-area.one .buttons .icon {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }

    .slide-area.one .tpproduct-details__quantity {
        width: 70px;
        height: 30px;
    }

    .slide-area.one .tpproduct-details__quantity .cart-minus,
    .slide-area.one .tpproduct-details__quantity .cart-plus {
        padding: 0;
    }
}

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



    .slide-area.triple .slider-block {
        width: 49%;
        min-width: 49%;
        align-items: flex-start;
        height: 150px;
    }

    .slide-area.triple .slider-block .img {
        width: 62px;
        min-width: 62px;
    }

    .urun-liste-modal .cards .card {
        width: 30px;
        min-width: 30px;
        height: 50px;
    }

    .slide-area.triple .head-item span,
    .slide-area.triple .head-item p {
        font-size: 10px;
        line-height: 10px;
    }
}

@media (max-width:576px) {

    .category-area-split .bannerbox{
        top: 33%;
        left: 3%;
    }
    
    .category-triple-area .tpbanneritem__content{
        top: 32%;
        left: 3%;
    }
    
    .tpbanneritem__content{
        top: 30%;
        right: 0;
        left: 35%;
    }

    .four-items-area .bannerbox{
        text-align: center;
        top: 40%;
        left: 20%;
        right: auto;
    }

    .four-items-area .bannerbox__btn .tp-btn{
        margin-right: 0 !important;
    }

    .four-items-area .bannerbox.third{
        left: 25%;
    }

    .tpbanneritem__title{
        padding-top:0 !important;
        padding-right:0 !important;
    }
    .sticky-bottom-wrapper .badge-area.show {
        grid-template-columns: 1fr 1fr ;
    }

    .modal-slider {
        width: auto;
    }

    .comment-wrapper .progress {
        width: 100%;
    }

    .reviews-container .comments-text h4 {
        font-size: 16px;
        line-height: 16px;
    }

    .reviews-container .comments-text p {
        font-size: 14px;
        line-height: 14px;
    }

    .comment-wrapper .d-flex.left {
        flex-direction: column;
    }

    .rating-container {
        margin: 0 0 16px;
        width: 100%;
    }

    .info-container {
        margin: 0 0 16px;

    }



    .rating-container .score {
        padding: 2px 8px;
        font-size: 12px;
    }

    .rating-container .tpproduct__rating ul li a {
        font-size: 12px;
    }

    .comments-area .list-select .sorting,
    .comments-area .list-select .filter,
    .is-photo {
        padding: 4px 6px;
    }

    .comments-area .list-select select {
        width: 140px;
    }

    .is-photo .form-check-label {
        font-size: 14px;
        line-height: 14px;
    }

    .slide-area.split .slider-block {
        width: 48.8%;
        min-width: 48.8%;
    }

    .white-product-area .urun-karti-1 {

        width: calc(100svw - 30px);

    }



    .siparis-filtre {

        display: grid;

        grid-template-columns: 1fr 1fr;

    }

    .sticky-bottom-wrapper .badge-area .tpproduct-details__tag {
        height: 34px;
    }

    .product-detail-prices.asorti .left-block p{
        font-size: 10px;
    }

    .product-detail-prices.asorti .size-block .top-item p{
        font-size: 12px;
    }

    .product-detail-prices.asorti .size-block .top-item .asorti-head{
        font-size: 20px;
    }

    .product-detail-prices.asorti .text-item h3{
        font-size: 20px;
    }

    .quick-modal-area .product-detail-prices.asorti .main-price{
        flex-direction: column;
    }

    .quick-modal-area .product-detail-prices.asorti .left-block{
        width: 100%;
    }

    .quick-modal-area .product-detail-prices.asorti .text-item{
        margin: 0 0 1em;
    }

    .quick-modal-area .product-detail-prices.asorti .size-block .top-item{
        align-items: center;
        margin: 1.5em 0 0;
    }

    .quick-modal-area .product-detail-prices.urun-detay .bottom-txt p:first-child{
        font-size: 25px;
    }   

    .quick-modal-area .product-detail-prices.urun-detay .bottom-txt p:first-child b{
        font-size: 18px;
    }

    .quick-modal-area .product-detail-prices.urun-detay .right-block .big-txt .small-txt{
        font-size: 12px;
    }

    .quick-modal-area .product-detail-prices.urun-detay .main-price{
        flex-direction: column;
    }

    .quick-modal-area .product-detail-prices.urun-detay .right-block{
        flex-direction: column;
        align-items: flex-start;
        margin: 30px 0 0;
    }

    .quick-modal-area .product-detail-prices.urun-detay .bottom-txt p:last-child{
        margin: 10px 0 0;
    }

}

@media screen and (max-width: 524px) {
    .slide-area.triple {
        gap: 6px;
    }

    .slide-area.triple .slider-block,
    .slide-area.split .slider-block {
        height: auto;
    }

    .slide-area.triple .slider-block {
        width: 49%;
        min-width: 49%;
    }



    .slide-area.triple .color,
    .slide-area.split .color {
        margin: 0;
    }

    .slide-area.triple .tpproduct-details__quantity,
    .slide-area.split .tpproduct-details__quantity {
        display: none;
    }



    .slide-area.triple .slider-block  {
        height: 150px;
    }
    .slide-area.triple .slider-block .img {
        width: 62px;
        min-width: 62px;
    }

    .slide-area.split .head-item p {
        display: block;
    }

    .slide-area.split .slider-block .bottom {
        margin: 0;
    }

    /* .slide-area.split .slider-block .body{
        height: 37vw;
    } */

    .slide-area.split .slider-block .text {
        top: 0;
        height: 28px;
    }

    .slide-area.triple .slider-block .text {
        position: relative;
        top: -25px;
        height: 12px;
    }
}


@media screen and (max-width: 480px){
    .mobile-slider-view .swiper-pagination-bullet{
        height: 22px;
        width: 20px;
        min-width: 20px;
    }

    .mobile-slider-view .swiper-pagination-bullet::before{
        height: 6px;
        width: 6px;
    }
    
    .mobile-slider-view .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 2px;
    }
    
    .product-detail-prices.urun-detay .main-price{
        flex-direction: column;
        align-items: flex-start;
    }

    .product-detail-prices.urun-detay .right-block{
        flex-direction: column;
        align-items: flex-start;
        margin: 30px 0 0;
    }

    .product-detail-prices.asorti .main-price{
        flex-direction: column;
    }

    .product-detail-prices.asorti .main-price .left-block{
        width: 100%;
    }

    .product-detail-prices.asorti .text-item{
        margin: 0 0 1em;
    }

    .product-detail-prices.asorti .size-block .top-item{
        align-items: center;
        margin: 1.5em 0 0;
    }
    
    .product-detail-prices.urun-detay .bottom-txt p:last-child{
        margin: 10px 0 0;
    }

}

@media screen and (max-width: 456px){
    .mobile-slider-view .urun-karti-1 .beden-asorti .asorti-title{
        display: none;
    }
    
    .mp-marque-slider p{
        font-size: 24px;
    }

    .table-manken tr td:nth-child(1),.table-manken tr td:nth-child(2){
        font-size: 14px;
        
        display: block;
    } 
    
    .table-manken tr td:nth-child(1){
        font-weight: 500;
    }
    
    .table-manken tr{
        display: block;
        margin: 0 0 10px;
    }
    .img-fluid{
        object-fit: cover;
    }
}

@media screen and (max-width: 441px) {
    .mobile-slider-view .swiper-container{
        padding-bottom: 40px;
    }
    
    .mobile-slider-view .urun-karti-1 .product-amount{
        flex-direction: column;
        gap: 4px;
    }

    .slide-area.split .slider-block {
        width: 48.5%;
        min-width: 48.5%;
    }

    .slide-area.split .slider-block .img {
        width: 50px;
        min-width: 50px;
    }

    .slide-area.split .tpproduct-details__quantity {
        width: 58px;
        height: 28px;
    }

    .slide-area.one .tpproduct-details__quantity {
        width: 60px;
        height: 30px;
    }

    .slide-area.one .buttons .icon {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }

   
}


@media screen and (max-width: 370px){
    .tpbanneritem__content{
        top: 18%;
        right: 0;
        left: 10%;
    }
    .mobile-slider-view .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0;
    }
    .mobile-slider-view .urun-karti-1 .product-amount{
        flex-direction: row;
        gap: 0;
    }
    .mobile-slider-view .urun-karti-1 .beden-asorti .asorti-title{
        display: block;
    }
    .mp-marque-slider p{
        font-size: 20px;
    }
    .story-slider {
        padding: 0 14px;
    }
}




@media (min-width: 1400px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,

    .container-xxl {

        max-width: 1366px
    }

}



@media (min-width: 1600px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl,
    

    .container-xxl {

        max-width: 1470px
    }

}

@media screen and (max-width: 380px){
    .reviews-container .tpproduct__rating{
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Sepet Modal Loading Animasyonu */
.tpcart__product-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    padding: 20px;
}

.tpcart__product-loading-item {
    width: 100%;
    height: 60px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
    border-radius: 8px;
    margin-bottom: 15px;
}

.tpcart__product-loading-item:last-child {
    margin-bottom: 0;
}

@keyframes loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}