/* ════════════════════════════════════════════════════════════════
   PAGES.CSS — v2 COMPLETE REDO in the Machine Finder design language
   Shared by: warranty, contact, shipping, faq, privacy, returns,
   terms, trade-in, cookie-policy.
   Navy heroes · iOS-soft cards · blue accents · friendly health-first
   ════════════════════════════════════════════════════════════════ */
:root {
  --pgx-navy-1: #1a2232;
  --pgx-navy-2: #0d1320;
  --pgx-navy-3: #06283f;
  --pgx-blue:   var(--brand-blue);
  --pgx-blue-2: #4da3ff;
  --pgx-ink:    #1d1d1f;
  --pgx-sub:    #515154;
  --pgx-mute:   #6b6b6e;
  --pgx-bdr:    rgba(0,0,0,0.08);
  --pgx-font:   -apple-system, BlinkMacSystemFont, 'InterVariable', 'Inter', system-ui, sans-serif;
  /* legacy shop.html token aliases — inline styles on these pages reference them */
  --text:  #1d1d1f;
  --blue:  var(--brand-blue);
  --t2:    #515154;
  --t3:    #6b6b6e;
  --bg:    #f5f5f7;
  --bdr:   rgba(0,0,0,0.08);
  --green: #1f7a3a;
  --font: 'InterVariable', 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --r:     12px;
}
body { font-family: var(--pgx-font); color: var(--pgx-ink); background: #fff; -webkit-font-smoothing: antialiased; }

/* ── BREADCRUMB ─────────────────────────────────────────────── */
.pg-bc {
  max-width: 1100px; margin: 0 auto;
  padding: 18px 24px 0;
  font-size: 12.5px; color: var(--pgx-mute);
  display: flex; align-items: center; gap: 8px;
}
.pg-bc a { color: var(--pgx-mute); text-decoration: none; transition: color 140ms; }
.pg-bc a:hover { color: var(--pgx-blue); }
.pg-bc-sep { color: rgba(0,0,0,0.25); }

/* ── HERO — navy gradient, MF style ─────────────────────────── */
.pg-hero {
  background: linear-gradient(160deg, var(--pgx-navy-1) 0%, var(--pgx-navy-2) 55%, var(--pgx-navy-3) 100%);
  color: #fff;
  padding: 64px 24px 56px;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.pg-hero::after {
  content: '';
  position: absolute;
  inset: auto -20% -60% -20%;
  height: 75%;
  background: radial-gradient(ellipse at center, rgba(0,102,204,0.24), transparent 70%);
  pointer-events: none;
}
.pg-hero .pg-max { position: relative; z-index: 2; }
.pg-hero-ey {
  font-size: 11.5px; font-weight: 700;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--pgx-blue-2);
  margin: 0 0 14px;
}
.pg-hero-h {
  font-size: clamp(28px, 4vw, 46px);
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 1.08;
  margin: 0 0 14px;
  color: #fff;
}
.pg-hero-sub {
  font-size: clamp(14.5px, 1.5vw, 17px);
  color: rgba(255,255,255,0.65);
  line-height: 1.55;
  max-width: 640px;
  margin: 0 auto;
}

/* hero trust pills */
.pg-trust {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 10px; margin-top: 28px;
  position: relative; z-index: 2;
}
.pg-trust-item {
  display: inline-flex; align-items: center; gap: 8px;
  height: 38px; padding: 0 16px;
  border-radius: 10px;
  background: rgba(255,255,255,0.08);
  border: 1.5px solid rgba(255,255,255,0.12);
  font-size: 12.5px; font-weight: 600;
  color: rgba(255,255,255,0.85);
}
.pg-trust-item svg { width: 16px; height: 16px; stroke: #34c759; stroke-width: 2; flex-shrink: 0; }

/* hero search (faq) */
.pg-search {
  display: flex; align-items: center; gap: 10px;
  max-width: 480px; height: 46px;
  margin: 26px auto 0;
  padding: 0 18px;
  border-radius: 12px;
  background: rgba(255,255,255,0.10);
  border: 1.5px solid rgba(255,255,255,0.16);
  position: relative; z-index: 2;
  transition: border-color 150ms, background 150ms, box-shadow 150ms;
}
.pg-search:focus-within {
  background: rgba(255,255,255,0.14);
  border-color: var(--pgx-blue-2);
  box-shadow: 0 0 0 3.5px rgba(77,163,255,0.18);
}
.pg-search svg { width: 16px; height: 16px; stroke: rgba(255,255,255,0.6); flex-shrink: 0; }
.pg-search input {
  flex: 1; border: none; outline: none; background: transparent;
  font: 400 14px var(--pgx-font);
  color: #fff;
}
.pg-search input::placeholder { color: rgba(255,255,255,0.45); }

/* ── LAYOUT PRIMITIVES ──────────────────────────────────────── */
.pg-max { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
.pg-sec { padding: 52px 0; }
.pg-sec--grey { background: #fafafa; }
.pg-divider { height: 0; }
.pg-sec-ey {
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--pgx-blue);
  margin: 0 0 10px;
}
.pg-sec-h {
  font-size: clamp(21px, 2.6vw, 30px);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.15;
  margin: 0 0 10px;
}
.pg-sec-sub {
  font-size: 14.5px; color: var(--pgx-sub);
  line-height: 1.55; max-width: 640px;
  margin: 0 0 26px;
}

.pg-grid { display: grid; gap: 14px; }
.pg-grid--2 { grid-template-columns: repeat(2, 1fr); }
.pg-grid--3 { grid-template-columns: repeat(3, 1fr); }
.pg-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 860px) { .pg-grid--3, .pg-grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .pg-grid--2, .pg-grid--3, .pg-grid--4 { grid-template-columns: 1fr; } }

/* ── CARDS — iOS-soft ───────────────────────────────────────── */
.pg-card {
  background: #fff;
  border: 1.5px solid var(--pgx-bdr);
  border-radius: 16px;
  padding: 24px;
  display: flex; flex-direction: column; gap: 9px;
  transition: transform 220ms cubic-bezier(0.2,0,0,1), box-shadow 220ms, border-color 220ms;
}
.pg-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0,0,0,0.13);
  box-shadow: 0 14px 36px -12px rgba(0,0,0,0.12);
}
.pg-sec--grey .pg-card { border-color: rgba(0,0,0,0.06); }
.pg-card-ico {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: rgba(0,102,204,0.08);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 4px;
}
.pg-card-ico svg { width: 21px; height: 21px; stroke: var(--pgx-blue); stroke-width: 1.8; fill: none; }
.pg-card-ico--green { background: #e6f7ee; }
.pg-card-ico--green svg { stroke: #1f7a3a; }
.pg-card-ico--red { background: #fde8e8; }
.pg-card-ico--red svg { stroke: #c0392b; }
.pg-card-h { font-size: 15.5px; font-weight: 700; letter-spacing: -0.02em; margin: 0; }
.pg-card-p { font-size: 13px; color: var(--pgx-sub); line-height: 1.55; margin: 0; }
.pg-card-link {
  margin-top: auto; padding-top: 6px;
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 13px; font-weight: 600;
  color: var(--pgx-blue); text-decoration: none;
}
.pg-card-link:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ── STEPS — numbered, MF assessment feel ───────────────────── */
.pg-steps { display: flex; flex-direction: column; gap: 12px; }
.pg-step {
  display: flex; gap: 18px; align-items: flex-start;
  background: #fff;
  border: 1.5px solid var(--pgx-bdr);
  border-radius: 16px;
  padding: 22px 24px;
  transition: border-color 200ms, box-shadow 200ms;
}
.pg-step:hover { border-color: rgba(0,102,204,0.35); box-shadow: 0 8px 24px -10px rgba(0,102,204,0.15); }
.pg-step-num {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(0,102,204,0.10);
  color: var(--pgx-blue);
  font: 700 16px var(--pgx-font);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.pg-step-body { display: flex; flex-direction: column; gap: 4px; }
.pg-step-h { font-size: 15.5px; font-weight: 700; letter-spacing: -0.02em; margin: 0; }
.pg-step-p { font-size: 13.5px; color: var(--pgx-sub); line-height: 1.55; margin: 0; }

/* ── ACCORDIONS — MF soft ───────────────────────────────────── */
.pg-acc { display: flex; flex-direction: column; gap: 10px; }
.pg-acc-item {
  background: #fff;
  border: 1.5px solid var(--pgx-bdr);
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 200ms, box-shadow 200ms;
}
.pg-acc-item.open {
  border-color: rgba(0,102,204,0.35);
  box-shadow: 0 8px 26px -12px rgba(0,102,204,0.18);
}
.pg-acc-q {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 17px 20px;
  background: none; border: none;
  font: 600 14.5px var(--pgx-font);
  letter-spacing: -0.015em;
  color: var(--pgx-ink);
  text-align: left;
  cursor: pointer;
}
.pg-acc-q svg {
  width: 18px; height: 18px; flex-shrink: 0;
  stroke: var(--pgx-mute); stroke-width: 2.8;
  stroke-linecap: round; stroke-linejoin: round; fill: none;
  transition: transform 240ms cubic-bezier(0.2,0,0,1), stroke 200ms;
}
.pg-acc-item.open .pg-acc-q svg {
  transform: rotate(180deg);
  stroke: var(--pgx-blue);
}
/* fallback chevron only when markup has no svg */
.pg-acc-q:not(:has(svg))::after {
  content: '';
  width: 9px; height: 9px;
  border-right: 2.8px solid var(--pgx-mute);
  border-bottom: 2.8px solid var(--pgx-mute);
  transform: rotate(45deg);
  transition: transform 240ms cubic-bezier(0.2,0,0,1);
  flex-shrink: 0;
  margin-right: 2px;
}
.pg-acc-item.open .pg-acc-q:not(:has(svg))::after {
  transform: rotate(225deg);
  border-color: var(--pgx-blue);
}
.pg-acc-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 320ms cubic-bezier(0.2,0,0,1);
}
.pg-acc-item.open .pg-acc-a { max-height: 600px; }
.pg-acc-a {
  font-size: 13.5px; color: var(--pgx-sub); line-height: 1.6;
}
.pg-acc-item.open .pg-acc-a { padding: 0 20px 18px; }
.pg-acc-a > * {
  padding: 0 0 6px;
  font-size: 13.5px; color: var(--pgx-sub); line-height: 1.6;
  margin: 0;
}
.faq-cat { margin-bottom: 36px; }

/* ── FORMS — MF inputs ──────────────────────────────────────── */
.pg-form { display: flex; flex-direction: column; gap: 14px; }
.pg-field { display: flex; flex-direction: column; gap: 6px; }
.pg-field label { font-size: 12.5px; font-weight: 600; color: var(--pgx-ink); }
.pg-field input, .pg-field select, .pg-field textarea {
  height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1.5px solid rgba(0,0,0,0.12);
  background: #fff;
  font: 400 14px var(--pgx-font);
  color: var(--pgx-ink);
  transition: border-color 150ms, box-shadow 150ms;
}
.pg-field textarea { height: auto; min-height: 110px; padding: 12px 14px; resize: vertical; }
.pg-field input:focus, .pg-field select:focus, .pg-field textarea:focus {
  border-color: var(--pgx-blue);
  box-shadow: 0 0 0 3.5px rgba(0,102,204,0.13);
  outline: none;
}
.pg-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 560px) { .pg-field-row { grid-template-columns: 1fr; } }

/* ── BUTTONS — MF system ────────────────────────────────────── */
.pg-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  height: 46px; padding: 0 26px;
  border-radius: 10px;
  font: 600 14.5px var(--pgx-font);
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: background 150ms, transform 150ms, box-shadow 150ms, border-color 150ms;
}
.pg-btn--primary {
  background: var(--pgx-blue); color: #fff;
  box-shadow: 0 8px 22px -8px rgba(0,102,204,0.5);
}
.pg-btn--primary:hover { background: #005bb5; transform: translateY(-1px); }
.pg-btn--outline {
  background: #fff; color: var(--pgx-ink);
  border: 1.5px solid rgba(0,0,0,0.16);
}
.pg-btn--outline:hover { border-color: rgba(0,0,0,0.32); transform: translateY(-1px); }
.pg-btn--dark {
  background: var(--pgx-ink); color: #fff;
}
.pg-btn--dark:hover { background: #000; transform: translateY(-1px); }
.pg-btn--sm { height: 38px; padding: 0 18px; font-size: 13px; }

/* ── PROSE (legal pages) ────────────────────────────────────── */
.pg-prose { max-width: 720px; }
.pg-prose h2 {
  font-size: 19px; font-weight: 700; letter-spacing: -0.03em;
  margin: 36px 0 10px;
  scroll-margin-top: 120px;
}
.pg-prose h3 { font-size: 15.5px; font-weight: 700; letter-spacing: -0.02em; margin: 24px 0 8px; }
.pg-prose p, .pg-prose li { font-size: 14px; color: var(--pgx-sub); line-height: 1.65; }
.pg-prose ul, .pg-prose ol { padding-left: 22px; margin: 10px 0; }
.pg-prose li { margin: 5px 0; }
.pg-prose a { color: var(--pgx-blue); }

/* ── TOC sidebar ────────────────────────────────────────────── */
.pg-toc-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}
@media (max-width: 800px) { .pg-toc-layout { grid-template-columns: 1fr; } }
.pg-toc {
  position: sticky; top: 110px;
  background: #fafafa;
  border: 1.5px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  padding: 18px;
}
@media (max-width: 800px) { .pg-toc { position: static; } }
.pg-toc-h {
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--pgx-mute);
  margin: 0 0 10px;
}
.pg-toc-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.pg-toc-link {
  display: block;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 13px; font-weight: 500;
  color: var(--pgx-sub);
  text-decoration: none;
  transition: background 140ms, color 140ms;
}
.pg-toc-link:hover { background: rgba(0,0,0,0.05); color: var(--pgx-ink); }
.pg-toc-link.on { background: rgba(0,102,204,0.10); color: var(--pgx-blue); font-weight: 600; }

/* ── TABLES ─────────────────────────────────────────────────── */
.pg-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  border: 1.5px solid var(--pgx-bdr);
  border-radius: 14px;
  overflow: hidden;
}
.pg-table th {
  background: #fafafa;
  text-align: left;
  padding: 12px 16px;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--pgx-mute);
  border-bottom: 1.5px solid var(--pgx-bdr);
}
.pg-table td {
  padding: 13px 16px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  color: var(--pgx-sub);
  line-height: 1.5;
}
.pg-table tr:last-child td { border-bottom: none; }

/* ── BADGES + NOTICES ───────────────────────────────────────── */
.pg-badge {
  display: inline-flex; align-items: center;
  height: 24px; padding: 0 10px;
  border-radius: 7px;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.04em;
}
.pg-badge--green { background: #e6f7ee; color: #1f7a3a; }
.pg-badge--blue  { background: rgba(0,102,204,0.10); color: var(--pgx-blue); }
.pg-badge--red   { background: #fde8e8; color: #c0392b; }
.pg-badge--grey  { background: rgba(0,0,0,0.06); color: var(--pgx-sub); }

.pg-notice {
  background: #f0f6ff;
  border: 1.5px solid rgba(0,102,204,0.16);
  border-radius: 14px;
  padding: 16px 20px;
  font-size: 13.5px; color: var(--pgx-sub); line-height: 1.55;
  display: flex; align-items: flex-start; gap: 12px;
}
.pg-notice > svg {
  width: 20px; height: 20px; flex-shrink: 0;
  stroke: var(--pgx-blue); stroke-width: 2; fill: none;
  margin-top: 1px;
}
.pg-notice--green { background: #f0faf4; border-color: rgba(31,122,58,0.2); }

/* ── CTA BAND — navy, MF banner feel ────────────────────────── */
.pg-cta-band {
  background: linear-gradient(160deg, var(--pgx-navy-1) 0%, var(--pgx-navy-2) 55%, var(--pgx-navy-3) 100%);
  border-radius: 20px;
  padding: 44px clamp(24px, 4vw, 56px);
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.pg-cta-band::after {
  content: '';
  position: absolute;
  inset: auto -20% -70% -20%;
  height: 90%;
  background: radial-gradient(ellipse at center, rgba(0,102,204,0.25), transparent 70%);
  pointer-events: none;
}
.pg-cta-band > * { position: relative; z-index: 2; }
.pg-cta-band h2 {
  font-size: clamp(21px, 2.8vw, 30px);
  font-weight: 700; letter-spacing: -0.04em;
  margin: 0 0 10px;
  color: #fff;
}
.pg-cta-band p { font-size: 14.5px; color: rgba(255,255,255,0.65); margin: 0 0 22px; }

/* ── 2-COL LAYOUTS ──────────────────────────────────────────── */
.pg-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.pg-2col--60 { grid-template-columns: 3fr 2fr; }
.pg-2col--sidebar { grid-template-columns: minmax(0,1fr) 320px; }
@media (max-width: 820px) { .pg-2col, .pg-2col--60, .pg-2col--sidebar { grid-template-columns: 1fr; } }

/* ── COOKIE TOGGLES ─────────────────────────────────────────── */
.ck-toggle {
  width: 44px; height: 26px;
  border-radius: 13px;
  background: rgba(0,0,0,0.15);
  border: none; position: relative;
  cursor: pointer; flex-shrink: 0;
  transition: background 200ms;
}
.ck-toggle.on { background: var(--pgx-blue); }
.ck-toggle::after {
  content: '';
  position: absolute; top: 3px; left: 3px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  transition: left 200ms cubic-bezier(0.2,0,0,1);
}
.ck-toggle.on::after { left: 21px; }

/* ── LEGACY PRODUCT CARD ALIASES (s-card on promotions etc.) ── */
.s-card {
  background: #fff;
  border: 1.5px solid var(--pgx-bdr);
  border-radius: 18px;
  overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform 220ms cubic-bezier(0.2,0,0,1), box-shadow 220ms, border-color 220ms;
}
.s-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0,0,0,0.14);
  box-shadow: 0 16px 40px -12px rgba(0,0,0,0.14);
}
.s-card-img { background: #f5f5f7; position: relative; aspect-ratio: 4/3; }
.s-card-img img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.s-card-bdg { position: absolute; top: 10px; left: 10px; display: flex; gap: 5px; }
.s-bdg {
  height: 20px; padding: 0 8px;
  border-radius: 6px;
  font-size: 9.5px; font-weight: 700; letter-spacing: 0.05em;
  display: inline-flex; align-items: center;
}
.s-bdg-sale { background: #d0312d; color: #fff; }
.s-bdg-new { background: var(--pgx-blue); color: #fff; }
.s-bdg-deal { background: #f59e0b; color: #fff; }
.s-bdg-preowned { background: #1d1d1f; color: #fff; }
.s-bdg-clear { background: #7c3aed; color: #fff; }
.s-card-body { padding: 14px 16px 6px; display: flex; flex-direction: column; gap: 4px; }
.s-card-brand {
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--pgx-blue);
}
.s-card-name { font-size: 15px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; }
.s-card-desc {
  font-size: 12.5px; color: var(--pgx-mute); line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.s-card-foot { padding: 8px 16px 16px; margin-top: auto; display: flex; flex-direction: column; gap: 10px; }
.s-card-price-wrap { display: flex; flex-direction: column; gap: 2px; }
.s-card-price { font-size: 20px; font-weight: 700; letter-spacing: -0.04em; }
.s-card-was-row { display: flex; align-items: center; gap: 6px; }
.s-card-was { font-size: 12px; color: var(--pgx-mute); text-decoration: line-through; }
.s-card-save { font-size: 11.5px; font-weight: 700; color: #1f7a3a; }
.s-card-actions { display: flex; align-items: center; gap: 8px; }
.s-btn-cart {
  height: 34px; padding: 0 14px;
  border-radius: 9px;
  border: none;
  background: var(--pgx-blue); color: #fff;
  font: 600 12.5px var(--pgx-font);
  cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
  transition: background 150ms, transform 150ms;
}
.s-btn-cart:hover { background: #005bb5; transform: translateY(-1px); }
.s-btn-view {
  height: 34px; padding: 0 12px;
  border-radius: 9px;
  border: 1.5px solid rgba(0,0,0,0.14);
  background: #fff; color: var(--pgx-ink);
  font: 600 12.5px var(--pgx-font);
  cursor: pointer;
  transition: border-color 150ms;
}
.s-btn-view:hover { border-color: rgba(0,0,0,0.3); }


/* ── PROMINENT ARROWS (pages) ── */
.pg-card-link, .pg-btn { letter-spacing: -0.01em; }
.pg-card-link::after { content: none; }


/* ═══ ACCORDION FIX: JS toggles .open on the ANSWER + aria-expanded on the button ═══ */
.pg-acc-a.open {
  max-height: 600px;
  padding: 0 20px 18px;
}
.pg-acc-q[aria-expanded="true"] svg {
  transform: rotate(180deg);
  stroke: var(--pgx-blue);
}
.pg-acc-q[aria-expanded="true"]:not(:has(svg))::after {
  transform: rotate(225deg);
  border-color: var(--pgx-blue);
}
.pg-acc-item:has(> .pg-acc-q[aria-expanded="true"]) {
  border-color: rgba(0,102,204,0.35);
  box-shadow: 0 8px 26px -12px rgba(0,102,204,0.18);
}


/* ═══ FAQ hero search: beat the grey override — translucent dark + white text ═══ */
.pg-hero .pg-search {
  background: rgba(255,255,255,0.10) !important;
  border: 1.5px solid rgba(255,255,255,0.16) !important;
  border-radius: 12px !important;
}
.pg-hero .pg-search:focus-within {
  background: rgba(255,255,255,0.14) !important;
  border-color: var(--pgx-blue-2) !important;
  box-shadow: 0 0 0 3.5px rgba(77,163,255,0.18) !important;
}
.pg-hero .pg-search input { color: #fff !important; background: transparent !important; }
.pg-hero .pg-search input::placeholder { color: rgba(255,255,255,0.45) !important; }
.pg-hero .pg-search svg { stroke: rgba(255,255,255,0.6) !important; }