.basket-rows-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.sepet-wrapper {
    margin-right: 20px;
    width: 50%
}

.sepet-wrapper .sepet-item {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    position: relative;
    margin-bottom: 20px
}

.sepet-wrapper .sepet-item .seller-name {
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
    padding: 5px 10px;
    font-size: 14px;
    color: #18191a;
    font-weight: 700;
    background: #fbfbfb
}

.sepet-wrapper .sepet-item .seller-name span {
    color: #b5b2b2;
    font-weight: 400;
    margin-right: 10px
}

.sepet-wrapper .sepet-item .item-row {
    padding: 40px 20px;
    display: flex;
    align-items: start;
    justify-content: space-between
}

.sepet-wrapper .sepet-item .item-row .image {
    border: 1px solid #ededed
}

.sepet-wrapper .sepet-item .item-row .image img {
    max-width: 100%
}

.sepet-wrapper .sepet-item .item-row .details {
    flex: 1;
    margin-left: 20px
}

.sepet-wrapper .sepet-item .item-row .details .name {
    font-weight: 700;
    font-size: 16px;
    color: #18191a;
    letter-spacing: -0.4px
}

.sepet-wrapper .sepet-item .item-row .details .name a {
    display: block;
    margin-bottom: 10px;
    color: #18191a
}

.sepet-wrapper .sepet-item .item-row .details .price {
    font-weight: 700;
    font-size: 17px;
    color: #e37e00;
    letter-spacing: -1px
}

.sepet-wrapper .sepet-item .item-row .details .stock-status {
    font-weight: 400;
    font-size: 12px;
    color: #18191a;
    letter-spacing: -0.5px
}

.sepet-wrapper .sepet-item .item-row .actions {
    display: flex;
    flex-direction: column
}

.sepet-wrapper .sepet-item .item-row .actions .plus {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #e8e8e8;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.sepet-wrapper .sepet-item .item-row .actions .plus:hover {
    background-color: #e37e00;
    border-color: #e37e00;
    color: #fff
}

.sepet-wrapper .sepet-item .item-row .actions .quantity {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    line-height: 30px
}

.sepet-wrapper .sepet-item .item-row .actions .minus {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #e8e8e8;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.sepet-wrapper .sepet-item .item-row .actions .minus  i {
    font-size: 14px;
    position: relative;
    top: -3px
}

.sepet-wrapper .sepet-item .item-row .actions .minus:hover {
    background-color: #e37e00;
    border-color: #e37e00;
    color: #fff
}

.sepet-wrapper .sepet-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.sepet-wrapper .sepet-item .alert {
    margin: 10px
}

.basket-information-container {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px 30px 0px 30px;
    margin-right: 20px;
    width: 30%
}

.basket-information-container .item {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.basket-information-container .item .icon {
    width: 36px;
    margin-right: 10px;
    color: #10ac9e;
    font-size: 30px;
    font-weight: 400;
    display: flex;
    justify-content: center
}

.basket-information-container .item .title {
    font-size: 16px;
    font-weight: 500;
    color: #18191a;
    margin-bottom: 15px;
    letter-spacing: -.4px;
    flex: 1
}

.basket-information-container .item .title p {
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    letter-spacing: 0
}

.sepet-total-wrapper {
    padding: 15px 25px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    width: 20%;
    margin-top: 10px
}

.sepet-total-wrapper .sepet-total-text {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #18191a;
    text-transform: none
}

.sepet-total-wrapper .sepet-total {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #18191a;
    letter-spacing: -1px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 5px
}

.sepet-total-wrapper .sepet-total span {
    font-weight: 400;
    font-size: 12px;
    color: #7a8085;
    letter-spacing: -0.3px
}

.sepet-total-wrapper .sepet-parammakinecimde-text {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #18191a;
    text-transform: none;
    line-height: 20px
}

.sepet-total-wrapper .sepet-parammakinecimde-total {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #18191a;
    letter-spacing: -1px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 5px
}

.sepet-total-wrapper .sepet-nakliye-text {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #18191a;
    text-transform: none;
    line-height: 20px
}

.sepet-total-wrapper .sepet-nakliye-total {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #18191a;
    letter-spacing: -1px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 5px
}

.sepet-total-wrapper .sepet-taksit-text {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #18191a;
    text-transform: none;
    line-height: 20px
}

.sepet-total-wrapper .sepet-taksit-total {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #18191a;
    letter-spacing: -1px
}

.sepet-total-wrapper .sepet-grand-total-text {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #18191a;
    margin-top: 10px;
    text-transform: uppercase
}

.sepet-total-wrapper .sepet-grand-total {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #e37e00;
    letter-spacing: -1px
}

.sepet-total-wrapper  .sepet-sozlesmeler {
    margin-top: 20px;
    display: flex;
    align-items: center;
    line-height: 17px;
    font-size: 11px;
    position: relative
}

.sepet-total-wrapper  .sepet-sozlesmeler a {
    font-weight: 500;
    color: #ff6000;
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    letter-spacing: -0.3px;
    border-bottom: 1px solid #ededed
}

.sepet-total-wrapper  .sepet-sozlesmeler input[type="checkbox"] {
    width: 40px !important;
    height: 40px !important;
    margin-right: 10px
}

.sepet-total-wrapper .sepet-total-action {
    margin-top: 20px
}

.sepet-total-wrapper .sepet-total-action a, .sepet-total-wrapper .sepet-total-action input[type="submit"] {
    background-color: #ff6000;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.6px;
    border-radius: 8px;
    padding: 10px;
    line-height: 30px;
    display: block;
    border: 0;
    width: 100%;
    font-family: Poppins, Arial, Helvetica sans-serif
}

.sepet-total-wrapper .sepet-total-action a:hover, .sepet-total-wrapper .sepet-total-action input[type="submit"]:hover {
    background-color: #d15206
}

.sepet-total-wrapper .sepet-total-action a.passive, .sepet-total-wrapper .sepet-total-action input[type="submit"].passive {
    background-color: #dfdddd;
    color: #939393
}

.sepet-total-wrapper .sepet-total-action a.passive.hover, .sepet-total-wrapper .sepet-total-action input[type="submit"].passive:hover {
    background-color: #dfdddd
}

.sepet-total-wrapper .param-makinecimde {
    text-align: center;
    margin-top: 20px
}

.basket-steps {
    margin-bottom: 30px
}

.basket-steps ul {
    display: flex
}

.basket-steps ul li {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-top: 50px;
    width: 25%;
    text-align: center
}

.basket-steps ul li.completed {
    color: #00a698
}

.basket-steps ul li:after {
    content: '';
    width: 100%;
    height: 4px;
    background-color: #dedddd;
    top: 32%;
    left: 0;
    position: absolute;
    z-index: -1
}

.basket-steps ul li.completed:after {
    background-color: #00a698
}

.basket-steps ul li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 35px;
    height: 35px;
    border: 4px solid #dedddd;
    border-radius: 35px;
    line-height: 35px;
    text-align: center;
    color: #a4a4a4;
    font-weight: 400;
    transform: translate(-50%, 0);
    background: #dedddd;
    font-size: 18px
}

.basket-steps ul li.completed:before {
    border-color: #00a698;
    color: #00a698;
    font-weight: 700;
    background: #fff
}

.basket-steps ul li:nth-child(1):before {
    content: '1'
}

.basket-steps ul li:nth-child(2):before {
    content: '2'
}

.basket-steps ul li:nth-child(3):before {
    content: '3'
}

.basket-steps ul li:nth-child(4):before {
    content: '4'
}

.addresses-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.addresses-wrapper .addresses {
    width: 75%
}

.addresses-wrapper .addresses .header {
    margin-top: 20px
}

.addresses-wrapper .addresses .add-new-addess {
    display: flex;
    justify-content: flex-start
}

.addresses-wrapper .addresses .add-new-addess a {
    font-size: 13px;
    font-weight: 500;
    color: #18191a;
    display: flex;
    align-items: center;
    letter-spacing: -0.4px
}

.addresses-wrapper .addresses .add-new-addess a:hover {
    color: #ff6000
}

.addresses-wrapper .addresses .add-new-addess a i {
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    line-height: 22px;
    background-color: #ff6000;
    margin-right: 10px
}

.addresses-wrapper .address-items-wrapper {
    margin-top: 10px
}

.addresses-wrapper .address-items-wrapper .address-item {
    border-radius: 8px;
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative
}

.addresses-wrapper .address-items-wrapper .address-item .radio-option {
    width: 50px
}

.addresses-wrapper .address-items-wrapper .address-item .radio-option input[type="radio"] {
    width: 20px;
    height: 20px
}

.addresses-wrapper .address-items-wrapper .address-item .text {
    flex: 1
}

.addresses-wrapper .address-items-wrapper .address-item .text .title {
    color: #18191a;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: -0.4px
}

.addresses-wrapper .address-items-wrapper .address-item .text .address {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

.addresses-wrapper .address-items-wrapper .address-item .actions {
    width: 150px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.addresses-wrapper .address-items-wrapper .address-item .actions a {
    color: #18191a;
    font-size: 12px;
    text-align: right;
    margin-left: 10px
}

.mini-sepet-wrapper {
    width: 100%;
    margin-top: 30px
}

.mini-sepet-wrapper .header {
    font-size: 15px
}

.mini-sepet-wrapper .mini-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: start
}

.mini-sepet-wrapper .sepet-item {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    position: relative;
    margin: 10px;
    max-width: 30%
}

.mini-sepet-wrapper .sepet-item .seller-name {
    border-bottom: 1px solid #e5e5e5;
    line-height: 16px;
    padding: 5px 7px;
    font-size: 12px;
    color: #18191a;
    font-weight: 700;
    background: #fbfbfb
}

.mini-sepet-wrapper .sepet-item .seller-name span {
    color: #b5b2b2;
    font-weight: 400;
    margin-right: 5px
}

.mini-sepet-wrapper .sepet-item .item-row {
    padding: 20px 10px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    position: relative
}

.mini-sepet-wrapper .sepet-item .item-row .image {
    border: 1px solid #ededed
}

.mini-sepet-wrapper .sepet-item .item-row .image img {
    max-width: 100%
}

.mini-sepet-wrapper .sepet-item .item-row .details {
    flex: 1;
    margin-left: 15px
}

.mini-sepet-wrapper .sepet-item .item-row .details .name {
    font-weight: 700;
    font-size: 13px;
    color: #18191a;
    letter-spacing: -0.2px
}

.mini-sepet-wrapper .sepet-item .item-row .details .name a {
    display: block;
    margin-bottom: 10px;
    color: #18191a
}

.mini-sepet-wrapper .sepet-item .item-row .details .name a span {
    font-weight: 500;
    background: #e5e5e5;
    color: #ff6000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 5px;
    top: 10px
}

.mini-sepet-wrapper .sepet-item .item-row .details .price {
    font-weight: 700;
    font-size: 13px;
    color: #e37e00;
    letter-spacing: -0.2px
}

.mini-sepet-wrapper .sepet-item .item-row .details .stock-status {
    font-weight: 400;
    font-size: 11px;
    color: #18191a;
    margin-top: 10px
}

.mini-sepet-wrapper .sepet-item .item-row .actions {
    display: flex;
    flex-direction: column
}

.mini-sepet-wrapper .sepet-item .item-row .actions .plus {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #e8e8e8;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.mini-sepet-wrapper .sepet-item .item-row .actions .plus:hover {
    background-color: #e37e00;
    border-color: #e37e00;
    color: #fff
}

.mini-sepet-wrapper .sepet-item .item-row .actions .quantity {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    line-height: 30px
}

.mini-sepet-wrapper .sepet-item .item-row .actions .minus {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #e8e8e8;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.mini-sepet-wrapper .sepet-item .item-row .actions .minus  i {
    font-size: 14px;
    position: relative;
    top: -3px
}

.mini-sepet-wrapper .sepet-item .item-row .actions .minus:hover {
    background-color: #e37e00;
    border-color: #e37e00;
    color: #fff
}

.mini-sepet-wrapper .sepet-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1)
}

.mini-sepet-wrapper .sepet-item .alert {
    margin: 10px
}

.geri-git {
    background-color: #ededed;
    display: inline-block;
    position: relative;
    color: #18191a;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 20px 5px 30px;
    border-radius: 8px;
    margin-top: 20px
}

.geri-git:hover {
    background-color: #dedddd
}

.geri-git:before {
    content: "\f053";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 14px;
    font-family: 'FontAwesome';
    color: #999
}

.mini-addresses-wrapper {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between
}

.mini-addresses-wrapper .mini-address-item {
    text-align: center;
    width: 49.5%
}

.mini-addresses-wrapper .address-item {
    border-radius: 8px;
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
    min-height: 190px
}

.mini-addresses-wrapper .address-item  .header {
    font-size: 15px;
    margin-bottom: 5px
}

.mini-addresses-wrapper .address-item .text {
    flex: 1
}

.mini-addresses-wrapper .address-item .text .title {
    color: #18191a;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 5px;
    letter-spacing: -0.2px
}

.mini-addresses-wrapper .address-item .text .address {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.credit-card-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.credit-card-wrapper .credit-card-details {
    width: 75%
}

.addresses-wrapper .credit-card-details .header {
    margin-top: 20px
}

.bank-cards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f5f5f5;
    flex-wrap: wrap
}

.bank-cards img {
    padding: 10px;
    max-width: 120px !important
}

.credit-card-wrapper .credit-card-details-form-installments {
    display: flex
}

.kart-sorgu-bilgileri {
    border: 1px solid #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 51px;
    border-radius: 8px;
    margin-left: 50px;
    flex-direction: column;
    padding: 10px 40px;
    width: 50%;
    min-height: 290px
}

.kart-sorgu-bilgileri img.brand {
    display: none
}

.kart-sorgu-bilgileri .taksit-wrapper {
    width: 100%;
    line-height: 22px
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item:last-of-type {
    border-bottom: 0
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-rate-name {
    display: flex;
    align-items: center;
    flex-direction: row
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-rate-name .taksit-rate {
    width: 40px
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-rate-name .taksit-rate input[type="radio"] {
    width: 20px !important;
    height: 20px !important
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-rate-name .taksit-name {
    font-weight: 400;
    font-size: 13px;
    color: #18191a;
    text-transform: capitalize;
    letter-spacing: -0.3px
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-payment-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    line-height: 20px;
    text-align: right
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-payment-info .taksit-monthly-info {
    font-size: 14px;
    color: #18191a;
    font-weight: 500;
    letter-spacing: -0.3px
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-payment-info .taksit-monthly-info span {
    font-size: 13px;
    color: #999;
    font-weight: 400
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-item .taksit-payment-info .taksit-total-info {
    font-size: 13px;
    color: #999;
    font-weight: 400
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-secim-kaldir {
    text-align: center;
    margin-top: 5px
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-secim-kaldir a {
    font-size: 11px;
    color: #999;
    text-decoration: none
}

.kart-sorgu-bilgileri .taksit-wrapper .taksit-secim-kaldir a:hover {
    text-decoration: underline
}

.siparis-detay-row-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    border: 1px solid #ededed;
    border-radius: 8px
}

.siparis-detay-row {
    font-weight: 500;
    color: #42494e;
    text-align: left;
    line-height: 35px;
    letter-spacing: -.4px;
    border-right: 1px solid #ededed;
    padding: 10px 15px
}

.siparis-detay-row:last-of-type {
    border-right: 0
}

.siparis-detay-row strong {
    color: #18191a
}

.siparis-detay-row strong.status {
    color: #e37e00
}

.siparisi-iptal-et-wrapper {
    margin-top: 20px;
    text-align: right
}

.siparisi-iptal-et-wrapper a {
    border: 1px solid #e5e5e5;
    color: #ff0000;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    padding: 8px 18px;
    border-radius: 8px
}

.siparis-ogesini-iptal-et {
    border: 1px solid #e5e5e5;
    color: #ff0000;
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    padding: 8px 18px;
    border-radius: 8px;
    margin-top: 5px
}

.siparis-ogesini-iptal-et:link {
    color: #ff0000
}

.siparis-oge-wrapper {
    width: 100%;
    margin-top: 30px
}

.siparis-oge-wrapper .siparis-oge-item {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    position: relative;
    margin-bottom: 20px
}

.siparis-oge-wrapper .siparis-oge-item.iptaliadeedildi {
    background-color: #fff7f2 !important
}

.siparis-oge-wrapper .siparis-oge-item .seller-name {
    border-bottom: 1px solid #e5e5e5;
    line-height: 24px;
    padding: 10px;
    font-size: 13px;
    color: #18191a;
    font-weight: 700
}

.siparis-oge-wrapper .siparis-oge-item .seller-name.flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.siparis-oge-wrapper .siparis-oge-item .seller-name span {
    color: #b5b2b2;
    font-weight: 400;
    margin-right: 10px;
    font-size: 12px
}

.siparis-oge-wrapper .siparis-oge-item .seller-name .saticiya-soru-sor {
    font-size: 11px;
    font-weight: 400;
    color: #444
}

.siparis-oge-wrapper .siparis-oge-item .item-row {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 150px
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details {
    flex: 1;
    display: flex
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details .image {
    border: 1px solid #ededed;
    margin-left: 10px
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details .image img {
    max-width: 100%;
    height: auto
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details .nameprice {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details .nameprice .name {
    font-weight: 700;
    font-size: 14px;
    color: #18191a;
    letter-spacing: -0.4px
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details .nameprice .name a {
    display: block;
    margin-bottom: 10px;
    color: #18191a
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details .nameprice .name a span {
    font-weight: 500;
    background: #e5e5e5;
    color: #ff6000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 5px;
    top: 10px
}

.siparis-oge-wrapper .siparis-oge-item .item-row .details .nameprice .price {
    font-weight: 700;
    font-size: 16px;
    color: #e37e00;
    letter-spacing: -1px
}

.siparis-oge-wrapper .siparis-oge-item .item-row  .actions {
    background-color: #fff;
    padding: 20px 30px;
    width: 40%;
    height: 100%
}

.siparis-oge-wrapper .siparis-oge-item .item-row  .actions .item-status {
    border-radius: 8px;
    background-color: #f5f4f4;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.siparis-oge-wrapper .siparis-oge-item .item-row  .actions .item-status span.aciklama {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.4px
}

.siparis-oge-wrapper .siparis-oge-item .item-row  .actions .item-status span.tarih {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: -0.3px
}

.order-payment-information {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.order-payment-information .payment-information-row {
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 15px 30px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px
}

.order-payment-information .payment-information-row span {
    font-size: 13px;
    font-weight: 400
}

.payment-label.siparisolusturuldu {
    color: #444
}

.payment-label.odemebekleniyor {
    color: #155c99
}

.payment-label.odemeonaylandi {
    color: #427413
}

.payment-label.iptaledildi {
    color: #f44336
}

.payment-label.tamamlandi {
    color: #1374d9
}

.order-status-wrapper {
    width: 100%;
    margin-top: 30px
}

.order-status-wrapper .header {
    font-size: 15px
}

.order-status-wrapper .status-item {
    border-radius: 8px;
    padding: 10px 15px;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative
}

.order-status-wrapper .status-item  small {
    font-size: 11px
}

.sevkiyat-wrapper {
    margin-top: 5px;
    margin-left: 30px;
    position: relative
}

.sevkiyat-wrapper:before {
    content: '\f0d1';
    position: absolute;
    top: 5px;
    left: -22px;
    font-family: FontAwesome;
    font-size: 20px;
    color: #389fdb;
    transform: rotateY(180deg)
}

.sevkiyat-wrapper .road {
    width: 100%;
    height: 35px;
    background: #f5f4f4;
    position: relative;
    border-radius: 8px
}

.sevkiyat-wrapper .road:before {
    content: '-------------------------------';
    position: absolute;
    width: 97%;
    height: 40px;
    left: 3%;
    top: 50%;
    transform: translate(0, -50%);
    color: #ccc;
    line-height: 40px;
    letter-spacing: 5px;
    overflow: hidden;
    font-weight: 300;
    font-size: 11px
}

.sevkiyat-wrapper .road .start, .sevkiyat-wrapper .road .end {
    font-size: 11px
}

.sevkiyat-wrapper .road .start {
    position: absolute;
    top: 50%;
    left: 3%;
    transform: translate(0px, -50%);
    background: #f5f4f4;
    padding: 0px 5px
}

.sevkiyat-wrapper .road .end {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translate(0px, -50%);
    background: #f5f4f4;
    padding: 0px 5px
}

.sevkiyat-wrapper .shipment-company {
    margin-top: 5px;
    color: #18191a;
    background-color: #f5f4f4;
    border-radius: 8px 8px 0px 0px;
    padding: 5px 10px;
    line-height: 20px
}

.sevkiyat-wrapper .shipment-company .company-name {
    font-size: 12px;
    font-weight: 500
}

.sevkiyat-wrapper .shipment-company .company-phone {
    font-size: 12px;
    font-weight: 400
}

.sevkiyat-wrapper .shipment-company .company-phone a {
    color: #18191a
}

.sevkiyat-wrapper .shipment-company .company-phone span {
    color: #999
}

.sevkiyat-wrapper .shipment-company .company-address {
    font-size: 12px;
    font-weight: 400
}

.sevkiyat-wrapper .shipment-company .company-address span {
    color: #999
}

.sevkiyat-wrapper .shipment-images {
    border-top: 1px solid #ededed;
    background-color: #f5f4f4;
    border-radius: 0px 0px 8px 8px;
    padding: 5px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.sevkiyat-wrapper .shipment-images a {
    border-radius: 5px;
    overflow: hidden;
    margin: 1px;
    display: flex
}

.sevkiyat-wrapper .shipment-images a img {
    width: 90px !important;
    height: 67.5px;
    object-fit: contain;
    object-position: center;
    background: #484848
}

.teslimat-wrapper {
    margin-top: 5px;
    position: relative
}

.teslimat-wrapper .delivery-images {
    border-top: 1px solid #ededed;
    background-color: #f5f4f4;
    border-radius: 0px 0px 8px 8px;
    padding: 5px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.teslimat-wrapper .delivery-images a {
    border-radius: 5px;
    overflow: hidden;
    margin: 1px;
    display: flex
}

.teslimat-wrapper .delivery-images a img {
    width: 90px !important;
    height: 67.5px;
    object-fit: contain;
    object-position: center;
    background: #484848
}

.teslimat-wrapper .teslimat-aciklama {
    font-size: 11px;
    color: #ff0000;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-align: center;
    line-height: 17px
}

.teslimat-wrapper .teslimay-onay-buton-wrapper {
    margin: 12px 0;
    text-align: center
}

.teslimat-wrapper .teslimay-onay-buton-wrapper a {
    background-color: #ff5722;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding: 10px 20px
}

.chat-screen {
    border-radius: 8px;
    background-color: #ededed;
    padding: 15px 20px
}

.chat-screen ul {
    display: flex;
    flex-direction: column
}

.chat-screen ul li {
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px
}

.chat-screen ul li .konu {
    font-weight: 700
}

.chat-screen ul li .tarih {
    font-size: 11px;
    font-style: italic
}

.chat-screen ul li .cevap {
    background-color: #ededed;
    padding: 10px;
    margin-left: 20px;
    border-radius: 8px;
    margin-top: 5pxd
}

table.table-bordered tr td, table.table-bordered tr th {
    border-bottom: 1px solid #ededed
}

.iade-talep-wrapper {
    margin-top: 5px
}

.iade-talep-wrapper a {
    border: 1px solid #ededed;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #ff5722;
    padding: 5px 10px
}

.iade-sevkiyat-wrapper {
    margin-top: 10px
}

.iade-sevkiyat-wrapper a {
    background: #ff5722;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 10px 15px
}

.iade-saticiya-ulasti-wrapper {
    margin-top: 10px
}

.iade-saticiya-ulasti-wrapper a {
    background: #ff5722;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 10px 15px
}

.iade-saticiya-ulasti-wrapper small {
    font-size: 11px;
    display: block;
    line-height: 17px;
    margin-top: 10px
}

.cayma-hakki-wrapper {
    width: 100%;
    margin-top: 20px;
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

.cayma-hakki-wrapper .header {
    font-size: 14px;
    text-transform: uppercase
}

.cayma-hakki-wrapper .content {
    font-size: 13px;
    height: 150px;
    overflow-y: scroll
}

.cayma-hakki-wrapper .content  p+p {
    margin-top: 10px
}

.cayma-hakki-wrapper table {
    width: 100%;
    border: 1px solid #ddd
}

.cayma-hakki-wrapper table td {
    padding: 3px 5px;
    border: 1px solid #ddd
}

.cayma-hakki-wrapper .content  ul li {
    margin-left: 20px;
    list-style-type: disc
}

.sozlesme-content {
    font-size: 13px
}

.sozlesme-content  p+p {
    margin-top: 10px
}

.sozlesme-content table {
    width: 100%;
    border: 1px solid #ddd
}

.sozlesme-content table td {
    padding: 3px 5px;
    border: 1px solid #ddd
}

.sozlesme-content  ul li {
    margin-left: 20px;
    list-style-type: disc
}

.custom-file-upload {
    display: inline-block;
    padding: 8px 20px;
    cursor: pointer;
    background: #283046;
    border-radius: 8px !important;
    color: #fff !important;
    text-align: center
}

.custom-file-upload:after {
    display: none
}

.custom-file-upload input[type="file"] {
    display: none
}

#teslim-resimleri-onizleme img {
    width: 150px;
    height: 112px;
    float: left;
    margin: 4px;
    object-fit: contain;
    object-position: center;
    background: #111;
    padding: 3px;
    border-radius: 8px;
    border: 1px solid #ededed
}

.sepet-wrapper .nakliye-description {
    text-align: center;
    font-weight: 500;
    color: #111;
    background: #fff3cd;
    border-radius: 8px 8px 0px 0px;
    font-size: 13px;
    border: 1px solid #e7d69f;
    padding: 5px 0px
}

.sepet-wrapper .nakliye-secimi {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.sepet-wrapper .nakliye-secimi .nakliye-secim-item {
    display: flex;
    padding: 10px 40px;
    border-left: 1px solid #e7d69f;
    border-radius: 0px 0px 8px 8px;
    margin-bottom: 5px;
    align-items: center;
    width: 48%;
    flex-direction: column;
    text-align: center;
    min-height: 140px;
    border-right: 1px solid #e7d69f;
    border-bottom: 1px solid #e7d69f;
}



.sepet-wrapper .nakliye-secimi .nakliye-secim-item.active {
    background: #fff3cd;
    border: 1px solid #e7d69f;
}

.sepet-wrapper .nakliye-secimi .nakliye-secim-item input[type="radio"] {
    width: 24px !important;
    height: 24px;
    margin-bottom: 5px
}

.sepet-wrapper .nakliye-secimi .nakliye-secim-item .nakliye-secim-label {
    font-weight: 500;
    letter-spacing: -0.4px;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
    min-height: 60px;
}

.sepet-wrapper .nakliye-secimi .nakliye-secim-item .nakliye-fiyati {
    color: #df8e5d;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    flex-direction: column
}

.sepet-wrapper .nakliye-secimi .nakliye-secim-item label.error {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    padding: 3px;
    top: -33px;
    background: #fff3cd;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;/* border: 1px solid #ff0000; */
    border-radius: 8px;
}


.sepet-wrapper .nakliye-secimi .nakliye-secim-item.w100 {
    padding: 0;
    min-height: auto;
    width: 100%;
}
.sepet-wrapper .nakliye-secimi .nakliye-secim-item.w100 .nakliye-secim-label {
    min-height: 40px;
}


.pm_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-bottom: 10px; }
.pm_column0, .pm_column1, .pm_column2, .pm_column3, .pm_column4, .pm_column5, .pm_column6 { position: relative;  padding-right: 15px; padding-left: 15px; }
.pm_column0 { ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.pm_column1 { ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.pm_column2 { ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.pm_column3 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.pm_column4 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.pm_column5 { -ms-flex: 0 0 16.665%; flex: 0 0 16.665%; max-width: 16.665%; }
.pm_column6 { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; }


@media screen and (max-device-width:767px) {
    
    .pm_column0, .pm_column1, .pm_column2, .pm_column3, .pm_column4, .pm_column5, .pm_column6 { width: 100%;  ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

    .basket-rows-wrapper {
        flex-direction: column
    }

    .basket-information-container, .sepet-wrapper, .sepet-total-wrapper {
        width: 100%;
        margin: 0
    }

    .basket-information-container {
        order: 3;
        margin-top: 20px
    }

    .sepet-wrapper .sepet-item .item-row {
        padding: 20px 10px
    }

    .sepet-wrapper .sepet-item .item-row .image {
        width: 100px
    }

    .sepet-wrapper .sepet-item .item-row .image img {
        height: auto
    }

    .addresses-wrapper .address-items-wrapper .address-item .actions {
        width: 90px
    }

    .addresses-wrapper .address-items-wrapper .address-item .actions {
        flex-direction: column
    }

    .addresses-wrapper .address-items-wrapper .address-item .actions a {
        margin-left: 0;
        margin-bottom: 5px
    }

    .basket-steps ul li {
        font-size: 13px
    }

    .addresses-wrapper {
        flex-direction: column
    }

    .addresses-wrapper .addresses {
        width: 100%
    }

    .credit-card-wrapper {
        flex-direction: column
    }

    .credit-card-wrapper .credit-card-details {
        width: 100%
    }

    .credit-card-wrapper .credit-card-details-form-installments {
        flex-direction: column
    }

    .mini-sepet-wrapper .mini-items {
        flex-direction: column
    }

    .mini-sepet-wrapper .sepet-item {
        width: 100%;
        margin: 0;
        margin-top: 10px;
        max-width: 100%
    }

    .mini-addresses-wrapper {
        flex-direction: column
    }

    .mini-addresses-wrapper .mini-address-item {
        width: 100%
    }

    .mini-addresses-wrapper .address-item {
        min-height: initial
    }

    .bank-cards img {
        max-width: 100px !important
    }

    .kart-sorgu-bilgileri {
        margin-left: 0;
        margin-top: 0px;
        padding: 0px 15px 5px 15px;
        margin-bottom: 5px;
        min-height: initial;
        width: 100%
    }

    .kart-sorgu-bilgileri img.guvenli-odeme {
        display: none
    }

    .siparis-detay-row {
        border-right: 0px;
        padding: 0px
    }

    .siparis-detay-row-wrapper {
        flex-direction: column
    }

    .order-payment-information {
        flex-direction: column;
        align-items: center;
        margin-top: 20px
    }

    .order-payment-information .payment-information-row {
        margin-bottom: 5px;
        width: 100%
    }

    .siparis-oge-wrapper .siparis-oge-item .seller-name.flex {
        display: block
    }

    .siparis-oge-wrapper .siparis-oge-item .item-row {
        flex-direction: column;
        align-items: flex-start
    }

    .siparis-oge-wrapper .siparis-oge-item .item-row .details {
        padding: 5px
    }

    .siparis-oge-wrapper .siparis-oge-item .item-row .actions {
        width: 100%
    }

    .sepet-wrapper .nakliye-secimi {
        flex-direction: column
    }

    .sepet-wrapper .nakliye-secimi .nakliye-secim-item {
        width: 100%;
        margin-bottom: 0;
        min-height: auto
    }

    .sepet-wrapper .nakliye-secimi .nakliye-secim-item:first-of-type {
        border-radius: 0px
    }

    .sepet-wrapper .nakliye-secimi .nakliye-secim-item label.error {
        top: -55px;
    }

}