/* Imported from: ../AfOrderStatus/styles.css */
.cc_35fes66w_pFuS9ddvXo .af-ostatus, .cc_35fes66w_oR3PS7pw5F .af-ostatus { font-size: 12px; line-height: 16px; font-weight: 500; }
.cc_35fes66w_pFuS9ddvXo .af-ostatus--pill, .cc_35fes66w_oR3PS7pw5F .af-ostatus--pill { padding: 2px 8px; } .cc_35fes66w_pFuS9ddvXo .af-ostatus--plain, .cc_35fes66w_oR3PS7pw5F .af-ostatus--plain { background-color: transparent !important; padding: 0; }
.cc_35fes66w_pFuS9ddvXo .af-ostatus--green, .cc_35fes66w_oR3PS7pw5F .af-ostatus--green { color: #059669; background-color: #f0fdf4; } .cc_35fes66w_pFuS9ddvXo .af-ostatus--blue, .cc_35fes66w_oR3PS7pw5F .af-ostatus--blue { color: #2563eb; background-color: #eff6ff; }
.cc_35fes66w_pFuS9ddvXo .af-ostatus--red, .cc_35fes66w_oR3PS7pw5F .af-ostatus--red { color: #dc2626; background-color: #fef2f2; } .cc_35fes66w_pFuS9ddvXo .af-ostatus--orange, .cc_35fes66w_oR3PS7pw5F .af-ostatus--orange { color: #ea580c; background-color: #fff7ed; } .cc_35fes66w_pFuS9ddvXo .af-ostatus--gray, .cc_35fes66w_oR3PS7pw5F .af-ostatus--gray { color: #4b5563; background-color: #f9fafb; }

/* End import: ../AfOrderStatus/styles.css */
.cc_35fes66w_pFuS9ddvXo .af-oview, .cc_35fes66w_oR3PS7pw5F .af-oview { display: flex; flex-direction: column; color: #000; }
.cc_35fes66w_pFuS9ddvXo .af-oview__head, .cc_35fes66w_oR3PS7pw5F .af-oview__head { margin-bottom: 24px; display: flex; justify-content: space-between; }
.cc_35fes66w_pFuS9ddvXo .af-oview__headcol, .cc_35fes66w_oR3PS7pw5F .af-oview__headcol { display: flex; flex-direction: column; justify-content: space-between; }
.cc_35fes66w_pFuS9ddvXo .af-oview__no, .cc_35fes66w_oR3PS7pw5F .af-oview__no { font-size: 20px; line-height: 28px; font-weight: 500; }
.cc_35fes66w_pFuS9ddvXo .af-oview__date, .cc_35fes66w_oR3PS7pw5F .af-oview__date { font-size: 14px; line-height: 20px; opacity: 0.7; }
.cc_35fes66w_pFuS9ddvXo .af-oview__headstatus, .cc_35fes66w_oR3PS7pw5F .af-oview__headstatus { display: flex; align-items: flex-start; justify-content: flex-end; padding-top: 4px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__cancel, .cc_35fes66w_oR3PS7pw5F .af-oview__cancel { height: 44px; width: 100%; padding-left: 16px; padding-right: 16px; font-size: 14px; line-height: 20px; font-weight: 500; color: #fff; } /* bg-acc-02 canlı CSS'te yok */
.cc_35fes66w_pFuS9ddvXo .af-oview__main, .cc_35fes66w_oR3PS7pw5F .af-oview__main { display: flex; flex-direction: column; }
.cc_35fes66w_pFuS9ddvXo .af-oview__top, .cc_35fes66w_oR3PS7pw5F .af-oview__top { display: flex; flex-direction: column; gap: 24px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__actions, .cc_35fes66w_oR3PS7pw5F .af-oview__actions { display: flex; justify-content: flex-end; }
/* canlı: flex + items/justify center + whitespace-nowrap + siyah zemin (ölçüldü: disp flex · wsp nowrap · bg #000) */
.cc_35fes66w_pFuS9ddvXo .af-oview__repeat, .cc_35fes66w_oR3PS7pw5F .af-oview__repeat { margin-left: auto; display: flex; align-items: center; justify-content: center; white-space: nowrap; background-color: #000; padding: 8px 16px; font-size: 12px; line-height: 16px; font-weight: 500; color: #fff; }
.cc_35fes66w_pFuS9ddvXo .af-oview__refundbtn, .cc_35fes66w_oR3PS7pw5F .af-oview__refundbtn { margin-left: 12px; display: flex; align-items: center; justify-content: center; white-space: nowrap; background-color: #000; padding: 8px 16px; font-size: 12px; line-height: 16px; font-weight: 500; color: #fff; }
.cc_35fes66w_pFuS9ddvXo .af-oview__refundbtn:disabled, .cc_35fes66w_oR3PS7pw5F .af-oview__refundbtn:disabled, .cc_35fes66w_pFuS9ddvXo .af-oview__repeat:disabled, .cc_35fes66w_oR3PS7pw5F .af-oview__repeat:disabled, .cc_35fes66w_pFuS9ddvXo .af-refund__btn:disabled, .cc_35fes66w_oR3PS7pw5F .af-refund__btn:disabled { opacity: 0.6; cursor: default; }
.cc_35fes66w_pFuS9ddvXo .af-opack, .cc_35fes66w_oR3PS7pw5F .af-opack { display: flex; flex-direction: column; gap: 16px; }
.cc_35fes66w_pFuS9ddvXo .af-opack__title, .cc_35fes66w_oR3PS7pw5F .af-opack__title { display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 24px; font-weight: 500; }
.cc_35fes66w_pFuS9ddvXo .af-opack__lines, .cc_35fes66w_oR3PS7pw5F .af-opack__lines { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 16px; }
.cc_35fes66w_pFuS9ddvXo .af-opack__track, .cc_35fes66w_oR3PS7pw5F .af-opack__track { display: flex; align-items: center; gap: 4px; font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-opack__trackrow, .cc_35fes66w_oR3PS7pw5F .af-opack__trackrow { display: flex; align-items: center; }
.cc_35fes66w_pFuS9ddvXo .af-opack__tracklink, .cc_35fes66w_oR3PS7pw5F .af-opack__tracklink { margin-left: 4px; font-weight: 500; color: #000; text-decoration-line: underline; }
.cc_35fes66w_pFuS9ddvXo .af-oline, .cc_35fes66w_oR3PS7pw5F .af-oline { display: grid; cursor: pointer; grid-template-columns: 100px 1fr; gap: 12px; }
.cc_35fes66w_pFuS9ddvXo .af-oline__pic, .cc_35fes66w_oR3PS7pw5F .af-oline__pic { position: relative; width: 100%; overflow: hidden; } /* aspect-product canlı CSS'te yok */
.cc_35fes66w_pFuS9ddvXo .af-oline__img, .cc_35fes66w_oR3PS7pw5F .af-oline__img { object-fit: contain; }
.cc_35fes66w_pFuS9ddvXo .af-oline__body, .cc_35fes66w_oR3PS7pw5F .af-oline__body { display: flex; flex-direction: column; }
.cc_35fes66w_pFuS9ddvXo .af-oline__info, .cc_35fes66w_oR3PS7pw5F .af-oline__info { display: flex; flex-direction: column; gap: 8px; }
.cc_35fes66w_pFuS9ddvXo .af-oline__name, .cc_35fes66w_oR3PS7pw5F .af-oline__name { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; cursor: pointer; font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-oline__price, .cc_35fes66w_oR3PS7pw5F .af-oline__price { white-space: nowrap; line-height: 1; }
.cc_35fes66w_pFuS9ddvXo .af-oline__qty, .cc_35fes66w_oR3PS7pw5F .af-oline__qty { white-space: nowrap; font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-oline__status, .cc_35fes66w_oR3PS7pw5F .af-oline__status { margin-right: auto; }
.cc_35fes66w_pFuS9ddvXo .af-oline__foot, .cc_35fes66w_oR3PS7pw5F .af-oline__foot { margin-top: auto; display: flex; align-items: flex-end; justify-content: flex-end; }
.cc_35fes66w_pFuS9ddvXo .af-oline__refund, .cc_35fes66w_oR3PS7pw5F .af-oline__refund { margin-top: 8px; display: grid; width: 100px; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 4px; }
.cc_35fes66w_pFuS9ddvXo .af-oline__select, .cc_35fes66w_oR3PS7pw5F .af-oline__select { border: 1px solid rgba(0, 0, 0, 0.4); padding: 0 12px; font-size: 12px; line-height: 16px; } .cc_35fes66w_pFuS9ddvXo .af-oline__select:disabled, .cc_35fes66w_oR3PS7pw5F .af-oline__select:disabled { opacity: 0.4; }
.cc_35fes66w_pFuS9ddvXo .af-oview__info, .cc_35fes66w_oR3PS7pw5F .af-oview__info { margin-top: 32px; display: flex; height: min-content; flex-direction: column; gap: 20px; background-color: hsla(0, 0%, 96%, 0.7); padding: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__infogrid, .cc_35fes66w_oR3PS7pw5F .af-oview__infogrid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__col, .cc_35fes66w_oR3PS7pw5F .af-oview__col { display: flex; flex-direction: column; gap: 4px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__h4, .cc_35fes66w_oR3PS7pw5F .af-oview__h4 { font-size: 16px; line-height: 24px; font-weight: 500; }
.cc_35fes66w_pFuS9ddvXo .af-oview__addr, .cc_35fes66w_oR3PS7pw5F .af-oview__addr, .cc_35fes66w_pFuS9ddvXo .af-oview__tx, .cc_35fes66w_oR3PS7pw5F .af-oview__tx { font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__row, .cc_35fes66w_oR3PS7pw5F .af-oview__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__bold, .cc_35fes66w_oR3PS7pw5F .af-oview__bold { font-weight: 500; }
.cc_35fes66w_pFuS9ddvXo .af-oview__card, .cc_35fes66w_oR3PS7pw5F .af-oview__card { margin-top: 4px; font-weight: 500; }
.cc_35fes66w_pFuS9ddvXo .af-oview__sum, .cc_35fes66w_oR3PS7pw5F .af-oview__sum { display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-oview__total, .cc_35fes66w_oR3PS7pw5F .af-oview__total { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid #d1d5db; padding-top: 16px; font-weight: 600; }
.cc_35fes66w_pFuS9ddvXo .af-oview__totalv, .cc_35fes66w_oR3PS7pw5F .af-oview__totalv { font-weight: 600; }
.cc_35fes66w_pFuS9ddvXo .af-refund, .cc_35fes66w_oR3PS7pw5F .af-refund { display: flex; flex-direction: column; }
.cc_35fes66w_pFuS9ddvXo .af-refund__ok, .cc_35fes66w_oR3PS7pw5F .af-refund__ok, .cc_35fes66w_pFuS9ddvXo .af-refund__ret, .cc_35fes66w_oR3PS7pw5F .af-refund__ret { margin-bottom: 12px; display: flex; flex-direction: column; gap: 4px; }
.cc_35fes66w_pFuS9ddvXo .af-refund__oktitle, .cc_35fes66w_oR3PS7pw5F .af-refund__oktitle { font-size: 16px; line-height: 24px; } .cc_35fes66w_pFuS9ddvXo .af-refund__okdesc, .cc_35fes66w_oR3PS7pw5F .af-refund__okdesc { font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-refund__hint, .cc_35fes66w_oR3PS7pw5F .af-refund__hint { margin-bottom: 20px; font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-refund__items, .cc_35fes66w_oR3PS7pw5F .af-refund__items { margin-bottom: 12px; display: flex; flex-direction: column; gap: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-refund__btn, .cc_35fes66w_oR3PS7pw5F .af-refund__btn { margin-top: 8px; margin-bottom: 8px; height: 44px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.4); padding-left: 16px; padding-right: 16px; font-size: 14px; line-height: 20px; }
.cc_35fes66w_pFuS9ddvXo .af-obtn__loading, .cc_35fes66w_oR3PS7pw5F .af-obtn__loading { display: flex; align-items: center; } .cc_35fes66w_pFuS9ddvXo .af-obtn__spin, .cc_35fes66w_oR3PS7pw5F .af-obtn__spin { height: 16px; width: 16px; animation: af-spin 1s linear infinite; } .cc_35fes66w_pFuS9ddvXo .af-obtn__ltxt, .cc_35fes66w_oR3PS7pw5F .af-obtn__ltxt { margin-left: 8px; font-size: 14px; line-height: 20px; }
@keyframes af-spin { to { transform: rotate(360deg); } }
@media (min-width: 768px) { .cc_35fes66w_pFuS9ddvXo .af-opack__lines, .cc_35fes66w_oR3PS7pw5F .af-opack__lines { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .cc_35fes66w_pFuS9ddvXo .af-oview__infogrid, .cc_35fes66w_oR3PS7pw5F .af-oview__infogrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }