/* === FLAVONOIDS CHECKOUT MODERN START === */

body.woocommerce-checkout,
body.page-id-14 {
  background:
    radial-gradient(circle at 50% 120px, rgba(0, 155, 98, .08) 0%, rgba(255,255,255,0) 420px),
    linear-gradient(180deg, #f6fbf9 0%, #ffffff 100%) !important;
}

body.woocommerce-checkout .pl-page,
body.page-id-14 .pl-page,
body.woocommerce-checkout main,
body.page-id-14 main {
  background: transparent !important;
}

body.woocommerce-checkout .woocommerce,
body.page-id-14 .woocommerce {
  width: min(960px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
}

body.woocommerce-checkout form.checkout,
body.page-id-14 form.checkout,
body.page-id-14 form.woocommerce-checkout {
  width: min(760px, 100%) !important;
  margin: 26px auto 76px !important;
  padding: 34px !important;
  border-radius: 30px !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(6, 52, 95, .08) !important;
  box-shadow: 0 28px 84px rgba(6, 52, 95, .11) !important;
}

body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error,
body.page-id-14 .woocommerce-info,
body.page-id-14 .woocommerce-message,
body.page-id-14 .woocommerce-error {
  width: min(760px, 100%) !important;
  margin: 14px auto !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(6, 52, 95, .10) !important;
  border-top: 3px solid #009b62 !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(6, 52, 95, .06) !important;
  color: #06345f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.woocommerce-checkout h3,
body.woocommerce-checkout #order_review_heading,
body.page-id-14 h3,
body.page-id-14 #order_review_heading {
  margin: 0 0 20px !important;
  color: #06345f !important;
  font-size: 27px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
}

body.woocommerce-checkout .form-row,
body.page-id-14 .form-row {
  margin-bottom: 16px !important;
}

body.woocommerce-checkout .form-row label,
body.page-id-14 .form-row label {
  margin-bottom: 7px !important;
  color: #06345f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-selection,
body.page-id-14 input.input-text,
body.page-id-14 textarea,
body.page-id-14 select,
body.page-id-14 .select2-selection {
  min-height: 48px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(6, 52, 95, .14) !important;
  background: #ffffff !important;
  color: #06345f !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

body.woocommerce-checkout textarea,
body.page-id-14 textarea {
  min-height: 96px !important;
  padding: 13px 15px !important;
}

body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus,
body.page-id-14 input.input-text:focus,
body.page-id-14 textarea:focus,
body.page-id-14 select:focus {
  border-color: rgba(0, 155, 98, .72) !important;
  box-shadow: 0 0 0 4px rgba(0, 155, 98, .10) !important;
  outline: none !important;
}

body.woocommerce-checkout #order_review,
body.page-id-14 #order_review,
body.page-id-14 .woocommerce-checkout-review-order {
  margin-top: 28px !important;
  padding: 24px !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%) !important;
  border: 1px solid rgba(6, 52, 95, .08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.woocommerce-checkout table.shop_table,
body.page-id-14 table.shop_table {
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  margin: 0 0 20px !important;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td,
body.page-id-14 table.shop_table th,
body.page-id-14 table.shop_table td {
  border: 0 !important;
  color: #06345f !important;
  font-size: 14px !important;
}

body.woocommerce-checkout table.shop_table .cart_item td,
body.page-id-14 table.shop_table .cart_item td {
  padding: 16px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(6, 52, 95, .06) !important;
}

body.woocommerce-checkout table.shop_table .order-total th,
body.woocommerce-checkout table.shop_table .order-total td,
body.page-id-14 table.shop_table .order-total th,
body.page-id-14 table.shop_table .order-total td {
  padding: 18px 16px !important;
  border-radius: 16px !important;
  background: #06345f !important;
  color: #ffffff !important;
}

body.woocommerce-checkout table.shop_table .order-total strong,
body.woocommerce-checkout table.shop_table .order-total .amount,
body.page-id-14 table.shop_table .order-total strong,
body.page-id-14 table.shop_table .order-total .amount {
  color: #ffffff !important;
  font-size: 22px !important;
}

body.woocommerce-checkout #payment,
body.page-id-14 #payment {
  border-radius: 22px !important;
  background: transparent !important;
}

body.woocommerce-checkout #payment ul.payment_methods,
body.page-id-14 #payment ul.payment_methods {
  padding: 0 !important;
  border: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li,
body.page-id-14 #payment ul.payment_methods li {
  margin: 0 0 12px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid rgba(6, 52, 95, .08) !important;
}

body.woocommerce-checkout #payment div.payment_box,
body.page-id-14 #payment div.payment_box {
  margin: 12px 0 0 !important;
  border-radius: 14px !important;
  background: #f3f8f7 !important;
  color: #49687f !important;
}

body.woocommerce-checkout #payment div.payment_box::before,
body.page-id-14 #payment div.payment_box::before {
  display: none !important;
}

body.woocommerce-checkout #place_order,
body.page-id-14 #place_order {
  width: 100% !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f4b400 !important;
  color: #06345f !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 34px rgba(244, 180, 0, .24) !important;
}

body.woocommerce-checkout #place_order:hover,
body.page-id-14 #place_order:hover {
  background: #ffca2c !important;
  transform: translateY(-1px) !important;
}

body.woocommerce-checkout input[type="checkbox"],
body.woocommerce-checkout input[type="radio"],
body.page-id-14 input[type="checkbox"],
body.page-id-14 input[type="radio"] {
  accent-color: #009b62 !important;
}

@media (max-width: 760px) {
  body.woocommerce-checkout .woocommerce,
  body.page-id-14 .woocommerce {
    width: min(100% - 24px, 960px) !important;
  }

  body.woocommerce-checkout form.checkout,
  body.page-id-14 form.checkout,
  body.page-id-14 form.woocommerce-checkout {
    padding: 22px 16px !important;
    border-radius: 22px !important;
  }

  body.woocommerce-checkout #order_review,
  body.page-id-14 #order_review {
    padding: 16px !important;
  }
}

/* === FLAVONOIDS CHECKOUT MODERN END === */