@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=DM+Sans:wght@400;500;600;700&family=EB+Garamond:ital,wght@0,500;1,500&display=swap");
/* ==========================================================================
   Argo – My Account, "Mythos" look
   DESIGN ONLY. No PHP logic, no forms, no API or plugin code is touched.
   Everything is scoped under body.argo-mx, so removing that body class
   (or this file) brings back the previous look instantly.
   Loads AFTER argo-account.css.
   ========================================================================== */

/* ---------- 0. Palette: re-skin everything argo-account.css already styles ---------- */
body.argo-mx {
  --argo-plum: #2a141c;
  --argo-peach: #dd527e;        /* accent / hover */
  --argo-soft-peach: #f2a0c0;   /* pink */
  --argo-cream: #fdf0e3;
  --argo-blush: #fffaf5;        /* paper */
  --argo-field: #fffaf5;
  --argo-border: rgba(42, 20, 28, 0.18);
  --argo-muted: #6b4452;
  --argo-radius-panel: 28px;

  --mx-plum: #2a141c;
  --mx-cream: #fdf0e3;
  --mx-pink: #f2a0c0;
  --mx-rasp: #dd527e;
  --mx-berry: #a8325a;
  --mx-soft: #f9d3e1;
  --mx-paper: #fffaf5;
  --mx-muted: #6b4452;
  --mx-blush: #ebcfd9;
  --mx-serif: "Cormorant Garamond", Georgia, serif;
  --mx-cinzel: "Cinzel", Georgia, serif;
  --mx-sans: "DM Sans", system-ui, sans-serif;

  background: var(--mx-cream);
  font-family: var(--mx-sans);
}
html:has(body.argo-mx) { background: #fdf0e3; }

/* ---------- 1. Page shell (logged in) ---------- */
body.argo-mx.woocommerce-account.logged-in .section_wrap.info-page {
  background: var(--mx-cream);
  padding-top: clamp(7rem, 12vw, 9.5rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}
body.argo-mx.woocommerce-account.logged-in .section_wrap.info-page .container,
body.argo-mx.woocommerce-account.logged-in .section_wrap.info-page .container-fluid { max-width: 1180px; }

/* the old "My account" page title is replaced by the profile card; keep it for screen readers */
body.argo-mx.woocommerce-account.logged-in .section_wrap.info-page .page-title {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* two columns: [profile + menu] [content] */
body.argo-mx.woocommerce-account.logged-in .woocommerce {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  column-gap: 36px;
  align-items: start;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; grid-row: 1; }
body.argo-mx.woocommerce-account.logged-in .woocommerce > .argo-mx-profile { grid-column: 1; grid-row: 2; }
body.argo-mx.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 3; }
body.argo-mx.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; grid-row: 2 / span 2; min-width: 0; width: auto; float: none; }
/* if WooCommerce's float layout is on, neutralise it */
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content { float: none; width: auto; }

/* ---------- 2. Profile card + menu (one joined card) ---------- */
body.argo-mx.woocommerce-account .argo-mx-profile {
  display: flex; align-items: center; gap: 14px;
  background: var(--mx-paper);
  border: 1.5px solid var(--mx-plum);
  border-bottom: 0;
  border-radius: 28px 28px 0 0;
  padding: 24px 24px 16px;
}
body.argo-mx.woocommerce-account .argo-mx-profile__avatar {
  flex: 0 0 auto; width: 56px; height: 56px; border-radius: 50%;
  background: var(--mx-pink); border: 1.5px solid var(--mx-plum);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--mx-cinzel); font-weight: 700; font-size: 22px; color: var(--mx-plum);
}
body.argo-mx.woocommerce-account .argo-mx-profile__text { min-width: 0; }
body.argo-mx.woocommerce-account .argo-mx-profile__name {
  display: block; font-family: var(--mx-serif); font-weight: 700; font-size: 24px;
  line-height: 1.1; color: var(--mx-plum);
}
body.argo-mx.woocommerce-account .argo-mx-profile__mail {
  display: block; font-size: 13px; color: var(--mx-muted); overflow-wrap: anywhere;
}

body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  background: var(--mx-paper);
  border: 1.5px solid var(--mx-plum);
  border-top: 0;
  border-radius: 0 0 28px 28px;
  padding: 4px 24px 24px;
  margin: 0;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { width: 100%; padding: 0; border: 0; }
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 16px; border-radius: 999px;
  font-family: var(--mx-sans); font-size: 15px; font-weight: 500; line-height: 1.3;
  color: var(--mx-plum); text-decoration: none;
  transition: background-color .18s ease;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a:hover { background: var(--mx-soft); color: var(--mx-plum); }
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a { background: var(--mx-pink); font-weight: 700; color: var(--mx-plum); }

/* icons (drawn with CSS, take the text colour) */
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a::before {
  content: ""; display: block !important; flex: 0 0 auto; width: 20px; height: 20px;
  background: currentColor; position: static;
  -webkit-mask: var(--mx-ico) center / contain no-repeat; mask: var(--mx-ico) center / contain no-repeat;
}
body.argo-mx.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a { --mx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E"); }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-navigation-link--rewards-points a { --mx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13v4a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V9z'/%3E%3Cpath d='M17 10h1.5a2.5 2.5 0 0 1 0 5H17'/%3E%3Cpath d='M8 4v2M12 4v2'/%3E%3C/svg%3E"); }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-gift-cards a { --mx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='5' rx='1.5'/%3E%3Cpath d='M5 13v7h14v-7M12 8v12'/%3E%3Cpath d='M12 8c-1-3-5-4-5-1.5S10 8 12 8zM12 8c1-3 5-4 5-1.5S14 8 12 8z'/%3E%3C/svg%3E"); }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a { --mx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8'/%3E%3C/svg%3E"); }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a { --mx-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E"); }
/* logout sits apart, quieter */
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--mx-blush);
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--mx-muted); }
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { color: var(--mx-berry); background: transparent; }

/* ---------- 3. Content area basics ---------- */
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  background: transparent; font-family: var(--mx-sans); color: var(--mx-plum);
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content > *:not(:last-child) { margin-bottom: 28px; }
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content :where(a) { color: var(--mx-plum); font-weight: 600; }
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content :where(p) { color: var(--mx-muted); }

/* shared "eyebrow + big title + intro" heading block */
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__eyebrow,
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__eyebrow,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__eyebrow {
  margin: 0 0 10px; font-family: var(--mx-cinzel); font-weight: 600; font-size: 13px;
  letter-spacing: .22em; text-transform: uppercase; color: var(--mx-berry);
}
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__title,
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__title,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__title {
  margin: 0; font-family: var(--mx-serif); font-weight: 600; letter-spacing: -.01em;
  font-size: clamp(2.6rem, 5vw, 3.75rem); line-height: 1; color: var(--mx-plum);
}
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__title em,
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__title em,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__title em { font-style: italic; color: var(--mx-rasp); }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__intro,
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__intro,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__intro {
  margin: 14px 0 0; max-width: 600px; font-size: 18px; line-height: 1.6; color: var(--mx-muted);
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__header,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__header { margin-bottom: 28px; }

/* shared buttons */
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .btnPrime,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Button,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .innr_btn.offr_btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 24px; border-radius: 999px;
  background: var(--mx-plum); color: var(--mx-cream) !important;
  border: 1.5px solid var(--mx-plum); box-shadow: 3px 3px 0 var(--mx-rasp);
  font-family: var(--mx-sans); font-weight: 700; font-size: 15px; line-height: 1.2;
  text-decoration: none; cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .btnPrime:hover,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Button:hover,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button:hover,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .innr_btn.offr_btn:hover {
  transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--mx-rasp); background: var(--mx-plum);
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .btnPrime.btn-border {
  background: transparent; color: var(--mx-plum) !important; box-shadow: none;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .btnPrime.btn-border:hover { background: var(--mx-soft); transform: none; box-shadow: none; }
body.argo-mx.woocommerce-account .btnPrime:focus-visible,
body.argo-mx.woocommerce-account .woocommerce-Button:focus-visible,
body.argo-mx.woocommerce-account a:focus-visible,
body.argo-mx.woocommerce-account button:focus-visible { outline: 3px solid var(--mx-rasp); outline-offset: 3px; }

/* ---------- 4. Overview (dashboard) ---------- */
body.argo-mx.woocommerce-account .argo-account-dashboard { display: flex; flex-direction: column; gap: 0; }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__cards {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 32px;
}
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card {
  display: flex; flex-direction: column; gap: 10px; text-decoration: none;
  background: var(--mx-soft); border: 1.5px solid var(--mx-plum); border-radius: 28px;
  padding: 32px; min-height: 220px; color: var(--mx-plum);
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow: 4px 4px 0 var(--mx-plum);
}
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card:nth-child(2) { background: var(--mx-plum); color: var(--mx-cream); }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card:hover { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card-title {
  font-family: var(--mx-serif); font-weight: 600; font-size: 38px; line-height: 1.05; color: inherit;
}
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card-text { font-size: 16px; line-height: 1.55; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card:nth-child(2) .argo-account-dashboard__card-text { color: var(--mx-blush); }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card-cta {
  margin-top: auto; font-weight: 700; font-size: 15px; color: var(--mx-berry);
  text-decoration: underline; text-underline-offset: 4px;
}
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card:nth-child(2) .argo-account-dashboard__card-cta { color: var(--mx-pink); }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__details { margin: 28px 0 0; }
body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__details a { color: var(--mx-berry); text-decoration: underline; text-underline-offset: 4px; font-weight: 600; }

/* ---------- 5. Rewards ---------- */
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 28px; }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card {
  display: flex; flex-direction: column; gap: 8px; padding: 28px 32px;
  border: 1.5px solid var(--mx-plum); border-radius: 28px; background: var(--mx-soft); color: var(--mx-plum);
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card--coffees { background: var(--mx-plum); color: var(--mx-cream); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card-label {
  margin: 0; font-family: var(--mx-cinzel); font-weight: 600; font-size: 13px;
  letter-spacing: .22em; text-transform: uppercase; color: var(--mx-berry);
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card--coffees .argo-rewards__card-label { color: var(--mx-pink); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card-value {
  margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 72px; line-height: .95; color: inherit;
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card-hint { margin: 0; font-size: 15px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card--coffees .argo-rewards__card-hint { color: var(--mx-blush); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card-unavailable { margin: 0; font-size: 16px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card--coffees .argo-rewards__card-unavailable { color: var(--mx-blush); }

body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps {
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 28px;
  padding: 32px; display: flex; flex-direction: column; gap: 18px;
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps-title { margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 34px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps-count { margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 44px; line-height: 1; color: var(--mx-rasp); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps-balance { margin: 0; font-size: 16px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps-progress { margin: 0; font-size: 17px; font-weight: 600; color: var(--mx-plum) !important; }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps-needed { margin: 0; font-size: 16px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamp-slots {
  list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; counter-reset: mxstamp;
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamp-slot {
  counter-increment: mxstamp; position: relative; width: 64px; height: 64px; margin: 0; padding: 0;
  border-radius: 50%; border: 1.5px dashed var(--mx-muted); background: transparent; color: var(--mx-muted);
  display: flex; align-items: center; justify-content: center; list-style: none;
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamp-slot::after { content: counter(mxstamp); font-size: 14px; font-weight: 600; }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamp-slot--filled { background: var(--mx-pink); border: 1.5px solid var(--mx-plum); color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamp-slot--filled::after {
  content: ""; width: 30px; height: 30px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13v4a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V9z'/%3E%3Cpath d='M17 10h1.5a2.5 2.5 0 0 1 0 5H17'/%3E%3Cpath d='M8 4v2M12 4v2'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13v4a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V9z'/%3E%3Cpath d='M17 10h1.5a2.5 2.5 0 0 1 0 5H17'/%3E%3Cpath d='M8 4v2M12 4v2'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamp-slot-mark { display: none; }
body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__redeem-note {
  margin: 0; background: var(--mx-soft); border-radius: 20px; padding: 16px 20px;
  font-size: 15px; line-height: 1.5; color: var(--mx-plum) !important;
}

/* ---------- 6. Gift cards ---------- */
body.argo-mx.woocommerce-account .argo-gift-cards { display: flex; flex-direction: column; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--main {
  background: var(--mx-soft); border: 1.5px solid var(--mx-plum); border-radius: 28px;
  padding: 36px; margin-bottom: 28px;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 28px; row-gap: 8px; align-items: center;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance > * { grid-column: 1; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance-label {
  margin: 0; font-family: var(--mx-cinzel); font-weight: 600; font-size: 13px;
  letter-spacing: .22em; text-transform: uppercase; color: var(--mx-berry);
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance-value { margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: clamp(3.5rem, 7vw, 5rem); line-height: .95; color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance-value .woocommerce-Price-amount,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance-value bdi { color: inherit; font: inherit; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance-hint { margin: 0; font-size: 15px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__actions {
  grid-column: 2; grid-row: 1 / span 4; display: flex; flex-direction: column; gap: 14px; min-width: 220px;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__actions .btnPrime { width: 100%; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__saved-link-wrap { margin: 8px 0 0; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__saved-link { color: var(--mx-berry) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/* "My cards" list panel (shown by the existing script) */
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--cards {
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 28px;
  padding: 28px 32px; margin-bottom: 28px;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel-title { margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 30px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__back-btn {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; border-radius: 999px;
  border: 1.5px solid var(--mx-plum); color: var(--mx-plum) !important; font-weight: 700; font-size: 14px; text-decoration: none;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__back-btn:hover { background: var(--mx-soft); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__card-item { margin-bottom: 14px; }
body.argo-mx.woocommerce-account .argo-gift-cards .gift-card-balance-box-cont {
  background: var(--mx-cream); border: 1.5px solid var(--mx-plum); border-radius: 20px; padding: 20px 24px;
}
body.argo-mx.woocommerce-account .argo-gift-cards .gift-card-balance-box-left h6 { margin: 0 0 4px; font-size: 13px; color: var(--mx-berry); }
body.argo-mx.woocommerce-account .argo-gift-cards .gift-card-balance-box-left h2 { margin: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 40px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-gift-cards .gift-card-balance-box-left p { margin: 4px 0 0; font-size: 14px; letter-spacing: .06em; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__empty { margin: 0 0 18px; color: var(--mx-muted); }

/* ---- "Add a gift card": opens as a pop-up (the existing script still shows/hides it) ---- */
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add {
  position: fixed; z-index: 2147483000;
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: min(92vw, 520px); max-height: 90vh; overflow: auto; box-sizing: border-box;
  margin: 0; padding: 32px;
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 28px;
  box-shadow: 0 0 0 100vmax rgba(42, 20, 28, .58), 6px 6px 0 var(--mx-rasp);
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add .argo-gift-cards__panel-head { margin-bottom: 8px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add .argo-gift-cards__panel-title { font-size: 34px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add .argo-gift-cards__back-btn { font-size: 0; width: 44px; height: 44px; padding: 0; justify-content: center; position: relative; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add .argo-gift-cards__back-btn::before {
  content: "\00d7"; font-size: 28px; line-height: 1; color: var(--mx-plum);
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__add-body p { font-size: 15px; line-height: 1.6; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__add-body .form-group { margin: 14px 0 18px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__add-body label { display: block; margin: 0 0 8px; font-weight: 700; font-size: 14px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__add-body #gift-card-code {
  width: 100%; box-sizing: border-box; min-height: 54px; padding: 0 20px; border-radius: 999px;
  border: 1.5px solid var(--mx-plum); background: #fff; color: var(--mx-plum);
  font-family: var(--mx-sans); font-size: 17px; letter-spacing: .08em;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__add-body #gift-card-code:focus { outline: 3px solid var(--mx-pink); outline-offset: 2px; border-color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__add-body .add_offr_btn { width: 100%; }
body.argo-mx.woocommerce-account #message_show { display: block; }
body.argo-mx.woocommerce-account #message_show:not(:empty) { margin: 6px 0 4px; }
body.argo-mx.woocommerce-account #message_show .error_message,
body.argo-mx.woocommerce-account #message_show .success_message {
  display: block; padding: 12px 18px; border-radius: 16px; font-size: 15px; font-weight: 600; line-height: 1.45;
}
body.argo-mx.woocommerce-account #message_show .error_message { background: #fde7ee; color: var(--mx-berry); border: 1.5px solid var(--mx-berry); }
body.argo-mx.woocommerce-account #message_show .success_message { background: #e6f3e2; color: #2d5a27; border: 1.5px solid #2d5a27; }

/* ---- Purchase history ---- */
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history {
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 28px; padding: 0;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 28px 32px;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-summary::-webkit-details-marker { display: none; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-summary-text { display: flex; flex-direction: column; gap: 4px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-title { font-family: var(--mx-serif); font-weight: 600; font-size: 30px; color: var(--mx-plum); line-height: 1.1; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-lede { font-size: 15px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-chevron {
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--mx-plum); position: relative; background: transparent;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-chevron::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -7px 0 0 -5px;
  border-right: 2px solid var(--mx-plum); border-bottom: 2px solid var(--mx-plum); transform: rotate(45deg); transition: transform .2s ease;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history[open] .argo-gift-cards__history-chevron::after { transform: rotate(-135deg); margin-top: -3px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-body { padding: 0 32px 28px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-intro,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-note { font-size: 14px; line-height: 1.6; color: var(--mx-muted); margin: 0 0 12px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-list { list-style: none; margin: 0; padding: 0; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-item {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;
  padding: 18px 0; border-top: 1px solid var(--mx-blush); background: transparent; border-radius: 0;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-date { margin: 0; font-weight: 700; font-size: 16px; color: var(--mx-plum) !important; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-order { margin: 0; font-size: 14px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-amount { text-align: right; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-amount-label { margin: 0; font-size: 13px; color: var(--mx-muted); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-amount-value { margin: 0; font-family: var(--mx-serif); font-weight: 700; font-size: 26px; line-height: 1.1; color: var(--mx-plum) !important; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-status { margin: 0; font-size: 13px; font-weight: 600; color: var(--mx-berry) !important; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-empty { margin: 8px 0 8px; font-weight: 600; color: var(--mx-plum); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-link {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 999px;
  border: 1.5px solid var(--mx-plum); color: var(--mx-plum); font-weight: 700; font-size: 15px; text-decoration: none;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-link:hover { background: var(--mx-soft); }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-continue { margin: 16px 0 8px; }

/* ---------- 7. Orders / view order (existing templates) ---------- */
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .my-order-wrap,
body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .view-order-wrap {
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 28px; padding: 32px;
}
body.argo-mx.woocommerce-account.logged-in .order-title-wrap h4 { font-family: var(--mx-serif); font-weight: 600; font-size: 34px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account.logged-in .view-order-main,
body.argo-mx.woocommerce-account.logged-in .order_card { background: #fff; border: 1.5px solid var(--mx-plum); border-radius: 22px; box-shadow: none; }
body.argo-mx.woocommerce-account.logged-in .view-order-title h5 { font-family: var(--mx-serif); font-weight: 700; font-size: 30px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account.logged-in .view-order-title p { color: var(--mx-berry); font-weight: 600; }
body.argo-mx.woocommerce-account.logged-in .payment-info-wrap { border-top: 1px solid var(--mx-blush); padding-top: 18px; }
body.argo-mx.woocommerce-account.logged-in .payment-info-wrap h5 { font-family: var(--mx-serif); font-weight: 700; font-size: 34px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account.logged-in .repeat-order-wrap .btnPrime { width: auto; min-width: 240px; padding: 0 28px !important; margin: 22px 0 0 !important; }
body.argo-mx.woocommerce-account.logged-in .repeat-order-wrap .get-help { display: inline-block; margin: 14px 0 0 18px; color: var(--mx-berry); }
body.argo-mx.woocommerce-account.logged-in .order_card .innr_btn.dlt_txt {
  border: 1.5px solid var(--mx-plum); border-radius: 999px; background: transparent; color: var(--mx-plum); padding: 8px 20px; font-weight: 700; text-decoration: none;
}
body.argo-mx.woocommerce-account.logged-in .order_card .innr_btn.dlt_txt:hover { background: var(--mx-soft); }

/* ---------- 8. Account details form (WooCommerce default form) ---------- */
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm {
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 28px; padding: 36px;
  display: flex; flex-wrap: wrap; gap: 0 20px;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm > * { flex: 0 0 100%; }
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row-first,
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row-last { flex: 1 1 calc(50% - 10px); width: auto; float: none; min-width: 220px; }
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm .form-row { margin: 0 0 20px; padding: 0; }
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm label { display: block; margin: 0 0 8px; font-weight: 700; font-size: 14px; color: var(--mx-plum); }
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row input.input-text,
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row input[type="text"],
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row input[type="email"],
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row input[type="password"],
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row input[type="tel"],
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row select {
  width: 100%; box-sizing: border-box; min-height: 52px; padding: 0 20px; border-radius: 999px;
  border: 1.5px solid var(--mx-plum); background: #fff; color: var(--mx-plum); font-family: var(--mx-sans); font-size: 16px; box-shadow: none;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row input:focus,
body.argo-mx.woocommerce-account.logged-in .woocommerce form .form-row select:focus { outline: 3px solid var(--mx-pink); outline-offset: 2px; border-color: var(--mx-plum); }
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm em { display: block; margin-top: 6px; font-size: 13px; font-style: normal; color: var(--mx-muted); }
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset { border: 0; margin: 12px 0 0; padding: 24px 0 0; border-top: 1px solid var(--mx-blush); }
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm fieldset legend {
  font-family: var(--mx-serif); font-weight: 600; font-size: 28px; color: var(--mx-plum); padding: 0; margin: 0 0 16px; width: auto;
}
body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm .woocommerce-Button { min-width: 200px; }

/* delete-account button that sits at the end of the form (existing markup) */
body.argo-mx.woocommerce-account.logged-in #delete-account-btn {
  margin-top: 28px; align-self: flex-start; flex: 0 0 auto;
  background: transparent; color: var(--mx-berry) !important; border: 1.5px dashed var(--mx-berry);
  box-shadow: none; min-height: 46px; padding: 0 22px; border-radius: 999px; font-weight: 700; text-decoration: none;
  display: inline-flex; align-items: center;
}
body.argo-mx.woocommerce-account.logged-in #delete-account-btn:hover { background: #fde7ee; transform: none; box-shadow: none; }

/* ---------- 9. Pop-ups: logout + delete account (Bootstrap modals already on the page) ---------- */
body.argo-mx.woocommerce-account #logout-btn-modal .modal-content,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-content {
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 28px; box-shadow: 6px 6px 0 var(--mx-rasp); overflow: hidden;
}
body.argo-mx.woocommerce-account #logout-btn-modal .modal-header { border: 0; padding: 14px 16px 0; background: transparent; }
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body { padding: 24px 32px 32px; text-align: left; }
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body h2,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body h2 {
  font-family: var(--mx-serif); font-weight: 600; font-size: 36px; line-height: 1.05; color: var(--mx-plum); margin: 0 0 10px;
}
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body p,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body p { font-size: 16px; line-height: 1.6; color: var(--mx-muted); }
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body > div,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body > div:last-child { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
body.argo-mx.woocommerce-account #logout-btn-modal .btn,
body.argo-mx.woocommerce-account #delete-account-btn-modal .btn {
  min-height: 48px; padding: 0 24px; border-radius: 999px; font-family: var(--mx-sans); font-weight: 700; font-size: 15px; border: 1.5px solid var(--mx-plum);
  margin: 0; width: auto; box-shadow: none;
}
body.argo-mx.woocommerce-account #logout-btn-modal .confirm-logout { background: var(--mx-plum); color: var(--mx-cream); box-shadow: 3px 3px 0 var(--mx-rasp); }
body.argo-mx.woocommerce-account #delete-account-btn-modal .delete-account-confirm { background: var(--mx-berry); border-color: var(--mx-berry); color: var(--mx-cream); }
body.argo-mx.woocommerce-account #logout-btn-modal .cancel-logout,
body.argo-mx.woocommerce-account #delete-account-btn-modal .delete-account-cancel { background: transparent; color: var(--mx-plum); }
body.argo-mx.woocommerce-account #logout-btn-modal .cancel-logout:hover,
body.argo-mx.woocommerce-account #delete-account-btn-modal .delete-account-cancel:hover { background: var(--mx-soft); }
body.argo-mx.woocommerce-account .modal-backdrop.show { background: #2a141c; opacity: .58; }

/* ---------- 10. Logged out: log in, register, lost password, reset password ----------
   Same markup as before, new look. Only looks are changed: no form, field name,
   nonce, plugin button or link is touched. "body.argo-mx.argo-mx:not(.logged-in) .register-cont" below is the page scope. */

/* page + two columns: dark panel (added by the JS file) | form card */
body.argo-mx.argo-mx:not(.logged-in) .register-cont { background: var(--mx-cream); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .container { max-width: 1180px; padding-left: 32px; padding-right: 32px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .row { display: flex; flex-wrap: wrap-reverse; align-items: stretch; gap: 28px; margin-left: 0; margin-right: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .row > .argo-auth-left { flex: 1 1 400px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .row > .argo-auth-right { flex: 1 1 460px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .row > [class*="col-"] { flex: 1 1 400px; width: auto; max-width: none; min-width: 0; padding-left: 0; padding-right: 0; display: flex; flex-direction: column; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .suggest-product-img { display: none !important; }

/* dark panel */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside {
  flex: 1 1 auto; position: relative; overflow: hidden; box-sizing: border-box;
  display: flex; flex-direction: column; gap: 22px;
  background: var(--mx-plum); color: var(--mx-cream); border-radius: 32px; padding: 44px;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside__greek { font-family: "EB Garamond", Georgia, serif; font-style: italic; font-weight: 500; font-size: 24px; line-height: 1.2; color: var(--mx-pink); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside h2 {
  margin: 0; padding: 0; font-family: var(--mx-serif); font-weight: 600; font-size: clamp(40px, 4vw, 58px); line-height: 1; letter-spacing: 0;
  color: var(--mx-cream); text-align: left;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside h2 em { font-style: italic; font-weight: 600; color: var(--mx-pink); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside p.argo-auth-aside__lead { margin: 0; font-size: 17px; line-height: 1.6; color: var(--mx-blush); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside li { display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 0; font-size: 16px; line-height: 1.45; color: var(--mx-cream); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside li svg { flex: 0 0 auto; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside__art { margin-top: auto; display: flex; justify-content: center; padding-top: 12px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside__art svg { max-width: 100%; height: auto; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside__art { overflow: visible; }

/* form card */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_sec {
  flex: 1 1 auto; box-sizing: border-box; width: 100%;
  display: flex; flex-direction: column; gap: 24px;
  background: var(--mx-paper); border: 1.5px solid var(--mx-plum); border-radius: 32px; box-shadow: none;
  padding: 48px;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head { margin: 0; padding: 0; text-align: left; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head .argo-auth-eyebrow {
  display: block; margin: 0 0 6px; padding: 0;
  font-family: var(--mx-cinzel); font-weight: 600; font-size: 13px; letter-spacing: .22em; text-transform: none; line-height: 1.3; color: var(--mx-berry);
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head h3 {
  margin: 0; padding: 0; text-align: left;
  font-family: var(--mx-serif); font-weight: 600; font-size: 60px; line-height: 1; color: var(--mx-plum);
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head h3 em { font-style: italic; font-weight: 600; color: var(--mx-rasp); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head h3::after, body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head h3::before { display: none !important; content: none !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head p.argo-auth-lead { margin: 10px 0 0; font-size: 17px; line-height: 1.6; color: var(--mx-muted); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_outr { margin: 0; padding: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_outr .woocommerce { margin: 0; padding: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont #customer_login, body.argo-mx.argo-mx:not(.logged-in) .register-cont .u-columns, body.argo-mx.argo-mx:not(.logged-in) .register-cont .u-column1 { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 0; float: none; width: auto; }

body.argo-mx.argo-mx:not(.logged-in) .register-cont[data-argo-auth-page="lost"] .contact_form_sec, body.argo-mx.argo-mx:not(.logged-in) .register-cont[data-argo-auth-page="confirm"] .contact_form_sec, body.argo-mx.argo-mx:not(.logged-in) .register-cont[data-argo-auth-page="reset"] .contact_form_sec { justify-content: center; }

/* labels, fields */
body.argo-mx.argo-mx:not(.logged-in) .register-cont label { display: block; margin: 0; padding: 0 0 8px; font-family: var(--mx-sans); font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--mx-plum); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont label .required, body.argo-mx.argo-mx:not(.logged-in) .register-cont .required { color: var(--mx-berry); text-decoration: none; border: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont input.input-text, body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="text"], body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="email"], body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="password"], body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="tel"], body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="date"], body.argo-mx.argo-mx:not(.logged-in) .register-cont select {
  display: block; width: 100%; max-width: 100%; box-sizing: border-box; min-height: 50px; margin: 0; padding: 12px 16px;
  font-family: var(--mx-sans); font-size: 16px; font-weight: 400; line-height: 1.4; color: var(--mx-plum);
  background-color: #fff; border: 1.5px solid var(--mx-plum); border-radius: 14px; box-shadow: none; outline: 0;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont input::placeholder { color: rgba(107, 68, 82, .65); opacity: 1; font-weight: 400; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont input:focus, body.argo-mx.argo-mx:not(.logged-in) .register-cont select:focus { outline: 3px solid var(--mx-pink); outline-offset: 2px; border-color: var(--mx-plum); box-shadow: none; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont select {
  appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232A141C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center; background-size: 16px;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .password-input, body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-pw { display: block; position: relative; width: 100%; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .password-input input, body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-pw input { padding-right: 84px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .show-password-input, body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-pw-toggle {
  position: absolute !important; right: 6px !important; left: auto !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%) !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  width: auto !important; height: auto !important; max-width: none !important; overflow: visible !important; white-space: nowrap; min-width: 0; min-height: 40px !important; margin: 0 !important; padding: 0 12px !important;
  background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: var(--mx-sans); font-size: 14px !important; font-weight: 700 !important; line-height: 1; letter-spacing: 0; color: var(--mx-berry) !important; cursor: pointer;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .show-password-input::before, body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-pw-toggle::before { content: none !important; display: none !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .show-password-input::after, body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-pw-toggle::after { content: "Show" !important; display: inline !important; position: static; background: none !important; width: auto !important; height: auto !important; color: var(--mx-berry); font-size: 14px !important; font-weight: 700; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .show-password-input.display-password::after, body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-pw-toggle.display-password::after { content: "Hide" !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .show-password-input:hover, body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-pw-toggle:hover { color: var(--mx-plum) !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont p.form-row, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-form-row { margin: 0; padding: 0; float: none; width: auto; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .clear { display: none; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-privacy-policy-text:empty, body.argo-mx.argo-mx:not(.logged-in) .register-cont wc-order-attribution-inputs { display: none; }

body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-optional { font-weight: 400; color: var(--mx-muted); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-help { display: block; margin-top: 8px; font-size: 13px; line-height: 1.4; color: var(--mx-muted); }

/* check boxes (remember me, terms, newsletter) */
body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="checkbox"] {
  appearance: auto; -webkit-appearance: checkbox; display: inline-block; flex: 0 0 auto;
  width: 20px; min-width: 20px; height: 20px; min-height: 0; margin: 1px 0 0; padding: 0;
  accent-color: var(--mx-plum); background: #fff; border-radius: 4px; box-shadow: none;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="checkbox"]::before, body.argo-mx.argo-mx:not(.logged-in) .register-cont input[type="checkbox"]::after { display: none !important; content: none !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-form__label-for-checkbox, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-form-login__rememberme {
  display: flex !important; float: none; align-items: flex-start; gap: 10px; width: auto; margin: 0; padding: 0; cursor: pointer;
  font-family: var(--mx-sans); font-size: 15px; font-weight: 500; line-height: 1.4; color: var(--mx-plum);
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-form__label-for-checkbox span, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-form-login__rememberme span { font-size: 15px; font-weight: 500; line-height: 1.4; }

/* links + main button */
body.argo-mx.argo-mx:not(.logged-in) .register-cont a { color: var(--mx-berry); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont a:hover { color: var(--mx-rasp); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont button.button, body.argo-mx.argo-mx:not(.logged-in) .register-cont button.woocommerce-Button, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-form-login__submit {
  display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box;
  width: 100% !important; min-height: 54px; margin: 0 !important; padding: 0 28px !important;
  font-family: var(--mx-sans); font-size: 16px !important; font-weight: 700 !important; line-height: 1.2; white-space: normal; text-align: center;
  color: var(--mx-cream) !important; background: var(--mx-plum) !important; border: 1.5px solid var(--mx-plum) !important; border-radius: 999px;
  box-shadow: 4px 4px 0 var(--mx-rasp) !important; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont button.button:hover, body.argo-mx.argo-mx:not(.logged-in) .register-cont button.woocommerce-Button:hover, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-form-login__submit:hover {
  transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--mx-rasp) !important; background: var(--mx-plum) !important; color: var(--mx-cream) !important;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont button.button:focus-visible, body.argo-mx.argo-mx:not(.logged-in) .register-cont a:focus-visible { outline: 3px solid var(--mx-pink); outline-offset: 3px; }


/* LOG IN: fields full width, "Remember me" left and "Lost your password?" right, button below */
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; row-gap: 18px; margin: 0; padding: 0; border: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login > * { grid-column: 1 / -1; min-width: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login > p.form-row:not(.form-row-wide) { display: contents; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login .woocommerce-form-login__rememberme { grid-column: 1; grid-row: 3; align-self: center; justify-self: start; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login p.woocommerce-LostPassword { grid-column: 2; grid-row: 3; align-self: center; justify-self: end; display: block; margin: 0; padding: 0; text-align: right; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login .woocommerce-form-login__submit { grid-column: 1 / -1; grid-row: 4; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login .woo-slg-social-container { grid-row: 5; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-LostPassword a { color: var(--mx-berry) !important; font-size: 15px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-LostPassword a:hover { color: var(--mx-rasp) !important; }

/* REGISTER: two columns for the short fields, one column on phones */
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 18px; margin: 0; padding: 0; border: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register > * { grid-column: 1 / -1; min-width: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register > p.form-row-first { grid-column: 1; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register > p.form-row-last { grid-column: 2; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register > p.form-row-first, body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register > p.form-row-last { float: none; width: auto; }

/* LOST PASSWORD / NEW PASSWORD */
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.lost_reset_password { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 18px; margin: 0; padding: 0; border: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.lost_reset_password > p { margin: 0; float: none; width: auto; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont form.lost_reset_password > p:not(.form-row) { font-size: 16px; line-height: 1.6; color: var(--mx-muted); }

/* messages (wrong password, email sent, ...) */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-error, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-message, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-info,
body.argo-mx.argo-mx:not(.logged-in) .woocommerce-error, body.argo-mx.argo-mx:not(.logged-in) .woocommerce-message {
  list-style: none; margin: 0 0 20px; padding: 14px 18px; border: 1.5px solid var(--mx-plum); border-radius: 14px;
  background: var(--mx-soft); color: var(--mx-plum); font-size: 15px; line-height: 1.5; box-shadow: none; width: auto;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-error { border-color: var(--mx-berry); background: #fde3ea; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-error::before, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-message::before, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-info::before { display: none; content: none; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-error li, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-message, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-info { color: var(--mx-plum); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-error li { margin: 0; padding: 0; list-style: none; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-error a, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-message a { color: var(--mx-berry); text-decoration: underline; }

/* "Check your inbox" panel (lost-password confirmation page) */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-message.argo-auth-sent {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px;
  margin: 0; padding: 36px 24px; border: 0; border-radius: 24px; background: var(--mx-soft); color: #4A2633; font-size: 16px; line-height: 1.5;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-sent__icon { display: block; line-height: 0; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woocommerce-message.argo-auth-sent h2.argo-auth-sent__title { margin: 0; padding: 0; font-family: var(--mx-serif); font-weight: 600; font-size: 38px; line-height: 1.05; color: var(--mx-plum); text-align: center; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-sent__title em { font-style: italic; font-weight: 600; color: var(--mx-berry); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-sent__text { margin: 0; max-width: 420px; font-size: 16px; line-height: 1.5; color: #4A2633; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-back { align-self: center; display: inline-flex; align-items: center; gap: 8px; padding: 10px 0; font-size: 15px; font-weight: 700; text-decoration: none; color: var(--mx-berry); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-back:hover { color: var(--mx-plum); }

/* "New here?" / "Already have an account?" line */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .cust_new_account, body.argo-mx.argo-mx:not(.logged-in) .register-cont .cust_already_account {
  margin: 0; padding: 0; border: 0;
  text-align: center; font-size: 15px; font-weight: 400; line-height: 1.5; color: var(--mx-muted);
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .cust_new_account a, body.argo-mx.argo-mx:not(.logged-in) .register-cont .cust_already_account a { color: var(--mx-berry); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .cust_new_account a:hover, body.argo-mx.argo-mx:not(.logged-in) .register-cont .cust_already_account a:hover { color: var(--mx-rasp); }

/* "or continue with" + Google / Apple buttons (plugin markup untouched) */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-container { margin: 6px 0 0; padding: 0; text-align: center; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-container span legend {
  display: block; width: 100%; margin: 0; padding: 0; border: 0; text-align: center;
  font-size: 0 !important; line-height: 0; color: transparent;
  background: linear-gradient(#E3BFCB, #E3BFCB) no-repeat center / 100% 1px;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-container span legend::before {
  content: "or continue with"; display: inline-block; padding: 0 14px; background: var(--mx-paper);
  font-family: var(--mx-sans); font-size: 14px; font-weight: 400; line-height: 1.4; color: var(--mx-muted) !important;
}
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-container span legend::after { content: none !important; display: none !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-wrap { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); align-items: stretch; gap: 12px; width: 100%; margin: 18px 0 0; position: relative; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-login-wrapper { flex: 0 0 auto; width: 100%; max-width: none; min-width: 0; margin: 0; position: relative; overflow: hidden; border-radius: 999px; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-googleplus, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-apple {
  position: relative; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;
  width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 50px; padding: 12px 20px !important;
  overflow: hidden !important; white-space: nowrap; box-sizing: border-box; text-align: center; text-decoration: none !important;
  border: 1.5px solid var(--mx-plum) !important; border-radius: 999px !important; background: #fff !important; box-shadow: none !important; color: var(--mx-plum) !important;
  font-family: var(--mx-sans); font-size: 0 !important; font-weight: 600 !important; line-height: 1.2 !important;
}
/* the buttons say just "Google" and "Apple" like the design (the plugin text stays in the page for screen readers) */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-googleplus::after, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-apple::after { font-size: 15px; font-weight: 600; line-height: 1.2; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-googleplus::after { content: "Google"; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-apple::after { content: "Apple"; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-apple { background: var(--mx-plum) !important; color: var(--mx-cream) !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-apple .woo-slg-icon { filter: invert(1) brightness(.97); }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-googleplus:hover { background: var(--mx-cream) !important; border-color: var(--mx-plum) !important; transform: none; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-apple:hover { background: var(--mx-berry) !important; border-color: var(--mx-plum) !important; color: var(--mx-cream) !important; transform: none; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn .woo-slg-icon {
  position: static !important; display: inline-block !important; float: none !important; flex: 0 0 20px !important;
  width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important;
  vertical-align: middle; border: 0 !important; box-shadow: none !important; background-color: transparent !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important;
}
/* Google's real button: nothing is changed here on purpose. The theme's older rules already lay Google's own
   invisible click layer over the pill, and sign-in only works when that layer is left alone. */
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-social-btn.woo-slg-social-login-googleplus { isolation: isolate; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-login-loader, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-login-error:empty, body.argo-mx.argo-mx:not(.logged-in) .register-cont .woo-slg-clear { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; min-height: 0 !important; }
body.argo-mx.argo-mx:not(.logged-in) .register-cont .wooslg-privacy-policy-text, body.argo-mx.argo-mx:not(.logged-in) .register-cont .wooslg-privacy-policy-text p { margin: 0; padding: 0; }

/* animations of the story panel (switched off for people who asked their device for less motion) */
@keyframes argoTwinkle { 0%, 100% { opacity: .15; transform: scale(.5); } 50% { opacity: 1; transform: scale(1.1); } }
@keyframes argoDoor { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes argoShip { 0%, 100% { transform: translateY(0) rotate(-2.5deg); } 50% { transform: translateY(-10px) rotate(2deg); } }
@keyframes argoBillow { 0% { transform: scale(1, 1); } 100% { transform: scale(1.05, 1.03); } }
@keyframes argoFlutter { 0% { transform: scaleX(1) skewY(0); } 100% { transform: scaleX(.7) skewY(8deg); } }
@keyframes argoThread { 0% { stroke-dashoffset: 900; } 60%, 85% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; opacity: 0; } }
.argo-auth-aside .argo-a-spark { transform-box: fill-box; transform-origin: 50% 50%; animation: argoTwinkle 2s ease-in-out infinite; }
.argo-auth-aside .argo-a-door { animation: argoDoor 3s ease-in-out infinite; }
.argo-auth-aside .argo-a-ship { animation: argoShip 4.5s ease-in-out infinite; }
.argo-auth-aside .argo-a-sail { transform-box: fill-box; transform-origin: 50% 0%; animation: argoBillow 2.6s ease-in-out infinite alternate; }
.argo-auth-aside .argo-a-pennant { transform-box: fill-box; transform-origin: 0% 50%; animation: argoFlutter .5s ease-in-out infinite alternate; }
.argo-auth-aside .argo-a-thread { stroke-dasharray: 900; animation: argoThread 7s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .argo-auth-aside .argo-a-spark, .argo-auth-aside .argo-a-door, .argo-auth-aside .argo-a-ship, .argo-auth-aside .argo-a-sail, .argo-auth-aside .argo-a-pennant, .argo-auth-aside .argo-a-thread { animation: none !important; } }

/* phone + small tablet: the form card comes first, the story panel sits below it without its picture (as in the design) */
@media (max-width: 760px) {
  body.argo-mx.argo-mx:not(.logged-in) .register-cont { padding-top: 24px; padding-bottom: 48px; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont .container { padding-left: 14px; padding-right: 14px; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont .row { gap: 18px; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside { padding: 30px 22px; border-radius: 26px; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont .argo-auth-aside__art { display: none; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_sec { padding: 28px 20px; border-radius: 26px; gap: 20px; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont .contact_form_head h3 { font-size: 44px; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login { grid-template-columns: minmax(0, 1fr); }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login .woocommerce-form-login__rememberme { grid-column: 1; grid-row: 3; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login p.woocommerce-LostPassword { grid-column: 1; grid-row: 4; justify-self: start; text-align: left; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login .woocommerce-form-login__submit { grid-row: 5; }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-login .woo-slg-social-container { grid-row: 6; }
}
@media (max-width: 575px) {
  body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register { grid-template-columns: minmax(0, 1fr); }
  body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register > p.form-row-first, body.argo-mx.argo-mx:not(.logged-in) .register-cont form.woocommerce-form-register > p.form-row-last { grid-column: 1; }
}

/* ---------- 11. Tablet + phone ---------- */
@media (max-width: 991px) {
  body.argo-mx.woocommerce-account.logged-in .woocommerce { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce > .woocommerce-notices-wrapper { grid-row: 1; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce > .argo-mx-profile { grid-column: 1; grid-row: 2; padding: 16px 20px 12px; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 3; margin-bottom: 28px; padding: 0 12px 14px; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content { grid-column: 1; grid-row: 4; }
  body.argo-mx.woocommerce-account .argo-mx-profile__avatar { width: 44px; height: 44px; font-size: 18px; }
  body.argo-mx.woocommerce-account .argo-mx-profile__name { font-size: 21px; }
  /* menu becomes a row of pills you can swipe */
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul { flex-direction: row; overflow-x: auto; gap: 8px; scrollbar-width: none; padding: 2px 0; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li { width: auto; flex: 0 0 auto; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a { padding: 10px 16px; border: 1.5px solid var(--mx-plum); white-space: nowrap; font-size: 14px; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a { border-color: var(--mx-plum); }
}
@media (max-width: 767px) {
  body.argo-mx.woocommerce-account.logged-in .section_wrap.info-page { padding-top: 6.25rem; }
  body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__cards,
  body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__summary { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card { min-height: 0; padding: 24px; }
  body.argo-mx.woocommerce-account .argo-account-dashboard .argo-account-dashboard__card-title { font-size: 32px; }
  body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card { padding: 22px 24px; }
  body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__card-value { font-size: 60px; }
  body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamps { padding: 24px 20px; }
  body.argo-mx.woocommerce-account .argo-rewards .argo-rewards__stamp-slot { width: 52px; height: 52px; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--main { padding: 26px 22px; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__balance { grid-template-columns: minmax(0, 1fr); }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__actions { grid-column: 1; grid-row: auto; min-width: 0; margin-top: 12px; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-summary { padding: 22px 20px; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-body { padding: 0 20px 22px; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-amount { text-align: left; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--cards { padding: 22px 20px; }
  /* add-gift-card pop-up becomes a sheet from the bottom */
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add {
    left: 0; right: 0; top: auto; bottom: 0; transform: none; width: auto; max-height: 88vh;
    border-radius: 28px 28px 0 0; border-bottom: 0; padding: 24px 22px 28px;
  }
  body.argo-mx.woocommerce-account.logged-in .woocommerce-EditAccountForm { padding: 24px 20px; }
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .my-order-wrap,
  body.argo-mx.woocommerce-account.logged-in .woocommerce-MyAccount-content .view-order-wrap { padding: 22px 18px; }
  body.argo-mx.woocommerce-account.logged-in .repeat-order-wrap .btnPrime { width: 100%; min-width: 0; }
  body.argo-mx.woocommerce-account #logout-btn-modal .modal-body,
  body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body { padding: 18px 22px 26px; }

}

@media (prefers-reduced-motion: reduce) {
  body.argo-mx.woocommerce-account * { transition: none !important; }
}

/* ==========================================================================
   12. Overrides of the previous (peach) account styles – kept at the end on purpose
   ========================================================================== */

/* the old rounded white panels around whole pages are not part of the new design */
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard,
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards,
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-gift-cards {
  background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0;
}
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__header,
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-gift-cards__header {
  background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0 0 28px;
}

/* dashboard cards: soft pink + plum, hard shadow (B2) */
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card {
  color: #2a141c; background: #f9d3e1; border: 1.5px solid #2a141c; padding: 32px; box-shadow: 4px 4px 0 #2a141c;
}
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card:nth-child(2) {
  background: #2a141c; color: #fdf0e3; box-shadow: 4px 4px 0 #2a141c;
}
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card .argo-account-dashboard__card-title { color: #2a141c; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card:nth-child(2) .argo-account-dashboard__card-title { color: #fdf0e3; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card .argo-account-dashboard__card-text { color: #6b4452; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card:nth-child(2) .argo-account-dashboard__card-text { color: #ebcfd9; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card .argo-account-dashboard__card-cta { color: #a8325a; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__card:nth-child(2) .argo-account-dashboard__card-cta { color: #f2a0c0; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-account-dashboard__details a { color: #a8325a; }

/* rewards cards */
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--points { background: #f9d3e1; color: #2a141c; border: 1.5px solid #2a141c; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--coffees { background: #2a141c; color: #fdf0e3; border: 1.5px solid #2a141c; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--points .argo-rewards__card-label { color: #a8325a; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--coffees .argo-rewards__card-label { color: #f2a0c0; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--points .argo-rewards__card-value { color: #2a141c; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--coffees .argo-rewards__card-value { color: #fdf0e3; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--points .argo-rewards__card-hint,
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--points .argo-rewards__card-unavailable { color: #6b4452; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--coffees .argo-rewards__card-hint,
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__card--coffees .argo-rewards__card-unavailable { color: #ebcfd9; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__stamps-count { color: #dd527e; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__stamps-balance,
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content .argo-rewards__stamps-needed { color: #6b4452; }

/* gift wallet (the old brown block, replaced) */
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance {
  background: transparent; border: 0; box-shadow: none; padding: 0; overflow: visible; color: #2a141c; isolation: auto;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 28px; row-gap: 8px; align-items: center;
}
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance::before { content: none; display: none; }
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance > * { position: static; grid-column: 1; }
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance-label { color: #a8325a; font-family: "Cinzel", Georgia, serif; font-size: 13px; letter-spacing: .22em; text-transform: uppercase; }
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance-value,
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance-value * { color: #2a141c; font-family: "Cormorant Garamond", Georgia, serif; }
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance-hint { color: #6b4452; }
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__actions {
  grid-column: 2; grid-row: 1 / span 4; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 14px; min-width: 220px; width: auto;
}
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__actions .argo-gift-cards__action.btnPrime {
  flex: 0 0 auto; width: 100% !important; min-height: 48px;
  background: #2a141c; color: #fdf0e3 !important; border: 1.5px solid #2a141c; box-shadow: 3px 3px 0 #dd527e;
}
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__actions .argo-gift-cards__action.btn-border {
  background: transparent; color: #2a141c !important; box-shadow: none;
}
body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__saved-link-wrap { margin: 8px 0 0; padding: 0; border: 0; background: transparent; text-align: left; }
body.argo-mx.woocommerce-account .woocommerce-MyAccount-content #gift-card-main-section .argo-gift-cards__saved-link { color: #a8325a !important; background: transparent; border: 0; padding: 0; text-decoration: underline; }

/* purchase history: pop-in "card" -> clean list rows */
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history[open] { background: #fffaf5; border: 1.5px solid #2a141c; border-radius: 28px; overflow: visible; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-summary { background: transparent; border: 0; border-radius: 0; min-height: 0; padding: 28px 32px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-chevron,
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history[open] .argo-gift-cards__history-chevron {
  width: 44px; height: 44px; margin: 0; opacity: 1; transform: none; border: 1.5px solid #2a141c; border-radius: 50%;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-item {
  display: flex; background: transparent; border: 0; border-top: 1px solid #ebcfd9; border-radius: 0; padding: 18px 0; margin: 0;
}
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-list { border: 0; background: transparent; padding: 0; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-amount-label { text-transform: none; letter-spacing: 0; font-size: 13px; }
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-link { border: 1.5px solid #2a141c; background: transparent; color: #2a141c; }

/* the "Add a Gift Card" pop-up must beat the old inline-panel look */
body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add { background: #fffaf5; border: 1.5px solid #2a141c; border-radius: 28px; padding: 32px; }

/* delete-account button size */
body.argo-mx.woocommerce-account.logged-in #delete-account-btn { font-size: 15px; line-height: 1.2; }

@media (max-width: 767px) {
  body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__balance { grid-template-columns: minmax(0, 1fr); }
  body.argo-mx.woocommerce-account #gift-card-main-section .argo-gift-cards__actions { grid-column: 1; grid-row: auto; min-width: 0; margin-top: 12px; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__panel--add { padding: 24px 22px 28px; border-radius: 28px 28px 0 0; border-bottom: 0; }
  body.argo-mx.woocommerce-account .argo-gift-cards .argo-gift-cards__history-summary { padding: 22px 20px; }
}

/* ==========================================================================
   13. Pop-up buttons + order page details (beat the older !important rules)
   ========================================================================== */
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body { text-align: left; }
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body h2,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body h2 { font-size: 36px; line-height: 1.05; font-weight: 600; }
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body p,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body p { font-size: 16px; line-height: 1.6; font-weight: 400; color: #6b4452; }
body.argo-mx.woocommerce-account #logout-btn-modal .modal-body > div,
body.argo-mx.woocommerce-account #delete-account-btn-modal .modal-body > div:last-child { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
body.argo-mx.woocommerce-account #logout-btn-modal .btn,
body.argo-mx.woocommerce-account #delete-account-btn-modal .btn {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: auto !important; margin: 0 !important; min-height: 48px; padding: 0 26px !important;
  border-radius: 999px; font-size: 15px; font-weight: 700; line-height: 1.2; cursor: pointer;
}
body.argo-mx.woocommerce-account #logout-btn-modal .confirm-logout {
  background-color: #2a141c !important; border: 1.5px solid #2a141c !important; color: #fdf0e3 !important; box-shadow: 3px 3px 0 #dd527e;
}
body.argo-mx.woocommerce-account #delete-account-btn-modal .delete-account-confirm {
  background-color: #a8325a !important; border: 1.5px solid #a8325a !important; color: #fdf0e3 !important;
}
/* B6: Cancel must show on desktop — beats custom.css .cancel-logout { display:none } */
body.argo-mx.woocommerce-account #logout-btn-modal .cancel-logout,
body.argo-mx.woocommerce-account #delete-account-btn-modal .delete-account-cancel {
  display: inline-flex !important;
  background-color: transparent !important; border: 1.5px solid #2a141c !important; color: #2a141c !important;
}
body.argo-mx.woocommerce-account #logout-btn-modal .cancel-logout:hover,
body.argo-mx.woocommerce-account #delete-account-btn-modal .delete-account-cancel:hover { background-color: #f9d3e1 !important; }
body.argo-mx.woocommerce-account #logout-btn-modal .modal-header .btn-close {
  background-color: #fdf0e3; border: 1.5px solid #2a141c; right: 18px; top: 18px; opacity: 1;
}
@media (max-width: 576px) {
  body.argo-mx.woocommerce-account #logout-btn-modal .modal-header { display: block; }
}

/* view order page: only the status is pink, the rest is quiet text */
body.argo-mx.woocommerce-account.logged-in .view-order-title p { margin: 4px 0 0; font-size: 15px; }
body.argo-mx.woocommerce-account.logged-in .view-order-title .view-order-cont p { color: #6b4452; font-weight: 400; font-size: 14px; line-height: 1.5; margin: 2px 0 0; }
body.argo-mx.woocommerce-account.logged-in .view-order-main .matched_item { background: transparent; border-top: 1px solid #ebcfd9; border-radius: 0; padding: 14px 0; margin: 14px 0 0; }
body.argo-mx.woocommerce-account.logged-in .view-order-main .matched_txt { width: 100%; padding: 0; }
body.argo-mx.woocommerce-account.logged-in .view-order-main .order-list-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
body.argo-mx.woocommerce-account.logged-in .view-order-main .order-list-head h6 { margin: 0; font-size: 17px; font-weight: 600; color: #2a141c; }
body.argo-mx.woocommerce-account.logged-in .view-order-main .order-list-head h5 { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 700; font-size: 26px; color: #2a141c; }