/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 24 2026 | 23:36:35 */
/* =========================================================
CSS - Zone paiement Viva Wallet (checkout)
V4.1 : REMPLACE la V4 (ou la V3 si la V4 n'a pas ete posee).
V4.1 : phrase de redirection raccourcie + logo Apple Pay
(fichier officiel Apple, integre tel quel, affiche seulement
sur iPhone / iPad / Mac, la ou Apple Pay fonctionne).
- Un seul cadre (plus de carte dans la carte)
- En-tete : cadenas + titre + logos Visa / Mastercard
  (images livrees avec WooCommerce, rien a televerser)
- Triangle gris de WooCommerce supprime
- Encart gris : explication de la redirection vers la page
  de paiement (le texte Viva reste masque, les autres
  passerelles gardent leurs instructions)
- Case CGV / 18 ans alignee (texte en retrait, case 22 px)
- Bouton Payer pleine largeur, cadenas, rouge au survol
- Ligne de reassurance sous le bouton (3D Secure, SSL)
- Ordinateur : logos a droite du titre, sur la meme ligne
Accents et espaces qui suivent un accent dans les textes CSS
en echappement 6 chiffres (\0000e9 = e accent aigu,
\000020 = espace, \0000b7 = point median).
========================================================= */

/* ===== BLOC GLOBAL : un seul cadre ===== */
.woocommerce-checkout #payment {
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 16px !important;
  padding: 18px !important;
  margin: 12px 0 0 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05) !important;
}

/* ===== LISTE DES MOYENS DE PAIEMENT ===== */
.woocommerce-checkout #payment ul.payment_methods {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1.4 !important;
  text-align: left !important;
}
/* un seul moyen de paiement : bouton radio inutile */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:first-child:last-child > input[name="payment_method"] {
  display: none !important;
}

/* ===== EN-TETE : cadenas + titre ===== */
.woocommerce-checkout #payment li.payment_method_vivawallet > label {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #000000 !important;
  text-align: left !important;
  cursor: default !important;
}
.woocommerce-checkout #payment li.payment_method_vivawallet > label::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='11' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3Ccircle cx='12' cy='16' r='1.3' fill='%23000000' stroke='none'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
}
/* logos des cartes acceptees (fichiers fournis par WooCommerce) */
.woocommerce-checkout #payment li.payment_method_vivawallet > label::after {
  content: "" !important;
  display: block !important;
  position: static !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  height: 28px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  background-color: transparent !important;
  background-image:
    url("/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg"),
    url("/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg") !important;
  background-repeat: no-repeat !important;
  background-size: auto 28px, auto 28px !important;
  background-position: 32px 0, 85px 0 !important;
}
/* icones et images ajoutees par Viva : masquees */
.woocommerce-checkout #payment li.payment_method_vivawallet label img,
.woocommerce-checkout #payment li.payment_method_vivawallet label i {
  display: none !important;
}

/* ===== ENCART SOUS L'EN-TETE (toutes passerelles) ===== */
.woocommerce-checkout #payment div.payment_box {
  display: block !important;
  position: static !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 14px 0 0 !important;
  padding: 14px 16px !important;
  background: #f6f6f6 !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #111111 !important;
  text-align: left !important;
}
/* triangle gris dessine par WooCommerce au-dessus de l'encart : supprime */
.woocommerce-checkout #payment div.payment_box::before {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

/* ===== TEXTE VIVA WALLET UNIQUEMENT ===== */
.woocommerce-checkout #payment li.payment_method_vivawallet div.payment_box p {
  display: none !important;
}
.woocommerce-checkout #payment li.payment_method_vivawallet div.payment_box::after {
  content: "Vous serez redirig\0000e9\000020vers la page de paiement s\0000e9curis\0000e9e pour finaliser votre achat.";
  display: block;
  font-size: 14px;
  line-height: 1.55;
  color: #111111;
  font-weight: 500;
}

/* ===== ZONE DE VALIDATION : CGV + bouton ===== */
.woocommerce-checkout #payment div.form-row.place-order {
  margin: 18px 0 0 !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid #ececec !important;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
  margin: 0 0 12px !important;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper p.form-row {
  margin: 0 !important;
  padding: 0 !important;
}
/* case a cocher a gauche, texte en retrait sur toutes ses lignes */
.woocommerce-checkout #payment label.woocommerce-form__label-for-checkbox {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 36px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #111111 !important;
  text-align: left !important;
  cursor: pointer !important;
}
.woocommerce-checkout #payment label.woocommerce-form__label-for-checkbox input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #E0001B !important;
  cursor: pointer !important;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text {
  display: inline !important;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text a {
  color: #111111 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-decoration-color: #E0001B !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}
.woocommerce-checkout #payment label.woocommerce-form__label-for-checkbox .required {
  color: #E0001B !important;
  text-decoration: none !important;
}

/* ===== BOUTON PAYER ===== */
.woocommerce-checkout #payment button#place_order {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  float: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 58px !important;
  margin: 18px 0 0 !important;
  padding: 14px 20px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 14px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.18) !important;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}
.woocommerce-checkout #payment button#place_order::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='11' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}
.woocommerce-checkout #payment button#place_order:hover,
.woocommerce-checkout #payment button#place_order:focus-visible {
  background: #E0001B !important;
  color: #ffffff !important;
}
.woocommerce-checkout #payment button#place_order:active {
  transform: translateY(1px) !important;
}

/* ===== LIGNE DE REASSURANCE SOUS LE BOUTON ===== */
.woocommerce-checkout #payment div.form-row.place-order::after {
  content: "Paiement s\0000e9curis\0000e9\000020\0000b7\0000203D Secure \0000b7\000020SSL";
  display: block;
  margin-top: 12px;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  color: #333333;
}

/* ===== ORDINATEUR : logos a droite du titre, sur la meme ligne ===== */
@media (min-width: 769px) {
  .woocommerce-checkout #payment li.payment_method_vivawallet > label::after {
    flex: 0 0 98px !important;
    width: 98px !important;
    margin: 0 0 0 auto !important;
    background-position: 0 0, 53px 0 !important;
  }
}

/* ===== APPLE PAY : seulement sur les appareils Apple (Safari / WebKit) =====
   Fichier officiel Apple (Apple_Pay_Mark_RGB_041619.svg) integre tel quel,
   meme hauteur que Visa et Mastercard, espace libre conforme (1/4 de la hauteur). */
@supports (-webkit-appearance: -apple-pay-button) {
  .woocommerce-checkout #payment li.payment_method_vivawallet > label::after {
    background-image:
      url("/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/visa.svg"),
      url("/wp-content/plugins/woocommerce/assets/images/icons/credit-cards/mastercard.svg"),
      url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkFydHdvcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNjUuNTIxMDdweCIgaGVpZ2h0PSIxMDUuOTY1MXB4IiB2aWV3Qm94PSIwIDAgMTY1LjUyMTA3IDEwNS45NjUxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNjUuNTIxMDcgMTA1Ljk2NTEiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggaWQ9IlhNTElEXzRfIiBkPSJNMTUwLjY5ODA3LDBIMTQuODIzMThjLTAuNTY1OSwwLTEuMTMyOCwwLTEuNjk3NjksMC4wMDMzYy0wLjQ3NzUxLDAuMDAzNC0wLjk1MzkxLDAuMDA4Ny0xLjQzMDMxLDAuMDIxNwoJCWMtMS4wMzksMC4wMjgxLTIuMDg2OSwwLjA4OTQtMy4xMTI5LDAuMjczOGMtMS4wNDI0LDAuMTg3Ni0yLjAxMjQsMC40OTM2LTIuOTU4NywwLjk3NTQKCQljLTAuOTMwMywwLjQ3MzEtMS43ODIsMS4wOTE5LTIuNTIwMDksMS44MzAzYy0wLjczODQxLDAuNzM4NC0xLjM1NzIxLDEuNTg4Ny0xLjgzMDIxLDIuNTIKCQljLTAuNDgxOSwwLjk0NjMtMC43ODgxLDEuOTE2Ni0wLjk3NDQsMi45NTk4Yy0wLjE4NTM5LDEuMDI2My0wLjI0NzEsMi4wNzQtMC4yNzUxLDMuMTExOQoJCWMtMC4wMTI4LDAuNDc2NC0wLjAxODI5LDAuOTUyOC0wLjAyMTQsMS40MjkxYy0wLjAwMzMsMC41NjYxLTAuMDAyMiwxLjEzMTgtMC4wMDIyLDEuNjk4OVY5MS4xNDIKCQljMCwwLjU2NzEtMC4wMDExLDEuMTMxODEsMC4wMDIyLDEuNjk5MDFjMC4wMDMxMSwwLjQ3NjMsMC4wMDg2LDAuOTUyNywwLjAyMTQsMS40MjkxCgkJYzAuMDI4LDEuMDM2OTksMC4wODk3MSwyLjA4NDY5LDAuMjc1MSwzLjExMDY5YzAuMTg2MywxLjA0MzYsMC40OTI1LDIuMDEzNSwwLjk3NDQsMi45NTk5CgkJYzAuNDczLDAuOTMxMywxLjA5MTgsMS43ODI3LDEuODMwMjEsMi41MmMwLjczODA5LDAuNzM5NiwxLjU4OTc5LDEuMzU4MywyLjUyMDA5LDEuODMwMgoJCWMwLjk0NjMsMC40ODMxLDEuOTE2MywwLjc4OTIsMi45NTg3LDAuOTc2N2MxLjAyNiwwLjE4MzIsMi4wNzM5LDAuMjQ1NiwzLjExMjksMC4yNzM3YzAuNDc2NCwwLjAxMDgsMC45NTI4LDAuMDE3MiwxLjQzMDMxLDAuMDE5NAoJCWMwLjU2NDg5LDAuMDA0NCwxLjEzMTc5LDAuMDA0NCwxLjY5NzY5LDAuMDA0NGgxMzUuODc0ODljMC41NjQ5LDAsMS4xMzE4MSwwLDEuNjk2NTktMC4wMDQ0CgkJYzAuNDc2NDEtMC4wMDIyLDAuOTUyODItMC4wMDg2LDEuNDMxNC0wLjAxOTRjMS4wMzY4LTAuMDI4MSwyLjA4NDUtMC4wOTA1LDMuMTEzMDEtMC4yNzM3CgkJYzEuMDQxLTAuMTg3NSwyLjAxMTItMC40OTM2LDIuOTU3Ni0wLjk3NjdjMC45MzEzLTAuNDcxOSwxLjc4MDUtMS4wOTA2LDIuNTIwMTEtMS44MzAyYzAuNzM3Mi0wLjczNzMsMS4zNTU5OS0xLjU4ODcsMS44MzAyLTIuNTIKCQljMC40ODI5OS0wLjk0NjQsMC43ODg4OS0xLjkxNjMsMC45NzQyOS0yLjk1OTljMC4xODU1LTEuMDI2LDAuMjQ1Ny0yLjA3MzcsMC4yNzM4LTMuMTEwNjkKCQljMC4wMTMtMC40NzY0LDAuMDE5NDEtMC45NTI4LDAuMDIxNjEtMS40MjkxYzAuMDA0MzktMC41NjcyLDAuMDA0MzktMS4xMzE5LDAuMDA0MzktMS42OTkwMVYxNC44MjQyCgkJYzAtMC41NjcxLDAtMS4xMzI4LTAuMDA0MzktMS42OTg5Yy0wLjAwMjItMC40NzYzLTAuMDA4NjEtMC45NTI3LTAuMDIxNjEtMS40MjkxYy0wLjAyODExLTEuMDM3OS0wLjA4ODMtMi4wODU2LTAuMjczOC0zLjExMTkKCQljLTAuMTg1MzktMS4wNDMyLTAuNDkxMy0yLjAxMzUtMC45NzQyOS0yLjk1OThjLTAuNDc0MjEtMC45MzEzLTEuMDkzLTEuNzgxNi0xLjgzMDItMi41MgoJCWMtMC43Mzk2MS0wLjczODQtMS41ODg4MS0xLjM1NzItMi41MjAxMS0xLjgzMDNjLTAuOTQ2NC0wLjQ4MTgtMS45MTY2LTAuNzg3OC0yLjk1NzYtMC45NzU0CgkJYy0xLjAyODUtMC4xODQ0LTIuMDc2Mi0wLjI0NTctMy4xMTMwMS0wLjI3MzhjLTAuNDc4NTgtMC4wMTMtMC45NTQ5OS0wLjAxODMtMS40MzE0LTAuMDIxN0MxNTEuODI5ODgsMCwxNTEuMjYyOTcsMCwxNTAuNjk4MDcsMAoJCUwxNTAuNjk4MDcsMHoiLz4KCTxwYXRoIGlkPSJYTUxJRF8zXyIgZmlsbD0iI0ZGRkZGRiIgZD0iTTE1MC42OTgwNywzLjUzMmwxLjY3MTQ5LDAuMDAzMmMwLjQ1MjgsMC4wMDMyLDAuOTA1NjEsMC4wMDgxLDEuMzYwOTIsMC4wMjA1CgkJYzAuNzkyMDEsMC4wMjE0LDEuNzE4NDksMC4wNjQzLDIuNTgyMDksMC4yMTkxYzAuNzUwNywwLjEzNTIsMS4zODAyOSwwLjM0MDgsMS45ODQ1LDAuNjQ4NAoJCWMwLjU5NjUsMC4zMDMxLDEuMTQzMDEsMC43MDAzLDEuNjIwMTksMS4xNzY4YzAuNDc5LDAuNDc5NywwLjg3NjcxLDEuMDI3MSwxLjE4MzgxLDEuNjMwMgoJCWMwLjMwNTg5LDAuNTk5NSwwLjUxMDE5LDEuMjI2MSwwLjY0NDU5LDEuOTgyM2MwLjE1NDQsMC44NTQyLDAuMTk3MSwxLjc4MzIsMC4yMTg4MSwyLjU4MDEKCQljMC4wMTIxOSwwLjQ0OTgsMC4wMTgxOSwwLjg5OTYsMC4wMjA0LDEuMzYwMWMwLjAwNDI5LDAuNTU2OSwwLjAwNDIsMS4xMTM1LDAuMDA0MiwxLjY3MTVWOTEuMTQyCgkJYzAsMC41NTgsMC4wMDAwOSwxLjExMzYtMC4wMDQzLDEuNjgyNGMtMC4wMDIxMSwwLjQ0OTctMC4wMDgxLDAuODk5NS0wLjAyMDQsMS4zNTAxYy0wLjAyMTYxLDAuNzk1Ny0wLjA2NDMsMS43MjQyLTAuMjIwNiwyLjU4ODUKCQljLTAuMTMyNTEsMC43NDU4LTAuMzM2NywxLjM3MjUtMC42NDQyOSwxLjk3NWMtMC4zMDYyMSwwLjYwMTYtMC43MDMzMSwxLjE0ODQtMS4xODAyMiwxLjYyNTEKCQljLTAuNDc5ODksMC40OC0xLjAyNDYsMC44NzYtMS42MjgxOSwxLjE4MTljLTAuNTk5NywwLjMwNjEtMS4yMjgyMSwwLjUxMTUxLTEuOTcxNTEsMC42NDUzCgkJYy0wLjg4MTA5LDAuMTU3LTEuODQ2MzksMC4yMDAyLTIuNTczMzksMC4yMTk5Yy0wLjQ1NzQsMC4wMTAzLTAuOTEyNiwwLjAxNjQ5LTEuMzc4ODksMC4wMTg3CgkJYy0wLjU1NTcxLDAuMDA0My0xLjExMzQsMC4wMDQyLTEuNjY5MiwwLjAwNDJIMTQuODIzMThjLTAuMDA3NCwwLTAuMDE0NiwwLTAuMDIyMSwwYy0wLjU0OTQsMC0xLjA5OTksMC0xLjY1OTMtMC4wMDQzCgkJYy0wLjQ1NjEtMC4wMDIxMS0wLjkxMTItMC4wMDgyLTEuMzUxMi0wLjAxODJjLTAuNzQzNi0wLjAyMDEtMS43MDk1LTAuMDYzMi0yLjU4MzQtMC4yMTkzCgkJYy0wLjc0OTY5LTAuMTM0OC0xLjM3ODItMC4zNDAyLTEuOTg1OC0wLjY1MDNjLTAuNTk3ODktMC4zMDMyLTEuMTQyMi0wLjY5ODgtMS42MjIzLTEuMTc5NwoJCWMtMC40NzY0LTAuNDc1Ni0wLjg3MjMtMS4wMjA3LTEuMTc4NC0xLjYyMzJjLTAuMzA2NC0wLjYwMTktMC41MTE0LTEuMjMwNS0wLjY0NjE5LTEuOTg1MgoJCWMtMC4xNTU4MS0wLjg2MjYtMC4xOTg2MS0xLjc4NzQtMC4yMi0yLjU3NzdjLTAuMDEyMjEtMC40NTI1LTAuMDE3MzEtMC45MDQ5LTAuMDIwMjEtMS4zNTQ3bC0wLjAwMjItMS4zMjc5bDAuMDAwMS0wLjM1MDZWMTQuODI0MgoJCWwtMC4wMDAxLTAuMzUwNmwwLjAwMjEtMS4zMjUxYzAuMDAzLTAuNDUyNSwwLjAwODEtMC45MDQ5LDAuMDIwMzEtMS4zNTdjMC4wMjEzOS0wLjc5MTEsMC4wNjQxOS0xLjcxNjMsMC4yMjEyOS0yLjU4NjEKCQljMC4xMzM2LTAuNzQ3OSwwLjMzODUtMS4zNzY1LDAuNjQ2NS0xLjk4MTRjMC4zMDM3LTAuNTk3OSwwLjcwMDMtMS4xNDM3LDEuMTc5MjEtMS42MjI1CgkJYzAuNDc3LTAuNDc3MiwxLjAyMzA5LTAuODczOSwxLjYyNDc5LTEuMTc5OWMwLjYwMTEtMC4zMDYxLDEuMjMwOC0wLjUxMTYsMS45ODA1LTAuNjQ2NWMwLjg2MzgtMC4xNTUyLDEuNzkwOS0wLjE5OCwyLjU4NDktMC4yMTk1CgkJYzAuNDUyNi0wLjAxMjMsMC45MDUyLTAuMDE3MiwxLjM1NDQtMC4wMjAzbDEuNjc3MS0wLjAwMzNIMTUwLjY5ODA3Ii8+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTQ1LjE4NjIsMzUuNjQwNTNjMS40MTcyNC0xLjc3MjY2LDIuMzc4OTctNC4xNTI4MiwyLjEyNTMyLTYuNTg1MDZjLTIuMDc0NjQsMC4xMDMxNi00LjYwNjM0LDEuMzY4NzEtNi4wNzIwNywzLjE0Mjc2CgkJCQljLTEuMzE2MDcsMS41MTkyLTIuNDgwOSwzLjk5OTAyLTIuMTc3MjMsNi4zMjkzQzQxLjM5MTExLDM4LjcyOTU0LDQzLjcxNzg1LDM3LjM2MzQ1LDQ1LjE4NjIsMzUuNjQwNTMiLz4KCQkJPHBhdGggZD0iTTQ3LjI4NTA2LDM4Ljk4MjUyYy0zLjM4MjExLTAuMjAxNDYtNi4yNTc3MywxLjkxOTUxLTcuODcyODYsMS45MTk1MWMtMS42MTYwMiwwLTQuMDg5MzEtMS44MTc5OS02Ljc2NDM4LTEuNzY4OTkKCQkJCWMtMy40ODE3NywwLjA1MTE0LTYuNzEyNDUsMi4wMTk3Ni04LjQ3OTMsNS4xNTA3OWMtMy42MzQxMSw2LjI2MzYtMC45NTkwNCwxNS41NTQ3MSwyLjU3NDk0LDIwLjY1NjA2CgkJCQljMS43MTYxOCwyLjUyMzgsMy43ODQ0Nyw1LjMwMjY5LDYuNTA5NzYsNS4yMDI4N2MyLjU3NDk0LTAuMTAxMDQsMy41ODQyMS0xLjY2NzMyLDYuNzE0MTYtMS42NjczMgoJCQkJYzMuMTI3NjUsMCw0LjAzNjc5LDEuNjY3MzIsNi43NjI1MiwxLjYxNjgxYzIuODI2NjUtMC4wNTA1NCw0LjU5MzgxLTIuNTI1MDYsNi4zMDk5Ny01LjA1MTMyCgkJCQljMS45Njg3OC0yLjg3NywyLjc3NDczLTUuNjU0OTgsMi44MjU0Mi01LjgwNzQ4Yy0wLjA1MDctMC4wNTA1MS01LjQ1MDU4LTIuMTIyMDQtNS41MDA2NS04LjMzMzU4CgkJCQljLTAuMDUwOTgtNS4yMDEwMSw0LjIzOTUxLTcuNjc0OSw0LjQ0MTQ0LTcuODI4MzJDNTIuMzgzMiwzOS40ODgxLDQ4LjU5NzUsMzkuMDg0MDQsNDcuMjg1MDYsMzguOTgyNTIiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGQ9Ik03Ni43MzM4NSwzMS45NDM4MWM3LjM1MDk2LDAsMTIuNDY5Nyw1LjA2NzA4LDEyLjQ2OTcsMTIuNDQ0MzdjMCw3LjQwMzYzLTUuMjI0MDcsMTIuNDk3MDQtMTIuNjU0MDMsMTIuNDk3MDRoLTguMTM4OTIKCQkJCXYxMi45NDMxOGgtNS44ODAzN3YtMzcuODg0Nkg3Ni43MzM4NXogTTY4LjQxMDU5LDUxLjk0OTNoNi43NDczMmM1LjExOTc1LDAsOC4wMzM2LTIuNzU2MzYsOC4wMzM2LTcuNTM0NzkKCQkJCWMwLTQuNzc3OTItMi45MTM4NS03LjUwODQ1LTguMDA3MjctNy41MDg0NWgtNi43NzM2NVY1MS45NDkzeiIvPgoJCQk8cGF0aCBkPSJNOTAuNzM5OTcsNjEuOTc4NjRjMC00LjgzMTEsMy43MDE4Mi03Ljc5NzYxLDEwLjI2NTgzLTguMTY1MjZsNy41NjA2MS0wLjQ0NjE0di0yLjEyNjM5CgkJCQljMC0zLjA3MTg1LTIuMDc0MjMtNC45MDk1OS01LjUzOTA1LTQuOTA5NTljLTMuMjgyNTEsMC01LjMzMDQxLDEuNTc0OTItNS44Mjg3MSw0LjA0MzEzaC01LjM1NTc0CgkJCQljMC4zMTQ5OS00Ljk4ODU5LDQuNTY3NzctOC42NjQwNywxMS4zOTQxLTguNjY0MDdjNi42OTQ2NiwwLDEwLjk3Mzc3LDMuNTQ0MzIsMTAuOTczNzcsOS4wODM4OHYxOS4wMzQyMWgtNS40MzQ3MnYtNC41NDE5NAoJCQkJaC0wLjEzMDY1Yy0xLjYwMTI1LDMuMDcxODUtNS4wOTM0MSw1LjAxNDQxLTguNzE2MjMsNS4wMTQ0MUM5NC41MjA3OCw3MC4zMDA4OCw5MC43Mzk5Nyw2Ni45NDAzOCw5MC43Mzk5Nyw2MS45Nzg2NHoKCQkJCSBNMTA4LjU2NjQxLDU5LjQ4NDZ2LTIuMTc5MDVsLTYuOCwwLjQxOTgxYy0zLjM4NjgzLDAuMjM2NDktNS4zMDMwNiwxLjczMjkxLTUuMzAzMDYsNC4wOTU3OQoJCQkJYzAsMi40MTUwNCwxLjk5NTIzLDMuOTkwNDYsNS4wNDA3NSwzLjk5MDQ2QzEwNS40NjgyMyw2NS44MTE2MSwxMDguNTY2NDEsNjMuMDgxMDgsMTA4LjU2NjQxLDU5LjQ4NDZ6Ii8+CgkJCTxwYXRoIGQ9Ik0xMTkuMzQxNjcsNzkuOTg4OXYtNC41OTQ2YzAuNDE5MywwLjEwNDgzLDEuMzY0MjUsMC4xMDQ4MywxLjgzNzIzLDAuMTA0ODNjMi42MjUyLDAsNC4wNDMxMy0xLjEwMjQ1LDQuOTA5MDgtMy45Mzc4CgkJCQljMC0wLjA1MjY3LDAuNDk5MzEtMS42ODAyNSwwLjQ5OTMxLTEuNzA2NThsLTkuOTc2MTYtMjcuNjQ1NjJoNi4xNDI2OGw2Ljk4NDMyLDIyLjQ3MzcxaDAuMTA0MzJsNi45ODQzMy0yMi40NzM3MWg1Ljk4NTcKCQkJCWwtMTAuMzQ0ODMsMjkuMDYzMDRjLTIuMzYxODYsNi42OTUxNy01LjA5MjQsOC44NDc4OS0xMC44MTU3Nyw4Ljg0Nzg5QzEyMS4xNzg5MSw4MC4xMjAwNiwxMTkuNzYwOTgsODAuMDY3MzksMTE5LjM0MTY3LDc5Ljk4ODkKCQkJCXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==") !important;
    background-size: auto 28px, auto 28px, auto 28px !important;
    background-position: 32px 0, 85px 0, 138px 0 !important;
  }
  @media (min-width: 769px) {
    .woocommerce-checkout #payment li.payment_method_vivawallet > label::after {
      flex: 0 0 150px !important;
      width: 150px !important;
      background-position: 0 0, 53px 0, 106px 0 !important;
    }
  }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .woocommerce-checkout #payment {
    padding: 16px !important;
    border-radius: 14px !important;
  }
  .woocommerce-checkout #payment li.payment_method_vivawallet > label {
    font-size: 17px !important;
  }
  .woocommerce-checkout #payment div.payment_box {
    padding: 12px 14px !important;
  }
  .woocommerce-checkout #payment button#place_order {
    min-height: 56px !important;
    font-size: 17px !important;
  }
}