/* ===================================================================
   PDP · INLINE CHECKOUT — CLEAN (premium, mobile-first)
   Scope: uniquement sur la fiche produit : body.mhgn-inline-checkout-on-pdp
   =================================================================== */

.mhgn-inline-checkout-on-pdp{
  color-scheme: light;

  --mhgn-bg: #ffffff;
  --mhgn-text: #0f172a;
  --mhgn-sub: rgba(15, 23, 42, .62);
  --mhgn-border: rgba(15, 23, 42, .10);

  --mhgn-primary: #4C2D95;
  --mhgn-primary-700: #3B2378;
  --mhgn-primary-soft: rgba(76,45,149,.10);

  --mhgn-success: #16a34a;
  --mhgn-success-soft: rgba(22,163,74,.12);

  --mhgn-shadow-1: 0 18px 40px rgba(15,23,42,.10);
  --mhgn-shadow-2: 0 2px 10px rgba(15,23,42,.06);

  --mhgn-radius: 16px;
}

/* =========================================================
   1) Conteneur (fond blanc, premium)
   ========================================================= */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout{
  background: var(--mhgn-bg);
  color: var(--mhgn-text);

  width: calc(100% - 24px);
  margin: 14px auto 0;

  border: 1px solid var(--mhgn-border);
  border-radius: var(--mhgn-radius);
  box-shadow: var(--mhgn-shadow-1), var(--mhgn-shadow-2);

  padding: 16px;
  overflow: hidden;
}

/* =========================================================
   2) Intro : message + titres de section
   ========================================================= */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__intro{
  margin-bottom: 12px;
}

/* Message d'intro — bandeau premium discret */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__message{
  margin: 0 0 10px;
  padding: 10px 12px;

  border-radius: 12px;
  border: 1px solid rgba(76,45,149,.12);
  background: rgba(76,45,149,.06);

  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
  color: #f97316;

  /* accent gauche élégant (moins agressif) */
  border-left: 3px solid rgba(76,45,149,.45);
}


/* Titres de section — (Méthode de livraison / Informations de livraison) */
.mhgn-inline-checkout-on-pdp .mhgn-section-title{
  margin: 12px 0 8px; /* un peu plus compact */
  padding-left: 10px;

  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;

  color: var(--mhgn-text);
}

/* (optionnel) hook pour variations futures */
.mhgn-inline-checkout-on-pdp .mhgn-title-delivery{}

/* =========================================================
   3) "Livraison gratuite" (coché, comme une option sélectionnée)
   ========================================================= */
/* =========================================================
   Livraison gratuite — alignée EXACTEMENT comme un champ
   ========================================================= */

.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__shipfree{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;

  /* mêmes dimensions que les inputs */
  height: 46px;
  padding: 0 12px 0 58px;

  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  background-color: #fff;

  box-shadow: 0 1px 0 rgba(15,23,42,.02);

  font-size: 15px;
  font-weight: 700;
  color: var(--mhgn-text);
}

/* Segment gauche — conteneur */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__shipfree::before{
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;

  width: 46px;
  height: 44px;

  border-radius: 11px 0 0 11px;
  background-color: rgba(22,163,74,.08);
  box-shadow: inset -1px 0 0 rgba(15,23,42,.10);

  pointer-events: none;
}

/* Pastille cochée — centrée OPTIQUEMENT */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__shipfree-check{
  position: absolute;
  left: 24px;            /* centre horizontal du segment (46 / 2 + 1px) */
  top: 50%;

  transform: translate(-50%, -50%);

  width: 18px;
  height: 18px;
  border-radius: 999px;

  border: 2px solid #16a34a;
  background:
    radial-gradient(circle at 50% 50%, #16a34a 48%, transparent 50%) #fff;

  pointer-events: none;
}


/* Texte principal */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__shipfree-text{
  font-weight: 700;
  font-size: 15px;
}

/* Badge "Gratuit" — compact et aligné */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__shipfree::after{
  content: "Gratuit";
  margin-left: 8px;

  padding: 4px 10px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 800;

  color: var(--mhgn-success);
  background: rgba(22,163,74,.12);
  border: 1px solid rgba(22,163,74,.22);
}

/* =========================================================
   4) Notices Woo / variations (si affichées)
   ========================================================= */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__notice{
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(239,68,68,.22);
  background: rgba(239,68,68,.06);
  color: #991b1b;
  font-size: 13px;
  font-weight: 800;
}

/* =========================================================
   5) Champs — strips + input-group fusionné (source unique)
   ========================================================= */

/* Espace après intro */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__customer{
  margin-top: 10px;
}

/* Labels = strips */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details .form-row label{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;

  margin: 0 0 6px !important;
  padding: 6px 10px;

  border-radius: 999px;
  background: rgba(15,23,42,.04);
  border: 1px solid rgba(15,23,42,.08);

  font-size: 12px;
  font-weight: 900;
  color: rgba(15,23,42,.80);

  width: fit-content;
  max-width: 100%;
}

.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details .form-row label::before{
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  opacity: .75;
  background: no-repeat center / 16px 16px;
}

/* Icônes strips */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="name" i]::before,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="prenom" i]::before,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="first" i]::before,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="last" i]::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>");
}
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="phone" i]::before,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="tel" i]::before,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="t%C3%A9l" i]::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 3 5.18 2 2 0 0 1 5.11 3h3a2 2 0 0 1 2 1.72c.12.86.31 1.7.57 2.5a2 2 0 0 1-.45 2.11L9.09 10.91a16 16 0 0 0 4 4l1.58-1.14a2 2 0 0 1 2.11-.45c.8.26 1.64.45 2.5.57A2 2 0 0 1 22 16.92z'/></svg>");
}
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="address" i]::before,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="quartier" i]::before,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details label[for*="city" i]::before{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 6-9 13-9 13S3 16 3 10a9 9 0 0 1 18 0Z'/><circle cx='12' cy='10' r='3'/></svg>");
}

/* Wrapper champs */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details{
  display: grid;
  text-align: left;
  gap: 12px;
}

/* Chaque rangée */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details .form-row{
  position: relative;
  margin: 0 0 14px !important;
}

/* Champs (input-group) */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
input[type="text"],
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
input[type="email"],
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
input[type="tel"],
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
input[type="password"],
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
select,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
textarea{
  width: 100% !important;
  box-sizing: border-box;

  height: 46px !important;
  padding: 12px 12px 12px 58px !important;

  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 12px !important;

  background-color: #fff !important;
  color: var(--mhgn-text) !important;

  font-size: 15px !important;
  line-height: 1.25 !important;

  box-shadow: 0 1px 0 rgba(15,23,42,.02) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Textarea */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details textarea{
  height: 96px !important;
  resize: vertical;
  padding-top: 12px !important;
}

/* Placeholder */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
input::placeholder,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
textarea::placeholder{
  color: rgba(15,23,42,.38) !important;
}

/* Focus */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
input:focus,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
textarea:focus,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
select:focus{
  outline: none !important;
  border-color: rgba(76,45,149,.55) !important;
  box-shadow: 0 0 0 4px rgba(76,45,149,.14) !important;
}

/* Erreurs Woo */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.woocommerce-invalid input,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.woocommerce-invalid textarea,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.woocommerce-invalid select{
  border-color: rgba(239,68,68,.60) !important;
  box-shadow: 0 0 0 4px rgba(239,68,68,.12) !important;
}

/* Segment icône fusionné */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details .form-row::before{
  content: "";
  position: absolute;

  left: 1px;
  top: 1px;

  width: 46px;
  height: 44px;

  border-radius: 11px 0 0 11px;
  background-color: rgba(15,23,42,.04);
  box-shadow: inset -1px 0 0 rgba(15,23,42,.10);

  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  background-image: var(--icon-url, none);

  pointer-events: none;
}

/* Icônes par type (segment) */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[name*="name" i]),
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[name*="nom" i]){
  --icon-url: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M5.5 21a6.5 6.5 0 0113 0'/%3E%3C/svg%3E");
}
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[type="tel"]),
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[name*="phone" i]),
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[name*="tel" i]){
  --icon-url: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9V21a2 2 0 01-2.18 2A19.8 19.8 0 013 5.18 2 2 0 015 3h4.1a2 2 0 012 1.72c.1.8.3 1.6.6 2.3a2 2 0 01-.45 2.1l-1.8 1.8a16 16 0 006.1 6.1l1.8-1.8a2 2 0 012.1-.45c.7.3 1.5.5 2.3.6A2 2 0 0122 16.9z'/%3E%3C/svg%3E");
}
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[name*="address" i]),
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[name*="adresse" i]),
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout #customer_details
.form-row:has(input[name*="quartier" i]){
  --icon-url: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-7.5 7-12a7 7 0 10-14 0c0 4.5 7 12 7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E");
}

/* =========================================================
   6) Paiement : on garde CGV, on masque la liste des moyens
   ========================================================= */
.mhgn-inline-checkout-on-pdp #payment{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px dashed rgba(15,23,42,.12);
}

.mhgn-inline-checkout-on-pdp #payment .payment_methods,
.mhgn-inline-checkout-on-pdp #payment .wc_payment_methods{
  display: none !important;
}

/* =========================================================
   7) Bouton Commander — centré + pulsation + loading
   ========================================================= */
.mhgn-inline-checkout-on-pdp .place-order{
  margin-top: 14px;
  display: grid;
  place-items: center;
}

.mhgn-inline-checkout-on-pdp #place_order{
  width: min(420px, 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 16px;
  border-radius: 14px;

  background: var(--mhgn-primary);
  border: 1px solid var(--mhgn-primary);
  color: #fff;

  font-size: 16px;
  font-weight: 900;

  box-shadow: 0 14px 28px rgba(76,45,149,.22);
  transition: transform .12s ease, background .15s ease, box-shadow .15s ease;

  -webkit-tap-highlight-color: transparent;

  /* pulsation douce */
  animation: mhgnPulse 1s ease-in-out infinite;
}

.mhgn-inline-checkout-on-pdp #place_order:hover{
  background: var(--mhgn-primary-700);
}

.mhgn-inline-checkout-on-pdp #place_order:active{
  transform: translateY(1px) scale(.99);
  box-shadow: 0 10px 20px rgba(76,45,149,.18);
}

.mhgn-inline-checkout-on-pdp #place_order:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(76,45,149,.18), 0 14px 28px rgba(76,45,149,.22);
}

@keyframes mhgnPulse{
  0%,100%{ transform: translateY(0) scale(1); }
  50%{ transform: translateY(0) scale(1.015); }
}

/* Loading : stop pulse + style stable */
.mhgn-inline-checkout-on-pdp #place_order.is-loading{
  opacity: .85;
  cursor: not-allowed;
  pointer-events: none;

  animation: none !important;
  transform: none !important;
  box-shadow: 0 8px 18px rgba(76,45,149,.18) !important;
}

/* Spinner */
.mhgn-inline-checkout-on-pdp #place_order .mhgn-spinner{
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.35);
  border-top-color: rgba(255,255,255,1);
  display: inline-block;
  margin-right: 10px;
  vertical-align: -2px;
  animation: mhgnSpin .8s linear infinite;
}

@keyframes mhgnSpin{ to{ transform: rotate(360deg); } }

/* Accessibilité */
@media (prefers-reduced-motion: reduce){
  .mhgn-inline-checkout-on-pdp #place_order,
  .mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__shipfree::before,
  .mhgn-inline-checkout-on-pdp #place_order .mhgn-spinner{
    animation: none !important;
  }
}

/* =========================================================
   8) Desktop/tablette : largeur max
   ========================================================= */
@media (min-width: 768px){
  .mhgn-inline-checkout-on-pdp .mhgn-inline-checkout{
    max-width: 620px;
    width: 100%;
    padding: 18px;
    margin: 16px auto 0;
  }
}

/* =========================================================
   Disponibilité livraison — texte simple, accent orange
   ========================================================= */

.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__availability{
  margin: 8px 0 12px; /* proche du bouton, mais respirant */
}

.mhgn-inline-checkout-on-pdp .mhgn-availability{
  display: flex;
  align-items: flex-start;
  gap: 8px;

  font-size: 13px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.35;

  color: #f97316; /* orange (cohérent CTA / livraison) */

  cursor: pointer;
}

/* Checkbox simple, sans surcharge visuelle */
.mhgn-inline-checkout-on-pdp .mhgn-availability input[type="checkbox"]{
  width: 16px;
  height: 16px;
  margin-top: 2px;

  accent-color: #f97316;
  cursor: pointer;
}

/* Texte */
.mhgn-inline-checkout-on-pdp .mhgn-availability__text{
  color: #f97316;
}

/* =========================================================
   Bouton Commander — version verte (cohérente avec livraison)
   ========================================================= */

.mhgn-inline-checkout-on-pdp #place_order{
  background: var(--mhgn-success) !important;
  border-color: var(--mhgn-success) !important;
  color: #fff !important;

  box-shadow: 0 14px 28px rgba(22,163,74,.28);
}

/* Hover */
.mhgn-inline-checkout-on-pdp #place_order:hover{
  background: #15803d !important; /* vert un peu plus foncé */
  box-shadow: 0 16px 32px rgba(22,163,74,.32);
}

/* Active */
.mhgn-inline-checkout-on-pdp #place_order:active{
  transform: translateY(1px) scale(.99);
  box-shadow: 0 10px 20px rgba(22,163,74,.24);
}

/* Focus accessibilité */
.mhgn-inline-checkout-on-pdp #place_order:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 4px rgba(22,163,74,.25),
    0 14px 28px rgba(22,163,74,.28);
}

/* Loading : on garde le vert mais on coupe l'énergie */
.mhgn-inline-checkout-on-pdp #place_order.is-loading{
  background: var(--mhgn-success) !important;
  animation: none !important;
  cursor: not-allowed;
  opacity: .9;
}

/* =========================================================
   Quantité — Champ segmenté premium ( - | input | + )
   ========================================================= */

.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty{
  margin-top: 10px;
  display: grid;
  justify-items: center; /* centre le composant */
}

.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .quantity{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;

  /* le “champ unique” */
  border: 1px solid rgba(15,23,42,.12) !important;
  border-radius: 14px !important;
  background: #fff !important;

  box-shadow: 0 1px 0 rgba(15,23,42,.02) !important;

  overflow: hidden; /* clé : fusion visuelle */
  width: auto !important;
}

/* Boutons - / + intégrés */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .minus,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .plus{
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 46px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 0 !important;
  background: rgba(15,23,42,.03) !important;

  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  padding: 0 !important;
  margin: 0 !important;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* Séparateurs internes (effet segmenté) */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .minus{
  box-shadow: inset -1px 0 0 rgba(15,23,42,.10) !important;
}
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .plus{
  box-shadow: inset 1px 0 0 rgba(15,23,42,.10) !important;
}

/* Input au milieu — sans bordure (il vit dans le groupe) */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .qty-input{
  flex: 0 0 96px !important;
  width: 96px !important;
  height: 46px !important;

  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;

  text-align: center !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: #0f172a !important;

  padding: 0 8px !important;
  margin: 0 !important;
}

/* Hover / active (premium mais discret) */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .minus:hover,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .plus:hover{
  background: rgba(15,23,42,.06) !important;
}
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .minus:active,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .plus:active{
  background: rgba(15,23,42,.08) !important;
}

/* Focus : halo sur le groupe entier quand on tape */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty .quantity:focus-within{
  border-color: rgba(76,45,149,.45) !important;
  box-shadow: 0 0 0 4px rgba(76,45,149,.12) !important;
}

/* Accessibilité : retire les spin buttons natifs */
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty input[type="number"]::-webkit-outer-spin-button,
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.mhgn-inline-checkout-on-pdp .mhgn-inline-checkout__qty input[type="number"]{
  -moz-appearance: textfield;
}