/* Unified checkout style sheet for gulfcor checkout page — v20260626 */

/* Hide empty payment address section for guests to prevent layout cutting/double card framing */
.is-guest .checkout-section.payment-address,
[class*="is-guest"] .checkout-section.payment-address {
  display: none !important;
}

/* Ensure العنوان الوطني المختصر (Short National Address) is visible; use flex (not block) so the label/input gap matches other fields */
.route-checkout-checkout .checkout-section.section-register .form-group.address-address-1 {
  display: flex !important;
}



/* Style the section titles to match the image precisely */
.route-checkout-checkout .checkout-section .section-title {
  color: #9E213F !important;
  /* Burgundy color */
  font-family: 'Cairo', sans-serif !important;
  font-weight: 500 !important;
  /* Medium */
  font-size: 16px !important;
  /* Mobile/heavily zoomed font-size */
  white-space: normal !important;
  /* Allow normal wrapping to prevent overflow when zoomed or on mobile */
  word-wrap: break-word !important;
  word-break: normal !important;
  padding: 10px !important;
}

.route-checkout-checkout .checkout-section .section-title span,
.route-checkout-checkout .checkout-section .section-title strong {
  color: #9E213F !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  white-space: normal !important;
}

@media only screen and (min-width: 960px) {
  .route-checkout-checkout .checkout-section .section-title {
    font-size: 18px !important;
    /* Medium screen/zoomed desktop font-size */
    padding: 10px !important;
  }

  .route-checkout-checkout .checkout-section .section-title span,
  .route-checkout-checkout .checkout-section .section-title strong {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .route-checkout-checkout .checkout-section .section-title {
    font-size: 18px !important;
    /* Large screen font-size */
    padding: 10px !important;
  }

  .route-checkout-checkout .checkout-section .section-title span,
  .route-checkout-checkout .checkout-section .section-title strong {
    font-size: 18px !important;
  }
}

/* Login section title: 16px */
.route-checkout-checkout .checkout-section.section-login .section-title,
.route-checkout-checkout .checkout-section.section-login .section-title span,
.route-checkout-checkout .checkout-section.section-login .section-title strong {
  font-size: 16px !important;
}

/* Shipping, payment method, payment details, confirm section titles: 16px */
.route-checkout-checkout .section-shipping .section-title,
.route-checkout-checkout .section-shipping .section-title span,
.route-checkout-checkout .section-shipping .section-title strong,
.route-checkout-checkout .section-payment .section-title,
.route-checkout-checkout .section-payment .section-title span,
.route-checkout-checkout .section-payment .section-title strong,
.route-checkout-checkout .checkout-section.checkout-payment-details .section-title,
.route-checkout-checkout .checkout-section.checkout-payment-details .section-title span,
.route-checkout-checkout .checkout-section.checkout-payment-details .section-title strong,
.route-checkout-checkout .checkout-section.confirm-section .section-title,
.route-checkout-checkout .checkout-section.confirm-section .section-title span,
.route-checkout-checkout .checkout-section.confirm-section .section-title strong {
  font-size: 16px !important;
}

/* Section-register title: gray pill header (matches Task_1.jpg) */
.route-checkout-checkout .checkout-section.section-register .section-title {
  font-size: 16px !important;
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
  margin-bottom: 20px !important;
}

/* Keep title on one line at all screen sizes (Arabic / RTL) — match login title size */
.route-checkout-checkout .checkout-section.section-register .section-title strong {
  white-space: normal !important;
  font-size: 16px !important;
}

/* Match login banner height: shrink wrapping span to 16px so line-box = 19.2px (same as section-login) */
.route-checkout-checkout .checkout-section.section-register .section-title span {
  font-size: 16px !important;
}

@media only screen and (min-width: 960px) {
  .route-checkout-checkout .checkout-section.section-register .section-title {
    font-size: 16px !important;
    white-space: nowrap !important;
  }
}

@media only screen and (min-width: 1200px) {
  .route-checkout-checkout .checkout-section.section-register .section-title strong {
    font-size: 16px !important;
  }
}

/* English (non-RTL): make the section-register title fit the box like Login/Register titles */
.route-checkout-checkout .checkout-section.section-register .section-title.section-title-en {
  text-align: left !important;
}

.route-checkout-checkout .checkout-section.section-register .section-title.section-title-en strong {
  white-space: normal !important;
}

/* Webkit browser placeholders (Chrome, Safari, newer Edge) */
.route-checkout-checkout .checkout-section:not(.section-login) .form-control::-webkit-input-placeholder {
  font-size: 12px !important;
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

/* Firefox placeholders */
.route-checkout-checkout .checkout-section:not(.section-login) .form-control::-moz-placeholder {
  font-size: 12px !important;
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

/* Legacy IE/Edge placeholders */
.route-checkout-checkout .checkout-section:not(.section-login) .form-control:-ms-input-placeholder {
  font-size: 12px !important;
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

/* Standard modern placeholders */
.route-checkout-checkout .checkout-section:not(.section-login) .form-control::placeholder {
  font-size: 12px !important;
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

/* Ensure placeholder color persists on focus and does not fade */
.route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus::-webkit-input-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

.route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus::-moz-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

.route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus:-ms-input-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

.route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus::placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  letter-spacing: -0.3px !important;
}

/* (اختياري) beside ايميل: same spec as placeholder, color #66676A */
.route-checkout-checkout .checkout-section.section-register .account-email .control-label span {
  color: #66676A !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

/* (اختياري) beside العنوان الوطني المختصر: same spec as the ايميل (اختياري) above */
.route-checkout-checkout .checkout-section.section-register .address-address-1 .control-label span {
  color: #66676A !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

/* Section-register placeholders: matches Placeholder.png reference — placed after general rules to win cascade */
.route-checkout-checkout .checkout-section.section-register .form-control::-webkit-input-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.route-checkout-checkout .checkout-section.section-register .form-control::-moz-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.route-checkout-checkout .checkout-section.section-register .form-control:-ms-input-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.route-checkout-checkout .checkout-section.section-register .form-control::placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.route-checkout-checkout .checkout-section.section-register .form-control:focus::-webkit-input-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
}
.route-checkout-checkout .checkout-section.section-register .form-control:focus::-moz-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
}
.route-checkout-checkout .checkout-section.section-register .form-control:focus:-ms-input-placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
}
.route-checkout-checkout .checkout-section.section-register .form-control:focus::placeholder {
  color: #e0e0e0 !important;
  opacity: 0.7 !important;
}

/* Set actual typed text color inside the input fields */
.route-checkout-checkout .checkout-section:not(.section-login) .form-control {
  color: #66676A !important;
  font-size: 16px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
  box-sizing: border-box !important;
}

html[dir="rtl"] .route-checkout-checkout .checkout-section:not(.section-login) .form-control {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="ltr"] .route-checkout-checkout .checkout-section:not(.section-login) .form-control {
  direction: ltr !important;
  text-align: left !important;
}

/* Make login/register/guest options horizontal (inline) with perfect alignment and consistent spacing */
.route-checkout-checkout .checkout-section.section-login .login-options {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 10px 15px !important;
  margin: 0 auto 20px auto !important;
  padding-inline-start: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

@media only screen and (max-width: 959px) {
  .route-checkout-checkout .checkout-section.section-login .login-options {
    gap: 16px 24px !important;
    justify-content: flex-start !important;
  }

  .route-checkout-checkout .checkout-section.section-login .login-options .radio {
    padding: 6px 10px !important;
  }
}

@media only screen and (min-width: 960px) {
  .route-checkout-checkout .checkout-section.section-login .login-options {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  html[dir="rtl"] .route-checkout-checkout .checkout-section.section-login .login-options {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
}




.route-checkout-checkout .checkout-section.section-login .login-options .radio {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.route-checkout-checkout .checkout-section.section-login .login-options .radio label,
.route-checkout-checkout .checkout-section.section-login .login-options .radio label * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px !important;
  font-weight: normal !important;
  color: #9E213F !important;
  cursor: pointer !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.route-checkout-checkout .checkout-section.section-login .login-options .radio label input[type="radio"] {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 16px !important;
  height: 16px !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
}

/* English page: login options row spans exactly the width of the grey
   "Login or Register" banner: Login radio at the banner's start, the final
   "t" of Guest at the banner's end (like the Arabic page), one line at all
   sizes. NOTE: the route class lives on <html> itself, so the dir selector
   must be attached (html[dir].route-...), not a descendant. */
html[dir="ltr"].route-checkout-checkout .checkout-section.section-login .login-options {
  width: 100% !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  gap: 0 !important;
  padding: 0 !important;
}

/* Tighten the radio-to-text margin so the three English options fit the
   banner width with visible gaps between them (theme default is 10px) */
html[dir="ltr"].route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .login-options input[type="radio"] {
  margin-inline-end: 4px !important;
}

/* Hide standard validation/instructional texts below input fields to keep area clean (excluding login form) */

.route-checkout-checkout .checkout-section:not(.section-login) .form-group .help-block {
  display: none !important;
}

/* Custom error message style for National Address (address_1) and all validation errors */
.route-checkout-checkout .checkout-section .form-group .text-danger,
.route-checkout-checkout .checkout-section .form-group .text-danger-national,
.route-checkout-checkout .checkout-section .form-group .text-danger.text-danger-national,
.route-checkout-checkout .checkout-section.section-register .form-group .text-danger,
.route-checkout-checkout .checkout-section.section-register .form-group .text-danger-national,
.route-checkout-checkout .checkout-section.address-address-1 .text-danger-national,
.route-checkout-checkout .form-group.address-address-1 .text-danger-national,
.route-checkout-checkout .form-group .text-danger-national,
#input-payment-address-mokhtasar + .text-danger-national {
  display: block !important;
  color: #fe0000 !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: bold !important;
  font-size: 6px !important;
  margin-top: 6px !important;
}

html[dir="rtl"] .route-checkout-checkout .checkout-section .form-group .text-danger,
html[dir="rtl"] .route-checkout-checkout .checkout-section .form-group .text-danger-national {
  text-align: right !important;
}

html[dir="ltr"] .route-checkout-checkout .checkout-section .form-group .text-danger,
html[dir="ltr"] .route-checkout-checkout .checkout-section .form-group .text-danger-national {
  text-align: left !important;
}

/* Fix background container for Personal Info and Shipping Address sections */
.route-checkout-checkout .checkout-section.section-register,
.route-checkout-checkout .checkout-section.shipping-address,
.route-checkout-checkout .checkout-section.payment-address {
  background-color: #fff !important;
  padding: 25px !important;
  border-radius: 10px !important;
  overflow: visible !important;
  height: auto !important;
  display: block !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* Ensure body clears content */
.route-checkout-checkout .checkout-section .section-body {
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

/* Force border red for error states to show example clearly */
.route-checkout-checkout .checkout-section .form-group.has-error input.form-control {
  border-color: #fe0000 !important;
}



/* Prevent word breaking and force (اختياري) to remain intact on a single line */
.route-checkout-checkout .checkout-section .form-group .control-label {
  word-break: keep-all !important;
  word-wrap: normal !important;
}

.route-checkout-checkout .checkout-section .form-group .control-label span {
  white-space: nowrap !important;
}

/* Guest (زائر) form placeholders: 12px */
.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control::-webkit-input-placeholder {
  font-size: 12px !important;
}

.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control::-moz-placeholder {
  font-size: 12px !important;
}

.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control:-ms-input-placeholder {
  font-size: 12px !important;
}

.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control::placeholder {
  font-size: 12px !important;
}

.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus::-webkit-input-placeholder {
  font-size: 12px !important;
}

.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus::-moz-placeholder {
  font-size: 12px !important;
}

.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus:-ms-input-placeholder {
  font-size: 12px !important;
}

.is-guest .route-checkout-checkout .checkout-section:not(.section-login) .form-control:focus::placeholder {
  font-size: 12px !important;
}

/* Styling for 'باقة العروض' module header */
.module-products-1107 .title-main {
  margin-bottom: 30px !important;
  border: none !important;
  display: block !important;
  width: 100% !important;
}

.module-products-1107 .title-main h2.title,
.module-products-1107 .title-main h2.module-title {
  color: #2F2F2F !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 24px !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

/* Styling for category names below the circular images (Module 996) */
.module-categories-996 .caption .name a {
  color: #2F2F2F !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
}

/* Breadcrumb spacing */
.breadcrumb em.fa.fa-home:after,
.breadcrumb em.fa.fa-home::after,
.breadcrumb em.fa-home:after,
.breadcrumb em.fa-home::after {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #9E213F !important;
  opacity: 1 !important;
  display: inline-block !important;
  vertical-align: baseline !important;
  white-space: nowrap !important;
  white-space-collapse: collapse !important;
  width: 40.7812px !important;
  height: 22.89px !important;
  word-break: break-all !important;
  line-height: 22.89px !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

/* Hover style for the word الرئيسية only */
.no-touchevents .breadcrumb li:first-child:hover em.fa-home:after,
.no-touchevents .breadcrumb li:first-child:hover em.fa-home::after,
.breadcrumb li:first-child a:hover em.fa-home:after,
.breadcrumb li:first-child a:hover em.fa-home::after {
  text-decoration: underline dotted !important;
  font-weight: bold !important;
}


.breadcrumb li::before {
  padding: 0px 5px !important;
}

/* Page title text custom styling */
span.page-title-text {
  color: #000000 !important;
  font-size: 16px !important;
  font-family: 'Cairo', sans-serif !important;
  padding: 0px 32px !important;
}

/* Main menu links text custom styling */
.desktop-main-menu-wrapper .main-menu>.j-menu>.menu-item>a>span.links-text {
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-family: 'Cairo', sans-serif !important;
}



/* Display mada logo only for Moyasar payment method using CSS background */
.section-payment input[value="moyasar"]~span:not(.selection-dot),
.section-payment input[value="moyasar"]+span:not(.selection-dot),
label:has(input[value="moyasar"]) span:not(.selection-dot) {
  font-size: 0 !important;
  color: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.section-payment input[value="moyasar"]~span:not(.selection-dot)::before,
.section-payment input[value="moyasar"]+span:not(.selection-dot)::before,
label:has(input[value="moyasar"]) span:not(.selection-dot)::before {
  content: "" !important;
  display: inline-block !important;
  width: 95px !important;
  height: 48px !important;
  background-image: url('/gulfcor/image/catalog/icons/mada_new.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

/* -------------------------------------------------------------
   COMPATIBLE DESIGN FOR BOTH ORIGINAL AND NEW MARKUP
------------------------------------------------------------- */

/* Reset section-body flex layout from Journal */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body {
  display: block !important;
  float: none !important;
}

/* Clear any floats inside section body */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* Define the grid layout with high specificity to override .checkout-section .section-body flex direction */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body,
.payment-methods-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 15px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  direction: rtl !important;
}

/* Define exact grid order for payment methods (RTL: Column 1 is Right, Column 2 is Left) */
.payment-code-moyasar,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="moyasar"]) {
  order: 1 !important; /* Mada (Row 1 Right) */
}
.payment-code-moyasar_apple_pay,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="moyasar_apple_pay"]) {
  order: 2 !important; /* Apple Pay (Row 1 Left) */
}
.payment-code-moyasar_samsung_pay,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="moyasar_samsung_pay"]) {
  order: 3 !important; /* Samsung Pay (Row 2 Right) */
}
.payment-code-moyasar_stc_pay,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="moyasar_stc_pay"]) {
  order: 4 !important; /* stc pay (Row 2 Left) */
}
.payment-code-xpayment2,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="xpayment2"]),
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value*="bank"]) {
  order: 5 !important; /* Bank Transfer (Row 3 Right) */
}
.payment-code-xpayment1,
.payment-code-cod,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="xpayment1"]),
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="cod"]),
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value*="pickup"]) {
  order: 6 !important; /* Attendance / Warehouse (Row 3 Left) */
}
.payment-code-xpayment3,
.payment-code-xpayment,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="xpayment3"]),
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:has(input[value="xpayment"]) {
  order: 7 !important; /* Credit Card / Quote (Row 4 Right) */
}

/* Ensure the grid container itself never gets card styling, borders, backgrounds, or pseudo-elements */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div.payment-methods-grid {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  height: auto !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 15px 0 0 0 !important;
}
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div.payment-methods-grid::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div.payment-methods-grid::after,
.payment-methods-grid::before,
.payment-methods-grid::after {
  display: none !important;
  content: none !important;
}

/* Card item container - strictly excluding grid container */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:not(.payment-methods-grid),
.payment-method-card {
  background: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 0 !important;
  height: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
}

.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:not(.payment-methods-grid):hover,
.payment-method-card:hover {
  border-color: #ccc !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

/* Selected State - Red border & Shadow */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:not(.payment-methods-grid):has(input[type="radio"]:checked),
.payment-method-card.selected {
  border: 2px solid #d32f45 !important; /* Maroon theme color */
  box-shadow: 0 2px 8px rgba(211, 47, 69, 0.12) !important;
}

/* Red selection dot via pseudo element in top-left */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:not(.payment-methods-grid):has(input[type="radio"]:checked)::before,
.payment-method-card.selected::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
  background-color: #d32f45 !important;
  border-radius: 50% !important;
  display: block !important;
  z-index: 10 !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  transform: none !important;
}

/* Hide dot when not selected */
.payment-method-card:not(.selected)::before {
  display: none !important;
}

/* Hide inline selection dot element */
.selection-dot {
  display: none !important;
}

/* Disable all Journal 3 theme radio checkmarks/dots (fixes stretched red ellipse) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body span::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body span::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body .radio::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body .radio::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body input::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body input::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body input[type="radio"] + span::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body input[type="radio"] + span::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body input[type="radio"]:checked + span::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body input[type="radio"]:checked + span::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Label and radio container styling */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body .radio,
.payment-method-label {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 0 !important; /* Keep vertical padding, clear horizontal padding */
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  text-align: center !important;
  text-indent: 0 !important;
  position: relative !important;
}

/* Hide native radio button completely */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body input[type="radio"],
.payment-method-card input[type="radio"] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute !important;
}

/* Content formatting for general spans and titles */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label span:not(.custom-card-text):not(.custom-card-icon),
.payment-method-content span:not(.custom-card-text):not(.custom-card-icon),
.payment-method-content > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  gap: 6px !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 13px !important;
  color: #333 !important;
  font-weight: bold !important;
  font-family: 'Cairo', sans-serif !important;
  padding: 0 !important; /* Clear theme padding */
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  margin: 0 !important; /* Clear theme margins */
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-indent: 0 !important; /* Clear theme text-indent */
  position: relative !important; /* Override theme absolute positioning */
  left: auto !important; /* Reset theme coordinates */
  right: auto !important;
  top: auto !important;
  transform: none !important; /* Reset offsets */
}

/* Centering reset for all card descendants (removes theme offsets/floats) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label *:not(.custom-card-layout):not(.custom-card-text):not(.custom-card-icon) {
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-indent: 0 !important;
  float: none !important;
  position: relative !important; /* Force relative position to override absolute */
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body img,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label img,
.payment-method-card img,
.payment-method-content img {
  max-height: 52px !important;
  max-width: 90% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Hide extra icons that are not part of the main payment logos */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label img:not([src*="apple"]):not([src*="mada"]):not([src*="samsung"]):not([src*="stc"]):not([src*="bank"]):not([src*="box"]):not([src*="logo"]) {
  display: none !important;
}

/* Custom card layout for bank / warehouse inside custom Twig markup */
.custom-card-layout {
  display: flex !important;
  flex-direction: row-reverse !important; /* Icon on the right, text on the left in RTL */
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 10px !important; /* Centered in the box */
}

.custom-card-text {
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #333 !important;
  white-space: nowrap !important;
}

@media only screen and (max-width: 959px) {
  .custom-card-text {
    white-space: normal !important;
  }
}

.custom-card-icon {
  display: inline-block !important;
  width: 60px !important;
  height: 60px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.bank-icon {
  background-image: url('/gulfcor/image/catalog/payment/bank.png') !important;
  width: 45px !important;
  height: 45px !important;
}

.warehouse-icon {
  background-image: url('/gulfcor/image/catalog/payment/box.png') !important;
}

/* Override checkout-merged.css hidden font for moyasar payment method */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body .payment-method-card label > span,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:not(.payment-methods-grid) label > span {
  font-size: 13px !important;
  color: #333 !important;
}

.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body .payment-method-card label > span::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body > div:not(.payment-methods-grid) label > span::before {
  display: none !important;
}


/* =============================================================
   FALLBACK STYLE overrides (If custom Twig is not loaded)
============================================================= */

/* 1. Mada Card text hide for default markup */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="moyasar"]) {
  font-size: 0 !important;
  color: transparent !important;
}

/* 1a. Mada Logo for original markup (No span) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="moyasar"]):not(:has(span))::after {
  content: "" !important;
  display: block !important;
  width: 95px !important;
  height: 48px !important;
  background-image: url('/gulfcor/image/catalog/icons/mada_new.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  margin: 0 auto !important;
}

/* 1b. Mada Logo for custom markup (Has span) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="moyasar"]) span:not(.selection-dot)::before {
  content: "" !important;
  display: block !important;
  width: 95px !important;
  height: 48px !important;
  background-image: url('/gulfcor/image/catalog/icons/mada_new.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  margin: 0 auto !important;
}


/* 2. Bank Transfer Card styling for default markup */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="xpayment2"]),
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value*="bank"]) {
  font-size: 0 !important;
  color: transparent !important;
  display: flex !important;
  flex-direction: row-reverse !important; /* RTL layout: icon on right, text on left */
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 10px !important;
}

/* 2a. Bank Transfer Icon (Original markup fallback) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="xpayment2"]):not(:has(.custom-card-layout))::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value*="bank"]):not(:has(.custom-card-layout))::before {
  content: "" !important;
  display: block !important;
  width: 45px !important;
  height: 45px !important;
  background-image: url('/gulfcor/image/catalog/payment/bank.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 2b. Bank Transfer Text (Original markup fallback) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="xpayment2"]):not(:has(.custom-card-layout))::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value*="bank"]):not(:has(.custom-card-layout))::after {
  content: "تحويل بنكي" !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #333 !important;
  white-space: nowrap !important;
  display: block !important;
}


/* 3. Attendance / Warehouse Card styling for default markup */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="xpayment1"]),
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="cod"]),
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value*="pickup"]) {
  font-size: 0 !important;
  color: transparent !important;
  display: flex !important;
  flex-direction: row-reverse !important; /* RTL layout: icon on right, text on left */
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 10px !important;
}

/* 3a. Attendance Icon (Original markup fallback) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="xpayment1"]):not(:has(.custom-card-layout))::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="cod"]):not(:has(.custom-card-layout))::before,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value*="pickup"]):not(:has(.custom-card-layout))::before {
  content: "" !important;
  display: block !important;
  width: 45px !important;
  height: 45px !important;
  background-image: url('/gulfcor/image/catalog/payment/box.png') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 3b. Attendance Text (Original markup fallback) */
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="xpayment1"]):not(:has(.custom-card-layout))::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value="cod"]):not(:has(.custom-card-layout))::after,
.route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body label:has(input[value*="pickup"]):not(:has(.custom-card-layout))::after {
  content: "الاستلام من المعرض" !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #333 !important;
  white-space: nowrap !important;
  display: block !important;
}

/* ============================================================
   GLOBAL FIXES — overrides for broken absolute paths in
   Journal3 database customCSS (served from Hostinger page cache)
   ============================================================ */

/* Cairo font-face with correct /gulfcor/ paths */
@font-face {
  font-family: 'Cairo';
  src: url('/gulfcor/assets/fonts/Cairo/static/Cairo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('/gulfcor/assets/fonts/Cairo/static/Cairo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('/gulfcor/assets/fonts/Cairo/static/Cairo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cairo';
  src: url('/gulfcor/assets/fonts/Cairo/static/Cairo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Checkmark gif icon — correct path */
.product-info .product-stats .product-stock.in-stock:before {
  content: "" !important;
  background-image: url('/gulfcor/image/check-mark.gif') !important;
  background-size: contain !important;
}

/* Fire gif icon — correct path */
.product-stats .product-sold::before {
  content: "" !important;
  display: inline-block !important;
  height: 24px !important;
  width: 24px !important;
  background-size: contain !important;
  background-image: url('/gulfcor/image/fire.gif') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  margin-left: 3px !important;
  font-weight: bold !important;
} 

/* Responsive Column Width Adjustments */
/* Tablet (768px to 959px) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .route-checkout-checkout .quick-checkout-wrapper > div > .left {
    width: 360px !important;
    flex: 0 0 360px !important;
  }
  .route-checkout-checkout .quick-checkout-wrapper > div > .right {
    width: calc(100% - 360px) !important;
    flex: 1 1 calc(100% - 360px) !important;
    padding-inline-start: 24px !important;
  }
}

/* Desktop (960px and up) */
@media only screen and (min-width: 960px) {
  .route-checkout-checkout .quick-checkout-wrapper > div > .left {
    width: 320px !important;
    flex: 0 0 320px !important;
  }
  .route-checkout-checkout .quick-checkout-wrapper > div > .right {
    width: calc(100% - 320px) !important;
    flex: 1 1 calc(100% - 320px) !important;
    padding-inline-start: 40px !important;
  }
}
/* =============================================================
   SHIPPING METHOD CARDS — v20260705 (mirrors the payment cards)
============================================================= */

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body {
  display: block !important;
  float: none !important;
}

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-methods-list,
.shipping-methods-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 12px !important;
  width: 100% !important;
  direction: rtl !important;
}

/* English (LTR) checkout: options start from the left, so the radio dot leads on the left
   and the price settles on the right (ship-price uses margin-inline-start:auto, which
   flips automatically with direction). route-checkout-checkout lives on <html> itself,
   so it must be chained (no space) for these to out-rank the RTL rules above. */
html[dir="ltr"].route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-methods-list,
html[dir="ltr"] .shipping-methods-list {
  direction: ltr !important;
}

/* English (LTR) checkout: payment grid flows from the left (first option top-left) */
html[dir="ltr"].route-checkout-checkout .quick-checkout-wrapper .checkout-section.section-payment .section-body,
html[dir="ltr"] .payment-methods-grid {
  direction: ltr !important;
}

/* Keep the custom bank/warehouse card's inner look unchanged (text left, icon right):
   row-reverse under RTL renders the same as row under LTR */
html[dir="ltr"] .custom-card-layout {
  flex-direction: row !important;
}

/* Card */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-method-card,
.shipping-method-card {
  background: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 10px !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  overflow: hidden !important;
}

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-method-card:hover,
.shipping-method-card:hover {
  border-color: #cccccc !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Selected: maroon border (padding compensation avoids the 1px size jump) */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-method-card.selected,
.shipping-method-card.selected {
  border: 2px solid #d32f45 !important;
  box-shadow: 0 2px 8px rgba(211, 47, 69, 0.12) !important;
}

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-method-card.selected .shipping-method-label,
.shipping-method-card.selected .shipping-method-label {
  padding: 11px 13px !important;
}

/* Label row: radio (far right in RTL) | logo | title+desc | price (far left) */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-method-label,
.shipping-method-label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  float: none !important;
  text-indent: 0 !important;
  position: relative !important;
  text-align: start !important;
}

/* Custom radio circle */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-radio,
.ship-radio {
  flex: 0 0 25px !important;
  width: 25px !important;
  height: 25px !important;
  border: 2px solid #c9c9c9 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-method-card.selected .ship-radio,
.shipping-method-card.selected .ship-radio {
  border-color: #d32f45 !important;
  background: #d32f45 !important;
  box-shadow: inset 0 0 0 3px #ffffff !important;
}

/* Courier logo square */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-logo,
.ship-logo {
  flex: 0 0 33px !important;
  width: 33px !important;
  height: 33px !important;
  border-radius: 0 !important;
  border: none !important;
  background: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  max-height: none !important;
}

/* Title + subtitle: stretch to the logo's height so the title lines up with its top
   edge and the subtitle lines up with its bottom edge */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-info,
.ship-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-self: stretch !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-title,
.ship-title {
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  color: #222222 !important;
  /* line-height 1 removes the leading so the glyphs hug the logo's top edge */
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-desc,
.ship-desc {
  font-family: 'Cairo', sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  color: #888888 !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Price on the far left (RTL) */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-price,
.ship-price {
  margin-inline-start: auto !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: #222222 !important;
  white-space: nowrap !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

.route-checkout-checkout .quick-checkout-wrapper .section-shipping .ship-price svg,
.ship-price svg {
  vertical-align: middle !important;
  margin-top: 0 !important;
}

/* Oversized-machines halt message */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .shipping-halt-alert,
.shipping-halt-alert {
  background: #fdf3f4 !important;
  border: 1px solid #f0c8cd !important;
  border-radius: 10px !important;
  color: #9E213F !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  line-height: 1.8 !important;
  padding: 14px 16px !important;
  margin-top: 12px !important;
  text-align: center !important;
  direction: rtl !important;
}

/* Kill Journal's native radio pseudo-element artifacts inside this section */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body label::before,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body label::after,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body input::before,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body input::after,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body input[type="radio"] + span::before,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body input[type="radio"] + span::after,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body input[type="radio"]:checked + span::before,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .section-body input[type="radio"]:checked + span::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hide any duplicate logo/desc injected by xshippingpro.min.js */
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .xshippingpro-logo,
.route-checkout-checkout .quick-checkout-wrapper .section-shipping .xshippingpro-desc {
  display: none !important;
}