#mychekout {
  padding-top: 100px;
}
.woocommerce-info {
  border-radius: 40px;
  border: none;
  margin: 10px;
  font-family: var(--font-family-02);
}
a.showcoupon {
  color: var(--color-golden-06);
}
.woocommerce-thankyou-order-received {
  text-align: center;
  font-family: var(--font-family-02);
  background: var(--color-box-1);
  padding: 10px;
  border-radius: 20px;
  margin: 39px auto;
  max-width: 650px;
  font-size: var(--font-size-base);
  color: var(--color-golden-08);
}

.woocommerce-order {
  width: 90%;
  margin: 40px auto;
  max-width: 650px;
}
.woocommerce ul.order_details li {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
.woocommerce ul.order_details li p {
  margin-bottom: 0;
  font-size: var(--font-size-base);
  font-family: var(--font-family-02);
  text-transform: capitalize;
  font-weight: 300;
  color: var(--color-02);
}
.woocommerce ul.order_details li strong {
  font-weight: 400;
  color: var(--color-01);
  font-family: var(--font-family-02);
  font-size: var(--font-size-h5-mobile);
}
.order_details {
  display: flex;
  flex-direction: column;
}
.woocommerce ul.order_details li {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.woocommerce-order-details {
  font-family: var(--font-family-02);
}
.woocommerce-order-details__title,
.woocommerce-customer-details h2 {
  font-size: var(--font-size-h1-mobile);
  font-weight: 600;
  color: var(--color-box-3);
}
.woocommerce-table tr {
  display: flex;
  justify-content: space-between;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 9px 0px;
}
section.woocommerce-order-details {
  background: var(--color-grad-1);
  padding: 20px 16px;
  border-radius: 20px;
}
tfoot span.woocommerce-Price-amount,
tbody td.woocommerce-table__product-total {
  font-weight: 300;
}
.product-name a,
.tykcart_subtotal,
.tykorder_total {
  color: var(--color-02);
  font-weight: 300 !important;
}
.woocommerce-customer-details {
  font-family: var(--font-family-02);
}
.billing-address {
  display: flex;
  flex-direction: column;
}
.billing-address > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.woocommerce-customer-details address {
  padding: 0 !important;
}
.woocommerce-customer-details address span {
  color: var(--color-02);
  font-weight: 300 !important;
  margin-bottom: 10px;
}
.em_billing,
.ph_billing {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.em_billing p,
.ph_billing p {
  margin: 0 !important;
}
.woocommerce-customer-details--email {
  margin-bottom: 10px !important;
}
.woocommerce-customer-details--email::before,
.woocommerce-customer-details--phone::before {
  display: none;
}
.checkoutForm {
  padding: 10px;
  width: 90%;
  margin: auto;
  max-width: 1200px;
  font-family: var(--font-family-02);
}
.checkoutForm .checkout {
  padding-top: 25px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.checkoutForm .checkout #customer_details {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  width: 50%;
  background: var(--color-grad-1);
}
.usre {
  width: 35%;
}
#billing_last_name,
#billing_postcode,
#billing_country,
#billing_state,
#billing_first_name,
#select2-billing_country-container,
#billing_address_1,
#billing_address_2,
#billing_city,
#billing_state,
#billing_company,
#billing_phone,
#billing_email,
span.select2-selection {
  border-radius: 20px !important;
  background: var(--color-03) !important;
  color: var(--color-02);
  font-family: var(--font-family-02);
  border: 1px solid #373737 !important;
}
#billing_phone:lang(ar) {
  text-align: right;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  width: 100%;
}
#mychekout .woocommerce ul.order_details li {
  border-left: 0;
}
#billing_last_name_field label,
#billing_first_name_field label,
#billing_address_1_field label,
#billing_address_2_field label,
#billing_city_field label,
#billing_state_field label,
#billing_company_field label,
#order_comments_field label,
#billing_phone_field label,
#billing_email_field label,
#billing_country_field label {
  font-size: var(--font-size-base-mobile);
}
#order_comments {
  width: 100%;
  height: 120px;
  border-radius: 20px !important;
  background: var(--color-03) !important;
  color: var(--color-02);
  font-family: var(--font-family-02);
  border: 1px solid #373737 !important;
}
.col-2 {
  width: 100% !important;
}
/* .usre .woocommerce-checkout-review-order-table td { text-align: left !important} */
h3.head4sg,
#order_review_heading {
  font-family: var(--font-family-02);
  font-size: var(--font-size-h2-mobile);
  font-weight: 500;
  color: var(--color-golden-05);
}
.payment-cards-wrapper {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

/* صندوق البطاقة */
.payment-card-box {
  color: var(--color-01);
  padding: 12px 18px;
  border-radius: 10px;
  cursor: pointer;
  background: var(--color-box-1);
  transition: 0.25s;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 160px;
}

.payment-card-box:hover {
  border-color: #d38ac8;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.payment-radio {
  margin-right: 8px;
}

/* صندوق الوصف الثابت */
.payment-description-fixed-box {
  margin-top: 15px;
  padding: 20px;
  border-radius: 8px;
  background: var(--color-03);
  font-family: var(--font-family-02);
  font-size: var(--font-size-base-mobile);
}

.payment-desc {
  display: none;
}

/* إخفاء الـ input بصريًا لكن تركه متاح للـ screen readers */
.payment-card-box .payment-radio {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* شكل البطاقة العادي */
.payment-card-box {
  border: 1px solid #e5c0e9;
  padding: 12px 18px;
  border-radius: 10px;
  cursor: pointer;
  background: var(--color-03);
  transition: 0.18s;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 160px;
}

/* عند التحويم */
.payment-card-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

/* بطاقة مختارة */
.payment-card-box.selected {
  border-color: #d38ac8;
  box-shadow: 0 8px 24px rgba(211, 138, 200, 0.12);
  outline: 2px solid rgba(211, 138, 200, 0.08);
}

/* بعض تخفيف الهوامش للقائمة */
.payment-cards-wrapper {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
}

.payment-card-box {
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
  font-size: var(--font-size-base-mobile);
}
#jrng {
  display: none !important;
}
.wc-review-order .review-header,
.wc-review-order .review-items .review-item,
.wc-review-order .review-totals .subtotal-row,
.wc-review-order .review-totals .total-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.payment-card-box.selected {
  border-color: #c5a053;
  border-width: 2px; /* background: #fff8e1; */
}
.woocommerce-privacy-policy-text {
  font-family: var(--font-family-01);
  font-size: var(--font-size-base-mobile);
}
#place_order {
  width: 100%;
  background: var(--color-box-3);
  border-radius: 20px;
  font-family: var(--font-family-02);
  font-weight: 400;
  color: #000;
}
.payment-card-icon svg {
  fill: var(--color-01);
  width: 25px;
}
.payment-card-li label.payment-card-box {
  display: flex;
  flex-direction: column-reverse;
  gap: 0;
}
#mychekout .woocommerce-checkout-review-order-table .product-name {
  text-align: left;
}
#payment {
  margin-top: 30px;
}
.woocommerce-order-details .order-details-items {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.order-details-header {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 12px 0;
}
.order-details-header,
.order-details-items > div,
.order-total-row,
.order-note-row {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 12px 0;
}
.woocommerce-order-details .order-total-label,
.woocommerce-order-details .order-details-items a,
#myAcc .billing-address > div span {
  font-size: var(--font-size-base);
  font-family: var(--font-family-02);
  text-transform: capitalize;
  font-weight: 300;
  color: var(--color-02);
}
.backhome {
  display: flex;
  gap: 10px;
  font-family: var(--font-family-02);
}
.backhome a:first-child {
  color: var(--color-02);
  background: var(--color-03);
  padding: 10px;
  border-radius: 11px;
  min-width: 90px;
  text-align: center;
  padding: 8px;
  width: fit-content;
}

.backhome a:last-child {
  color: var(--color-02);
  background: var(--color-box-2);
  border-radius: 12px;
  min-width: 90px;
  text-align: center;
  padding: 8px;
  border: 1px solid var(--color-box-3);
  width: fit-content;
}
.backhome a {
  display: flex;
  align-items: center;
  font-size: var(--font-size-h6);
}
.backhome a svg {
  width: 30px;
  fill: var(--color-01);
  height: 20px;
}

#woocommerce-checkout-form-coupon {
  border: 1px solid var(--color-box-3);
  border-radius: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
}

#coupon_code {
  border-radius: 20px;
  background: var(--color-02);
  border: none;
}
#woocommerce-checkout-form-coupon .form-row-last button {
  border-radius: 20px;
  background: var(--color-box-3);
  border: none;
  color: var(--color-box-1);
  font-family: var(--font-family-01);
}
.woocommerce form .form-row {
  margin: 0 0 0px;
}
@media (max-width: 992px) {
  #jrng {
    display: flex !important;
  }
  .usre {
    width: 40%;
  }
  .checkoutForm .checkout #customer_details {
    width: 55%;
  }
  .checkoutForm {
    width: 95%;
  }
}
@media (max-width: 786px) {
  .woocommerce table.shop_table th {
    text-align: right;
  }
  .usre {
    margin-top: 40px;
  }
  .checkoutForm .checkout {
    flex-direction: column !important;
  }
  .checkoutForm .checkout #customer_details,
  .usre {
    padding: 5px !important;
    width: 100% !important;
  }
  .woocommerce ul.order_details li strong {
    font-size: var(--font-size-base-mobile);
  }
}
@media (max-width: 480px) {
  #woocommerce-checkout-form-coupon {
    flex-direction: column;
  }
  #coupon_code,
  .woocommerce form .form-row,
  #woocommerce-checkout-form-coupon .form-row-last button {
    width: 100% !important;
    font-size: var(--font-size-base-mobile);
  }
  .woocommerce-additional-fields h3 {
    font-size: var(--font-size-base);
    margin-top: 20px;
  }
  #billing_last_name,
  #billing_postcode,
  #billing_country,
  #billing_state,
  #billing_first_name,
  #select2-billing_country-container,
  #billing_address_1,
  #billing_address_2,
  #billing_city,
  #billing_state,
  #billing_company,
  #billing_phone,
  #billing_email,
  span.select2-selection {
    font-size: var(--font-size-base-mobile);
  }
  .woocommerce-checkout #payment ul.payment_methods li {
    width: 100% !important;
    line-height: 1.6 !important;
  }
  #mychekout {
    padding-top: 100px;
  }
  .woocommerce ul.order_details li {
    justify-content: space-between;
  }
}