/* Eon product page: FedEx line + live EON Points line under Add to Cart (PREVIEW 2026-10-19). Nothing else changes. */
.pxs { display: block; container-type: inline-size; margin: 10px 0 2px; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--hairline, #e3e6ea); overflow: hidden; }
.pxs__row { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 14px; font-size: .84rem; line-height: 1.3; color: var(--ink-2, #36414f); }
.pxs__row + .pxs__row { box-shadow: inset 0 1px 0 var(--hairline, #e3e6ea); }
.pxs__row b { font-weight: 700; color: var(--ink, #15202b); }
.pxs__fx { flex: 0 0 auto; display: block; width: 56px; height: auto; }
.pxs__coin { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0 16px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #1B2A40 0%, #0A1320 70%); color: #fff; box-shadow: 0 0 0 2px #3A5D7A, 0 2px 5px rgba(10, 19, 32, .25); }
.pxs__coin svg { width: 11px; height: 12.5px; display: block; margin-left: 1px; }
/* narrow (phones): two rows, what you get on the left, a quiet tag on the right (owner 10-19: "on every order" read
   strange as a tail). Wide (desktop buy box): two cells side by side, the detail in small mono caps right under its
   headline, like the trust card below (owner 10-19: the far-right tags looked off on desktop). */
.pxs__g { display: grid; }
.pxs__t { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; }
@container (min-width: 500px) {
  .pxs__g { grid-template-columns: 1fr 1fr; }
  .pxs__row { min-height: 58px; padding: 10px 18px; gap: 14px; }
  .pxs__row + .pxs__row { box-shadow: inset 1px 0 0 var(--hairline, #e3e6ea); }
  .pxs__t { flex-direction: column; align-items: flex-start; gap: 3px; }
  .pxs__l { flex: none; font-size: .92rem; }
  .pxs__tag { padding: 0; background: none; border-radius: 0; color: #5B6775; font-size: .6rem; letter-spacing: .1em; }
  .pxs__fx { width: 60px; }
  .pxs__coin { width: 30px; height: 30px; margin: 0 4px; }
  .pxs__coin svg { width: 13px; height: 14.8px; }
}
.pxs__l { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pxs__tag { flex: 0 0 auto; padding: 5px 9px; border-radius: 999px; background: #EDF2F7; color: #3A5D7A; font: 600 .62rem/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
@media (max-width: 640px) {
  .pxs__row { min-height: 38px; padding: 7px 12px; font-size: .8rem; }
  .pxs__fx { width: 50px; }
  .pxs__coin { margin: 0 13px; }
}

/* the three trust icons, upgraded (10-19): one card, three cells, raised tiles, two-tone Eon blue icons */
.trust-icons.pxt { display: block !important; margin-top: 16px; padding: 0 !important;
  border-radius: 16px; background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FB 100%); box-shadow: inset 0 0 0 1px #DCE3EA, 0 1px 2px rgba(10, 19, 32, .04); overflow: hidden; }
.pxt__g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pxt__t { display: flex; flex-direction: column; align-items: inherit; min-width: 0; }
.pxt__cell { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; min-width: 0; padding: 16px 8px 15px; }
.pxt__cell + .pxt__cell { box-shadow: inset 1px 0 0 #E4E9EF; }
.pxt__ok { display: none; }
.pxt__tile { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 10px; border-radius: 12px; color: #15202B;
  background: linear-gradient(180deg, #FFFFFF 0%, #ECF1F6 100%);
  box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px #D6DEE7, 0 1px 2px rgba(10, 19, 32, .06), 0 4px 10px -6px rgba(47, 78, 105, .35); }
.pxt__tile svg { width: 24px; height: 24px; display: block; }
.pxt__cell b { font: 700 .9rem/1.2 var(--font-sans); letter-spacing: -.01em; color: #15202B; text-transform: none; }
.pxt__cell small { margin-top: 5px; font: 500 .62rem/1.35 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: #5B6775; }
/* narrow card (phones, and the desktop buy-box column): three rows, icon left, every headline on ONE line
   (owner 10-19: "all 3 headlines below the icons must fit on 1 line"). Three columns cannot hold "High purity
   guarantee" at phone width: ~99px per cell, the headline needs 112px even at 11px. */
.trust-icons.pxt { container-type: inline-size; }
@container (max-width: 520px) {
  .pxt__g { grid-template-columns: 1fr; }
  .pxt__cell { flex-direction: row; align-items: center; text-align: left; gap: 12px; padding: 10px 14px; }
  .pxt__cell + .pxt__cell { box-shadow: inset 0 1px 0 #E4E9EF; }
  .pxt__tile { flex: 0 0 auto; width: 38px; height: 38px; margin: 0; border-radius: 11px; }
  .pxt__tile svg { width: 21px; height: 21px; }
  .pxt__t { align-items: flex-start; }
  .pxt__cell b, .pxt__cell small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pxt__cell b { font-size: .9rem; }
  .pxt__cell small { margin-top: 3px; font-size: .62rem; }
  .pxt__t { flex: 1 1 auto; }
  /* option 1 (owner 10-19): a blue check on the right balances the row and reads as a kept promise */
  .pxt__ok { display: grid; place-items: center; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; color: #fff;
    background: linear-gradient(180deg, #5B82A4 0%, #2F4E69 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 2px 6px -2px rgba(47, 78, 105, .55); }
  .pxt__ok svg { width: 15px; height: 15px; display: block; }
}