/* === Cashier Frame - Genel === */
#cashier_frame { font-family: Roboto, sans-serif; }
#cashier_frame * { box-sizing: border-box; }
#cashier_frame ul { list-style-type: none; margin: 0; padding: 0; }
#cashier_frame img { object-fit: contain; }
#cashier_frame button { cursor: pointer; }
#cashier_frame button:focus { outline: none; box-shadow: none; }

/* === Liste Gorunumu (Payment Items) === */
#cashier_frame .lhncJk { min-height: 100%; flex: 1 1 0%; padding: 16px; position: relative; background: rgb(9, 16, 22); }
#cashier_frame .fcaawz { margin-bottom: 16px; }
#cashier_frame .fcaawz:last-child { margin-bottom: 0px; }
#cashier_frame .hRrMYM { min-height: 32px; padding: 4px 16px; margin-bottom: 16px; background: rgb(33, 52, 69); border: 0px solid transparent; border-radius: 12px; }
#cashier_frame .fUtacT { margin-bottom: 8px; }
#cashier_frame .eCkTYS { display: flex; justify-content: space-between; align-items: center; flex-flow: row; gap: 0px; font-weight: 500; font-size: 14px; line-height: 24px; color: rgb(226, 230, 233); }
#cashier_frame .cpMAtJ { display: flex !important; flex-wrap: wrap !important; flex: 1 1 0% !important; justify-items: stretch !important; gap: 10px !important; }
#cashier_frame .QLiue { flex-direction: column; gap: 8px; }
#cashier_frame .bhcIGP { position: relative !important; width: calc(14.28% - 9px) !important; min-width: 100px !important; max-width: none !important; display: flex !important; flex-direction: column !important; padding: 10px !important; gap: 8px !important; border: 0px solid transparent !important; border-radius: 16px !important; box-shadow: none !important; background: rgb(43, 47, 60) !important; transition: 400ms !important; cursor: pointer !important; overflow: hidden !important; }
#cashier_frame .hemFBo { margin-top: unset; margin-bottom: unset; margin-left: unset; margin-right: unset; flex-direction: row; align-items: center; width: 100%; padding: 8px; gap: 8px; }
#cashier_frame .llWatq { position: relative; display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0px; height: 70px; background: rgb(255, 255, 255); border-radius: 24px; }
#cashier_frame .llWatq img { max-width: 100%; height: calc(85.7143%); width: auto; }
#cashier_frame .gMdglN { height: 60px; width: 122px; padding: 4px; }
#cashier_frame .cLQsix { flex: 1 1 0%; padding: 10px 8px 10px 0px; border-right: 1px dashed rgba(226, 230, 233, 0.19); }
#cashier_frame .jOYvHS { display: flex; flex-direction: column; gap: 4px; margin: 0px; }
#cashier_frame .bxkfLa { display: flex; align-items: center; flex-flow: row; justify-content: space-between; gap: 8px; color: rgb(226, 230, 233); font-weight: 500; font-size: 14px; line-height: 24px; width: 100%; }
#cashier_frame .ianutN { width: 100%; line-height: 16px; font-size: 12px; }
#cashier_frame .ilnLDL { font-weight: 500; font-size: 14px; line-height: 24px; color: rgb(255, 255, 255); }
#cashier_frame .ePLMbz { font-size: 12px; line-height: 16px; }
#cashier_frame .gsPtNS { display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0px; width: 24px; height: 24px; border: 0px; background: rgb(43, 47, 60); }

/* === Detail Gorunumu (Odeme Formu) === */
#cashier_frame .eYhkic { position: relative; display: flex; flex: 1 1 0%; min-height: 100vh; max-width: 1024px; margin: 0px auto; }
#cashier_frame .eYhkic strong, #cashier_frame .eYhkic b { font-weight: bold; }
#cashier_frame .eYhkic em { font-style: italic; }

#cashier_frame .ggWZwM { position: relative; min-height: 100%; width: 100%; display: flex; flex-direction: column; padding: 24px; background: rgb(9, 16, 22); overflow: hidden; }

/* Form Ana Container */
#cashier_frame .dwVEQq { display: flex; justify-content: flex-start; flex: 1 1 0%; overflow: hidden; background: rgb(43, 47, 60); border-radius: 16px; }

#cashier_frame .uQwxI { width: 60%; display: flex; flex-direction: column; position: relative; }
#cashier_frame .ikpMwG { width: 100%; max-width: 100%; }

/* Odeme Bilgi Alani */
#cashier_frame .ewtcEB { padding: 0px 16px 16px; }

#cashier_frame .bHMBqr { position: relative; display: flex; justify-content: space-between; align-items: center; flex-flow: row; padding: 16px; gap: 16px; height: 56px; font-weight: 500; font-size: 14px; line-height: 24px; color: rgb(255, 255, 255); }
#cashier_frame .vstWw { display: flex; margin: 0px -16px 12px; padding: 16px 12px; border-bottom: 1px dashed rgba(226, 230, 233, 0.19); }

/* Geri Butonu */
#cashier_frame .idZmmP { background-color: unset; border: 0px; }
#cashier_frame .bYMVEd { position: absolute; left: 50%; transform: translate(-50%); font: inherit; color: inherit; }

/* Ikonlar */
#cashier_frame .ddzTUt { display: block; flex-shrink: 0; font-weight: normal; font-family: icomoon, serif; font-style: normal; text-align: center; cursor: pointer; }
#cashier_frame .ddzTUt::before { content: "\e900"; font-family: icomoon, serif; }
#cashier_frame .ddetVq { display: block; flex-shrink: 0; font-weight: normal; font-family: icomoon, serif; font-style: normal; text-align: center; cursor: pointer; }
#cashier_frame .ddetVq::before { content: "\e901"; font-family: icomoon, serif; }
#cashier_frame .hgoVyr { width: 24px; display: block; line-height: 24px; color: rgb(117, 142, 163); opacity: 1; pointer-events: inherit; transition: 500ms; font-size: 11px !important; }

/* Uc Nokta Butonu */
#cashier_frame .jEaYyv { display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0px; background-color: unset; border: 0px; font-weight: 400; font-size: 14px; line-height: 24px; white-space: nowrap; color: rgb(255, 255, 255); position: absolute; right: 12px; left: unset; }
#cashier_frame .jEaYyv svg path { fill: rgb(255, 255, 255); }

/* Liste Stilleri */
#cashier_frame .dCRYiG { display: flex; flex-direction: column; gap: 4px; }
#cashier_frame .dCRYiG.withoutPaddingLeft { padding-left: 0px; }
#cashier_frame .dTbtDC { display: flex; align-items: center; flex-flow: row; gap: 0px; justify-content: space-between; height: 24px; line-height: 24px; }
#cashier_frame .imctoa { max-width: 50%; font-weight: 400; font-size: 14px; line-height: 24px; color: rgb(226, 230, 233); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#cashier_frame .kkeRup { max-width: 50%; font-weight: 500; font-size: 14px; line-height: 24px; color: rgb(255, 255, 255); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* Kesikli Cizgi */
#cashier_frame .cFZtdD { width: 100%; margin-bottom: 0px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: dashed; border-top-color: rgba(226, 230, 233, 0.19); }

/* Form Alani */
#cashier_frame .hzcWgR { display: flex; flex-direction: column; padding: 24px 80px 16px; }
#cashier_frame .jLDfRW { padding: 24px 16px 16px; }

#cashier_frame .ePiQYT { display: flex; flex-direction: column; gap: 24px; }
@media screen and (max-width: 800px) { #cashier_frame .ePiQYT { padding: 0px; } }
#cashier_frame .jQpdum { padding: 0px; gap: 24px; }

#cashier_frame .cgBNdd { display: flex; flex-flow: row; justify-content: space-between; align-items: flex-start; gap: 0px; overflow: initial; flex: 1 1 auto; margin-bottom: 0px; margin-top: 0px; }
#cashier_frame .DAvKe { width: 100%; }

/* Input Etiket */
#cashier_frame .jZkKJa { display: inline-block; width: auto; margin-bottom: 4px; font-weight: 500; font-size: 12px; line-height: 24px; color: rgb(255, 255, 255); }

/* Flex Container */
#cashier_frame .fftOnc { display: flex; justify-content: center; align-items: center; flex-flow: row; flex: 1 1 auto; gap: 16px; }

/* Input Container */
#cashier_frame .bkrHYM { position: relative; flex: 1 1 0%; }

/* Input */
#cashier_frame .bsnpzp { width: 100%; height: 36px; padding: 0px 36px 0px 12px; border: 0px; border-radius: 12px; background: rgb(21, 37, 50); color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; }
#cashier_frame .bsnpzp:focus { outline: 0px; }
#cashier_frame .bsnpzp::placeholder { font-weight: 400; font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.44); }
#cashier_frame .bsnpzp:-webkit-autofill, #cashier_frame .bsnpzp:-webkit-autofill:hover, #cashier_frame .bsnpzp:-webkit-autofill:focus, #cashier_frame .bsnpzp:-webkit-autofill:active { color: rgb(255, 255, 255); -webkit-text-fill-color: rgb(255, 255, 255); }
#cashier_frame .bsnpzp:hover, #cashier_frame .bsnpzp:focus { border: 1px solid rgb(254, 190, 0); }

/* Input Ikon */
#cashier_frame .jamgNB { display: flex; position: absolute; right: 16px; top: 50%; transform: translate(0px, -50%); font-weight: 500; font-size: 12px; line-height: 24px; color: rgba(255, 255, 255, 0.44); }

/* Submit Butonu */
#cashier_frame .knvHJz { width: 100%; min-height: 36px; height: auto; border: 0px solid transparent; border-radius: 12px; background: rgb(254, 190, 0); color: rgb(255, 255, 255); font-weight: 500; font-size: 14px; line-height: 24px; cursor: pointer; }
#cashier_frame .knvHJz:disabled { opacity: 0.6; pointer-events: none; }

/* === Swiper Slider (Detail Gorunumu) === */
#cashier_frame .swiper { margin: -4px 0px 18px; }
#cashier_frame .swiper-wrapper .swiper-slide { width: auto; }
#cashier_frame .swiper-wrapper .swiper-slide img { width: auto; max-width: 100%; height: 100%; object-fit: contain; }

/* Slider Itemleri */
#cashier_frame .cCIGVH { width: 116px; height: 64px; display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0px; border: 2px solid transparent; border-radius: 20px; padding: 4px; cursor: pointer; }
#cashier_frame .cCIGVH img { width: 100%; height: 100%; }
#cashier_frame .gwAUnP { width: 116px; height: 64px; display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0px; border: 2px solid rgb(254, 190, 0); border-radius: 20px; padding: 4px; cursor: pointer; }
#cashier_frame .gwAUnP img { width: 100%; height: 100%; }
#cashier_frame .dgNCNf { position: relative; width: 104px; height: 52px; text-align: center; background: rgb(255, 255, 255); border-radius: 16px; overflow: hidden; }

/* Swiper Override (header fix ile cakismamasi icin) */
#cashier_frame .swiper-button-prev, #cashier_frame .swiper-button-next { width: 32px; height: 100%; top: 0px; transform: translate(0px, 0px); margin-top: 0px; background: rgb(43, 47, 60); display: flex !important; }
#cashier_frame .swiper-button-prev::after, #cashier_frame .swiper-button-next::after { font-size: 11px; font-weight: 500; color: rgb(117, 142, 163); }
#cashier_frame .swiper-button-disabled { display: none !important; }
#cashier_frame .swiper-button-prev { left: -1px; border-radius: 16px 0px 0px 16px; box-shadow: rgba(125, 125, 125, 0.204) 12px 0px 12px; }
#cashier_frame .swiper-button-next { right: -1px; border-radius: 0px 16px 16px 0px; box-shadow: rgba(125, 125, 125, 0.204) -12px 0px 12px; }
@media screen and (max-width: 800px) {
  #cashier_frame .swiper-button-prev, #cashier_frame .swiper-button-next { display: none !important; }
}

/* Scrollbar */
#cashier_frame ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgb(21, 37, 50); cursor: pointer; }
#cashier_frame ::-webkit-scrollbar-thumb { background-color: rgb(64, 94, 119); cursor: pointer; }

/* === Para Cekme (Withdraw) - Ayni stiller, pasif === */
#cashier_frame_withdraw { font-family: Roboto, sans-serif; }
#cashier_frame_withdraw * { box-sizing: border-box; }
#cashier_frame_withdraw ul { list-style-type: none; margin: 0; padding: 0; }
#cashier_frame_withdraw img { object-fit: contain; }
#cashier_frame_withdraw button { cursor: default; }
#cashier_frame_withdraw .lhncJk { min-height: 100%; flex: 1 1 0%; padding: 16px; position: relative; background: rgb(9, 16, 22); }
#cashier_frame_withdraw .fcaawz { margin-bottom: 16px; }
#cashier_frame_withdraw .fcaawz:last-child { margin-bottom: 0px; }
#cashier_frame_withdraw .hRrMYM { min-height: 32px; padding: 4px 16px; margin-bottom: 16px; background: rgb(33, 52, 69); border: 0px solid transparent; border-radius: 12px; }
#cashier_frame_withdraw .fUtacT { margin-bottom: 8px; }
#cashier_frame_withdraw .eCkTYS { display: flex; justify-content: space-between; align-items: center; flex-flow: row; gap: 0px; font-weight: 500; font-size: 14px; line-height: 24px; color: rgb(226, 230, 233); }
#cashier_frame_withdraw .cpMAtJ { display: flex !important; flex-wrap: wrap !important; flex: 1 1 0% !important; justify-items: stretch !important; gap: 10px !important; }
#cashier_frame_withdraw .QLiue { flex-direction: column; gap: 8px; }
#cashier_frame_withdraw .bhcIGP { position: relative !important; width: calc(14.28% - 9px) !important; min-width: 100px !important; max-width: none !important; display: flex !important; flex-direction: column !important; padding: 10px !important; gap: 8px !important; border: 0px solid transparent !important; border-radius: 16px !important; box-shadow: none !important; background: rgb(43, 47, 60) !important; transition: 400ms !important; cursor: default !important; overflow: hidden !important; }
#cashier_frame_withdraw .hemFBo { margin-top: unset; margin-bottom: unset; margin-left: unset; margin-right: unset; flex-direction: row; align-items: center; width: 100%; padding: 8px; gap: 8px; }
#cashier_frame_withdraw .llWatq { position: relative; display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0px; height: 70px; background: rgb(255, 255, 255); border-radius: 24px; }
#cashier_frame_withdraw .llWatq img { max-width: 100%; height: calc(85.7143%); width: auto; }
#cashier_frame_withdraw .gMdglN { height: 60px; width: 122px; padding: 4px; }
#cashier_frame_withdraw .cLQsix { flex: 1 1 0%; padding: 10px 8px 10px 0px; border-right: 1px dashed rgba(226, 230, 233, 0.19); }
#cashier_frame_withdraw .jOYvHS { display: flex; flex-direction: column; gap: 4px; margin: 0px; }
#cashier_frame_withdraw .bxkfLa { display: flex; align-items: center; flex-flow: row; justify-content: space-between; gap: 8px; color: rgb(226, 230, 233); font-weight: 500; font-size: 14px; line-height: 24px; width: 100%; }
#cashier_frame_withdraw .ianutN { width: 100%; line-height: 16px; font-size: 12px; }
#cashier_frame_withdraw .ilnLDL { font-weight: 500; font-size: 14px; line-height: 24px; color: rgb(255, 255, 255); }
#cashier_frame_withdraw .ePLMbz { font-size: 12px; line-height: 16px; }
#cashier_frame_withdraw .gsPtNS { display: flex; justify-content: center; align-items: center; flex-flow: row; gap: 0px; width: 24px; height: 24px; border: 0px; background: rgb(43, 47, 60); }

/* === Cashier Modal (custom, outside #cashier_frame) === */
#cashier-modal .bhcIGP {
  background: #13131f !important;
  border: 1px solid #2a2a38 !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  transition: border-color 0.2s, transform 0.15s !important;
}
#cashier-modal .bhcIGP:hover {
  border-color: #febe0066 !important;
  transform: translateY(-2px) !important;
}