/* Ödeme / sipariş özeti — mobil ReservationSummaryCard */
html body.page-checkout {
  background: #f3f8f7;
}

html body.page-checkout .cs-order-summary-m-d-1 {
  background: #f3f8f7;
  padding-bottom: 24px;
}

html body.page-checkout .cs-orderSum-head-1 {
  color: #0f766e;
  font-weight: 800;
}

html body.page-checkout .csosla-sec-1 {
  background: #ffffff;
  border: 1px solid rgba(20, 143, 132, 0.18);
  border-radius: 20px;
  margin-bottom: 14px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(10, 31, 28, 0.06);
}

html body.page-checkout .csosla-sec-cont-1 {
  padding: 16px;
}

html body.page-checkout .csosla-sec-cont-1 .head-1 {
  color: #14221f;
  font-weight: 800;
}

html body.page-checkout .csosla-sec-cont-1 .desc-1 {
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #14221f;
}

html body.page-checkout .in-table-1 td,
html body.page-checkout .in-table-2 td {
  color: #3d4f4b !important;
  border-color: #e2ebe8 !important;
}

html body.page-checkout .cs-orderSum-right-a-1 {
  background: #eaf7f4;
  border: 1px solid rgba(31, 175, 160, 0.45);
  border-radius: 20px;
  overflow: hidden;
}

html body.page-checkout .sum-sub-btn-1,
html body.page-checkout #paymentButton {
  background: linear-gradient(90deg, #27c1b2, #2e93c0) !important;
  border: 0 !important;
  border-radius: 14px !important;
  min-height: 52px;
  font-weight: 800 !important;
  color: #fff !important;
  width: 100%;
}

html body.page-checkout #paymentModal .modal-content {
  border-radius: 20px;
  overflow: hidden;
}

html body.page-checkout #paymentFrame {
  min-height: 70vh;
  background: #fff;
}

html body.page-checkout .cs-discount-coupon-d-1 {
  background: #f2f9f7;
  border: 1px solid rgba(20, 143, 132, 0.18);
  border-radius: 14px;
  padding: 10px;
}

html body.page-checkout .disCo-btn-1 {
  background: #0f766e !important;
  color: #fff !important;
  border-radius: 12px !important;
  min-height: 44px;
}

@media (max-width: 767.98px) {
  html body.page-checkout .cs-orderSum-row-1 {
    display: flex;
    flex-direction: column;
  }

  html body.page-checkout .csorr1-col-2 {
    order: 2;
    position: sticky;
    bottom: 0;
    z-index: 9;
    background: #f3f8f7;
    padding-bottom: 12px;
  }

  html body.page-checkout .cs-orderSum-stic-1 {
    margin: 0;
  }
}

/* Hesabım kiralar */
html body.page-account-rent .cs-rentals-info-1 {
  background: #fff;
  border: 1px solid rgba(20, 34, 31, 0.08);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 8px 20px rgba(10, 31, 28, 0.06);
  margin-bottom: 12px;
}

html body.page-account-rent .csri1-table-1 td {
  color: #3d4f4b;
}

html body.page-account-rent .cs-secondary-btn-5 {
  background: linear-gradient(90deg, #27c1b2, #2e93c0) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
}

/* Login / OTP */
html body.page-auth .cs-primary-btn-3 {
  background: linear-gradient(90deg, #27c1b2, #2e93c0) !important;
  border: 0 !important;
  border-radius: 14px !important;
  min-height: 48px;
  font-weight: 700;
}

html body.page-auth .circle_animation {
  stroke: #27c1b2 !important;
}

html body.page-auth .cs-verification-i-1 input {
  border-radius: 12px;
  border: 1px solid rgba(15, 118, 110, 0.28);
  min-height: 52px;
  font-size: 16px; /* ≥16: iOS focus zoom engeli */
  font-weight: 800;
  color: #14221f;
}

@media (max-width: 767.98px) {
  html body.page-auth .cslmr1-col-1 {
    display: none;
  }

  html body.page-auth .cslmr1-col-2,
  html body.page-auth .cs-login-form-c-1 {
    width: 100%;
    max-width: 100%;
  }
}