/* Ödeme sayfası — sade, Plus Jakarta Sans (index ile uyumlu) */
.checkout-page .checkout-surface--simple{max-width:min(720px,100%);margin:0 auto}
.checkout-page .tb-checkout-back{margin:0 0 10px}
.checkout-page .tb-checkout-back a{
  display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#2b2b2b;text-decoration:none;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
.checkout-page .tb-checkout-back a:hover{color:#e91e63}
.checkout-page .checkout-heading,.checkout-page .v3-checkout-nav{display:none!important}
.checkout-page .checkout-surface{max-width:100%!important}
.checkout-page .order-modal{
  position:static!important;inset:auto!important;padding:0!important;display:block!important;
  background:transparent!important;backdrop-filter:none!important;
}
.checkout-page .order-dialog{
  width:100%!important;max-height:none!important;overflow:visible!important;
  border:1px solid #ececec!important;border-radius:12px!important;
  box-shadow:0 6px 28px rgba(0,0,0,.06)!important;background:#fff!important;
}
.checkout-page .step-head{
  background:#fff!important;border-bottom:1px solid #eee!important;padding:18px 22px!important;border-radius:12px 12px 0 0;
}
.checkout-page .step-head>span{
  font-size:11px!important;letter-spacing:.08em!important;color:#e91e63!important;font-weight:800!important;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
}
.checkout-page .step-head h2{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-weight:800!important;font-style:normal!important;
  font-size:clamp(20px,4vw,26px)!important;color:#2b2b2b!important;margin:6px 0 0!important;letter-spacing:-.03em!important;
}
.checkout-page .step-head p{display:none}
.checkout-page .modal-form{padding:18px 22px 24px!important;display:grid;gap:14px!important}
.checkout-page .modal-form .two,.checkout-page .v8-input-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
.checkout-page .v8-input-grid .v8-full{grid-column:1/-1}
.checkout-page .v8-place-title,.checkout-page .v8-form-section h4{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-weight:800!important;font-size:15px!important;
  color:#2b2b2b!important;margin:8px 0 4px!important;padding:0!important;border:0!important;
}
.checkout-page .v8-place-title span,.checkout-page .v8-form-section h4 span{display:none!important}
.checkout-page .v8-form-section{padding:10px 0 0!important;border-top:1px solid #f0f0f0!important;margin-top:4px!important}
.checkout-page .modal-form label,.checkout-page .custom-note,.checkout-page .receipt-upload,.checkout-page .consent-row{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-weight:700!important;font-size:13px!important;color:#444!important;
}
.checkout-page .modal-form input,.checkout-page .modal-form textarea,.checkout-page .modal-form select{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:15px!important;
  border:1px solid #e5e5e5!important;border-radius:8px!important;min-height:46px!important;background:#fff!important;
}
.checkout-page .modal-form input:focus,.checkout-page .modal-form textarea:focus,.checkout-page .modal-form select:focus{
  border-color:#e91e63!important;box-shadow:0 0 0 3px rgba(233,30,99,.12)!important;outline:0!important;
}
.checkout-page .same-day{font-size:13px!important;font-weight:600!important;color:#6b6b6b!important;padding:0!important}
.checkout-page .same-day.ok{color:#22a559!important}
.checkout-page .delivery-picker{
  background:#fafafa!important;border:1px solid #eee!important;border-radius:10px!important;margin:0!important;padding:14px!important;
}
.checkout-page .delivery-title b{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:14px!important;font-weight:800!important;color:#2b2b2b!important}
.checkout-page .delivery-title small{display:none}
.checkout-page .modal-product.tb-checkout-product{
  margin:0 22px!important;padding:12px 14px!important;border-radius:10px!important;background:#fafafa!important;
  border:1px solid #eee!important;display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;
  gap:12px!important;align-items:center!important;
}
.checkout-page .modal-product.tb-checkout-product img{width:64px!important;height:64px!important;object-fit:cover!important;border-radius:8px!important}
.checkout-page .modal-product.tb-checkout-product b{
  display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:14px!important;font-weight:700!important;color:#2b2b2b!important;
}
.checkout-page .modal-product.tb-checkout-product span{font-size:16px!important;font-weight:800!important;color:#e91e63!important}
.checkout-page .modal-next{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-weight:800!important;
  background:#e91e63!important;border-radius:10px!important;min-height:48px!important;font-size:15px!important;border:0!important;
}
.checkout-page .modal-next:hover{background:#c2185b!important}
.checkout-page .v3-back,.checkout-page .bank-copy-btn,.checkout-page .note-list button{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-weight:700!important;
}
.checkout-page .v3-step-actions{
  display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 22px 8px;padding:0;
}
.checkout-page .v3-step-actions .modal-next{
  order:1;width:100%;max-width:380px;margin:0 auto!important;text-align:center;
}
.checkout-page .v3-step-actions .v3-back{
  order:2;width:100%;max-width:380px;margin:0!important;text-align:center;
}
.checkout-page .v3-back{
  background:#fff!important;color:#2b2b2b!important;border:1px solid #ddd!important;border-radius:10px!important;padding:12px 18px!important;cursor:pointer;
}
.checkout-page .note-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 22px 0;
}
.checkout-page .note-list button{min-height:72px;display:flex;align-items:center}
.checkout-page #orderStep>.modal-product.tb-checkout-product{margin-top:12px!important}
.checkout-page #orderStep>.v3-back{margin-top:12px!important;margin-bottom:0!important}
.checkout-page .note-list button{
  text-align:left;padding:12px 14px;border:1px solid #eee;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;line-height:1.4;color:#444;
}
.checkout-page .note-list button.selected{border-color:#e91e63;background:#fff5f9;color:#2b2b2b}
.checkout-page .custom-note,.checkout-page .receipt-upload,.checkout-page .bank-card,.checkout-page .order-summary,.checkout-page .v3-back{margin-left:22px!important;margin-right:22px!important}
.checkout-page .custom-note textarea{width:100%;box-sizing:border-box;margin-top:6px}
.checkout-page .bank-card{
  padding:16px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;
  background:#f8fafc!important;color:#0f172a!important;
  display:flex!important;flex-direction:column!important;gap:12px!important;
}
.checkout-page .bank-card.bank-card--triple{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;align-items:stretch!important;
}
.checkout-page .bank-card--triple .bank-copy-field{
  height:100%!important;min-height:108px!important;box-sizing:border-box!important;
  justify-content:flex-start!important;
}
.checkout-page .bank-card--triple .bank-copy-field b{
  flex:1!important;display:flex!important;align-items:center!important;
}
.checkout-page .bank-iban-copy-wide{
  display:block!important;width:calc(100% - 44px)!important;max-width:none!important;
  margin:0 22px 4px!important;min-height:46px!important;padding:11px 16px!important;
  background:#fff!important;color:#1e293b!important;border:1px solid #cbd5e1!important;
  border-radius:10px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;
  box-shadow:0 1px 2px rgba(15,23,42,.06)!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
}
.checkout-page .bank-iban-copy-wide:hover{background:#f1f5f9!important}
.checkout-page .bank-card small{
  display:block!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;
  color:#64748b!important;margin:0 0 6px!important;
}
.checkout-page .bank-card .bank-copy-field{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:10px!important;margin:0!important;padding:14px 16px!important;
  background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;
  min-width:0!important;
}
.checkout-page .bank-card .bank-copy-field b,
.checkout-page .bank-card #accountName,
.checkout-page .bank-card #ibanText,
.checkout-page .bank-card #bankNameText{
  color:#0f172a!important;font-weight:700!important;line-height:1.45!important;
  overflow-wrap:anywhere!important;word-break:break-word!important;user-select:text!important;
}
.checkout-page .bank-card #accountName{font-size:17px!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important}
.checkout-page .bank-card #bankNameText{font-size:16px!important;color:#334155!important}
.checkout-page .bank-card #ibanText{
  font-size:16px!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
  letter-spacing:normal!important;word-spacing:normal!important;
}
.checkout-page .bank-card .bank-copy-btn,
.checkout-page .bank-card .iban-copy-mobile{
  width:100%!important;min-height:46px!important;padding:11px 16px!important;
  background:#fff!important;color:#1e293b!important;
  border:1px solid #cbd5e1!important;border-radius:10px!important;
  font-size:14px!important;font-weight:700!important;cursor:pointer!important;
  box-shadow:0 1px 2px rgba(15,23,42,.06)!important;
}
.checkout-page .bank-card .bank-copy-btn:hover,
.checkout-page .bank-card .iban-copy-mobile:hover{background:#f1f5f9!important}
.checkout-page .bank-card #accountName+.bank-copy-btn{display:none!important}
.checkout-page .bank-icon{display:none!important}
.checkout-page .order-summary{font-size:14px!important}
.checkout-page .order-summary b{font-weight:700!important;color:#2b2b2b!important}

.checkout-page .receipt-upload{
  display:flex!important;flex-direction:column!important;gap:10px!important;
  margin:16px 22px 0!important;padding:0!important;border:0!important;background:transparent!important;
  cursor:pointer!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
}
.checkout-page .receipt-upload-label{
  display:block!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;
}
.checkout-page .receipt-upload-box{
  position:relative!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:12px!important;
  padding:16px!important;background:#fff!important;border:2px dashed #cbd5e1!important;
  border-radius:12px!important;transition:border-color .2s,background .2s!important;
}
.checkout-page .receipt-upload:hover .receipt-upload-box,
.checkout-page .receipt-upload:focus-within .receipt-upload-box{
  border-color:#e91e63!important;background:#fffafb!important;
}
.checkout-page .receipt-upload input[type="file"]{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  opacity:0!important;cursor:pointer!important;z-index:2!important;
}
.checkout-page .receipt-upload-pick{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:10px 16px!important;background:#e91e63!important;color:#fff!important;
  border-radius:8px!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;
}
.checkout-page .receipt-upload-name{
  font-size:14px!important;font-weight:600!important;color:#64748b!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;
}
.checkout-page .receipt-upload-name.has-file{color:#0f172a!important;font-weight:700!important;white-space:normal!important;word-break:break-word!important}
.checkout-page .receipt-upload-hint{
  display:block!important;font-size:12px!important;font-weight:500!important;color:#94a3b8!important;margin:0!important;
}
.checkout-page .consent-row{
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  margin:16px 22px 0!important;padding:14px 16px!important;
  background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;
  font-size:13px!important;font-weight:500!important;line-height:1.45!important;color:#334155!important;cursor:pointer!important;
}
.checkout-page .consent-row input[type="checkbox"]{
  width:18px!important;height:18px!important;margin:2px 0 0!important;flex:0 0 18px!important;accent-color:#e91e63!important;
}
.checkout-page .pay-error-block{
  display:block!important;margin:12px 22px 0!important;font-size:13px!important;font-weight:600!important;color:#dc2626!important;
}
.checkout-page .checkout-submit-btn{
  display:block!important;width:calc(100% - 44px)!important;max-width:420px!important;
  margin:16px auto 24px!important;min-height:50px!important;border-radius:10px!important;
}
.checkout-page .checkout-wa-btn.single-wa{display:none!important}
.checkout-page .success-order,.checkout-page .success-order h2,.checkout-page .success-order p{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-style:normal!important;
}
@media(max-width:650px){
  .checkout-page .modal-form{padding:16px!important}
  .checkout-page .modal-form .two,.checkout-page .v8-input-grid{grid-template-columns:minmax(0,1fr)!important}
  .checkout-page .step-head{padding:16px!important}
  .checkout-page .modal-product.tb-checkout-product,.checkout-page .note-list,.checkout-page .custom-note,.checkout-page .receipt-upload,.checkout-page .bank-card,.checkout-page .order-summary,.checkout-page .v3-back{margin-left:16px!important;margin-right:16px!important}
  .checkout-page .v3-step-actions{margin-left:16px!important;margin-right:16px!important}
  .checkout-page .note-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .checkout-page .note-list button{font-size:12px;padding:10px;min-height:68px}
  .checkout-page .bank-card.bank-card--triple{grid-template-columns:minmax(0,1fr)!important}
  .checkout-page .bank-card--triple .bank-copy-field{min-height:88px!important}
  .checkout-page .bank-iban-copy-wide{width:calc(100% - 32px)!important;margin:0 16px 4px!important}
  .checkout-page .receipt-upload,.checkout-page .consent-row{margin-left:16px!important;margin-right:16px!important}
  .checkout-page .pay-error-block{margin-left:16px!important;margin-right:16px!important}
  .checkout-page .checkout-submit-btn{width:calc(100% - 32px)!important}
  .checkout-page .receipt-upload-box{grid-template-columns:1fr!important;text-align:center!important}
  .checkout-page .receipt-upload-pick{width:100%!important}
}
.checkout-page .modal-form>.modal-next{display:block;width:100%;max-width:380px;margin:16px auto 0!important}

/* Sipariş takibi (#orderStep — checkout gömülü modal) */
.checkout-page #orderStep .step-head--track,
#orderStep .step-head--track{padding:20px 22px!important}
.checkout-page .track-order-box--v2,
#orderStep .track-order-box--v2{
  padding:20px 22px 24px!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;
}
.checkout-page .track-order-box--v2 .track-order-label,
#orderStep .track-order-box--v2 .track-order-label{
  display:block;font-weight:700;font-size:13px;color:#334155;margin-bottom:8px;
}
.checkout-page .track-order-box--v2 input,
#orderStep .track-order-box--v2 input{
  width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;
  border:1px solid #e2e8f0;border-radius:10px;font-size:16px;color:#0f172a;background:#fff;
}
.checkout-page .track-order-submit,
#orderStep .track-order-submit{
  display:block;width:100%;max-width:100%;margin:14px 0 0!important;
  min-height:48px!important;border-radius:10px!important;
}
.checkout-page .track-order-result,
#orderStep .track-order-result{margin-top:18px}
.tracking-loading{color:#64748b;font-size:14px;text-align:center;padding:16px}
.tracking-result{display:flex;flex-direction:column;gap:14px;color:#0f172a}
.tracking-summary{
  background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.tracking-summary-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.tracking-no-block{min-width:0;flex:1}
.tracking-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:4px}
.tracking-no{display:block;font-size:17px;font-weight:800;font-family:ui-monospace,Consolas,monospace;color:#0f172a;word-break:break-all;line-height:1.35}
.tracking-copy-no{
  margin-top:8px;padding:6px 12px;border:1px solid #cbd5e1;border-radius:8px;
  background:#f8fafc;color:#334155;font-size:12px;font-weight:700;cursor:pointer;
}
.tracking-copy-no:hover{background:#f1f5f9}
.tracking-badge{
  display:inline-block;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;
  line-height:1.2;white-space:normal;max-width:160px;text-align:center;
}
.tracking-badge--pending{background:#fef3c7;color:#92400e}
.tracking-badge--paid{background:#dcfce7;color:#166534}
.tracking-badge--preparing{background:#dbeafe;color:#1e40af}
.tracking-badge--shipped{background:#ede9fe;color:#5b21b6}
.tracking-badge--delivered{background:#dcfce7;color:#14532d}
.tracking-badge--cancelled{background:#fee2e2;color:#991b1b}
.tracking-product{margin:14px 0 0;padding-top:14px;border-top:1px solid #f1f5f9}
.tracking-product span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:4px}
.tracking-product b{display:block;font-size:15px;font-weight:700;color:#1e293b;line-height:1.4}
.tracking-timeline{
  list-style:none;margin:0;padding:0 0 0 4px;display:flex;flex-direction:column;gap:0;
  background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px 12px 8px;
}
.tracking-timeline-item{
  display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;
  position:relative;padding:10px 0 10px 0;min-height:44px;
}
.tracking-timeline-item:not(:last-child)::after{
  content:'';position:absolute;left:17px;top:38px;bottom:-2px;width:2px;background:#e2e8f0;
}
.tracking-timeline-item.complete:not(:last-child)::after{background:#e91e63}
.tracking-timeline-dot{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  font-size:12px;font-weight:800;font-style:normal;border:2px solid #e2e8f0;background:#fff;color:#94a3b8;
}
.tracking-timeline-item.complete .tracking-timeline-dot{
  border-color:#e91e63;background:#fff5f9;color:#e91e63;
}
.tracking-timeline-item.complete .tracking-timeline-dot i{font-size:14px}
.tracking-timeline-item.current .tracking-timeline-dot{
  border-color:#e91e63;background:#e91e63;color:#fff;box-shadow:0 0 0 4px rgba(233,30,99,.2);
}
.tracking-timeline-label{font-size:14px;font-weight:600;color:#64748b;padding-top:6px;line-height:1.35}
.tracking-timeline-item.complete .tracking-timeline-label{color:#334155}
.tracking-timeline-item.current .tracking-timeline-label{color:#0f172a;font-weight:800}
.tracking-cancelled{
  padding:14px 16px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;
  color:#991b1b;font-size:14px;line-height:1.5;
}
.tracking-meta-card{
  display:flex;flex-direction:column;gap:6px;padding:14px 16px;
  background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;
}
.tracking-meta-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.tracking-meta-card strong{font-size:15px;font-weight:700;color:#0f172a}
@media(max-width:650px){
  .checkout-page .track-order-box--v2,#orderStep .track-order-box--v2{padding:16px!important}
  .tracking-badge{max-width:100%;text-align:left}
}