/* ==========================================================================
   SgFooter — .sg-ft
   Colours follow the section text colour (dark footer by default), so every
   line / chip is a mix of currentColor unless the merchant sets one.
   ========================================================================== */
.cc_b3eorip4_uccPE4gOCS .sg-ft {
  --ft-fg: var(--sg-text, var(--sg-ink));
  --ft-fg-2: var(--sg-text-2, var(--sg-ink-2));
  --ft-line-c: var(--ft-line, color-mix(in srgb, var(--ft-fg) 16%, transparent));
  --ft-accent-c: var(--ft-accent, var(--ft-fg));
  overflow: hidden;
  color: var(--ft-fg);
}

/* ---------- benefits strip (SgBenefitItem children; renderer roots are display: contents) ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-ft__band {
  margin-bottom: clamp(40px, 5vw, 64px);
  padding-bottom: clamp(28px, 3.5vw, 44px);
  border-bottom: 1px solid var(--ft-line-c);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats {
  --ftf-gap: clamp(24px, 3vw, 48px);
  display: grid;
  grid-template-columns: repeat(var(--ftf-cols, 4), minmax(0, 1fr));
  gap: 28px var(--ftf-gap);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi {
  /* circle colour (item tint > section colour > theme accent) and a tone of it that reads on any footer */
  --ftf-c: var(--bi-tint, var(--ftf-tile, var(--sg-accent)));
  --ftf-ink: color-mix(in srgb, var(--ftf-c) 80%, var(--ft-fg));
  --bi-radius: 50%;
  --bi-wave: var(--ftf-ink);
  --bi-wave-w: 2px;
  position: relative;
}
/* only between two items of the same row: TSX marks those (.has-sep) after measuring the grid,
   so the last item of a row / of the list never gets one and nothing has to be clipped */
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--div .sg-bi.has-sep::after {
  content: "";
  position: absolute;
  top: 8%;
  bottom: 8%;
  right: calc(var(--ftf-gap) / -2);
  width: 1px;
  background: var(--ft-line-c);
  pointer-events: none;
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__in { display: flex; align-items: center; justify-content: flex-start; gap: 14px; text-align: left; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--a-center .sg-bi__in { justify-content: center; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--a-right .sg-bi__in { justify-content: flex-end; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__text { gap: 3px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__title { color: var(--ft-fg); font-size: 15px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__desc { color: var(--ft-fg-2); font-size: var(--sg-fs-sm); line-height: 1.5; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__go { color: var(--ft-fg-2); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__icon { stroke-width: 1.9; }
/* circles only: no fanned back box */
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__mark::before { display: none; }

/* icon styles */
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--solid .sg-bi__tile {
  background: var(--ftf-c);
  color: var(--bi-on, var(--ftf-icon-c, var(--ftf-on, var(--sg-on-accent))));
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--ftf-c) 16%, transparent);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--ring .sg-bi__tile {
  background: color-mix(in srgb, var(--ftf-c) 12%, transparent);
  box-shadow: inset 0 0 0 2px var(--ftf-ink);
  color: var(--ftf-icon-c, var(--ftf-ink));
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--soft .sg-bi__tile {
  background: color-mix(in srgb, var(--ft-fg) 9%, transparent);
  color: var(--ftf-icon-c, var(--ftf-ink));
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--plain .sg-bi__tile { width: auto; height: auto; background: none; color: var(--ftf-icon-c, var(--ftf-ink)); }

@media (hover: hover) and (pointer: fine) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__in:hover .sg-bi__tile { transform: translateY(-3px) scale(1.06); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__in:hover .sg-bi__icon { transform: rotate(-8deg) scale(1.06); }
}

/* section-level icon motion (items with their own setting keep it) */
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-ripple .sg-bi:not(.has-motion) .sg-bi__mark::before, .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-ripple .sg-bi:not(.has-motion) .sg-bi__mark::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border: 2px solid var(--ftf-ink);
  border-radius: 50%;
  background: none;
  opacity: 0;
  transform: none;
  pointer-events: none;
  animation: cc_b3eorip4_uccPE4gOCS_sg-ftf-ripple calc(2800ms * var(--sg-speed, 1)) var(--sg-ease-out) infinite;
  animation-delay: calc(var(--sg-i, 0) * 350ms);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-ripple .sg-bi:not(.has-motion) .sg-bi__mark::before {
  animation-delay: calc(var(--sg-i, 0) * 350ms + 1400ms * var(--sg-speed, 1));
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-shine .sg-bi:not(.has-motion) .sg-bi__tile { overflow: hidden; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-shine .sg-bi:not(.has-motion) .sg-bi__tile::after {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: -60%;
  width: 45%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
  transform: translateX(0) skewX(-20deg);
  pointer-events: none;
  animation: cc_b3eorip4_uccPE4gOCS_sg-ftf-shine calc(3200ms * var(--sg-speed, 1)) var(--sg-ease-in-out) infinite;
  animation-delay: calc(var(--sg-i, 0) * 400ms);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-float .sg-bi:not(.has-motion) .sg-bi__tile { animation: cc_b3eorip4_sg-float calc(3600ms * var(--sg-speed, 1)) var(--sg-ease-in-out) infinite; animation-delay: calc(var(--sg-i, 0) * -600ms); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-pulse .sg-bi:not(.has-motion) .sg-bi__icon { animation: cc_b3eorip4_uccPE4gOCS_sg-ftf-beat calc(2400ms * var(--sg-speed, 1)) var(--sg-ease-in-out) infinite; animation-delay: calc(var(--sg-i, 0) * 300ms); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-wiggle .sg-bi:not(.has-motion) .sg-bi__icon { animation: cc_b3eorip4_uccPE4gOCS_sg-ftf-wiggle calc(3200ms * var(--sg-speed, 1)) ease-in-out infinite; animation-delay: calc(var(--sg-i, 0) * 400ms); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-spin .sg-bi:not(.has-motion) .sg-bi__icon { animation: cc_b3eorip4_sg-spin calc(9s * var(--sg-speed, 1)) linear infinite; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__feats--m-bounce .sg-bi:not(.has-motion) .sg-bi__tile { transform-origin: 50% 100%; animation: cc_b3eorip4_uccPE4gOCS_sg-ftf-bounce calc(2800ms * var(--sg-speed, 1)) ease-in-out infinite; animation-delay: calc(var(--sg-i, 0) * 180ms); }

/* staggered entrance of the items */
.cc_b3eorip4_uccPE4gOCS [data-sg-motion="on"] .sg-ft__feats[data-sg-reveal] .sg-bi {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity var(--sg-t-slow) var(--sg-ease-out), transform var(--sg-t-slow) var(--sg-ease-out);
  transition-delay: calc(var(--sg-i, 0) * 90ms * var(--sg-speed, 1));
}
.cc_b3eorip4_uccPE4gOCS [data-sg-motion="on"] .sg-ft__feats[data-sg-in] .sg-bi { opacity: 1; transform: none; }

/* ---------- newsletter: wide band ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  gap: 24px 64px;
  margin-bottom: clamp(48px, 6vw, 80px);
  padding: clamp(28px, 4vw, 52px);
  border-radius: var(--sg-r-card);
  background: var(--ft-nl-bg, color-mix(in srgb, var(--ft-fg) 6%, transparent));
  border: 1px solid var(--ft-line-c);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-text { display: grid; gap: 10px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-title { color: var(--ft-fg); }
/* newsletter copy never leaves one word alone on its last line: balanced where `pretty` is missing */
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-lead, .cc_b3eorip4_uccPE4gOCS .sg-ft__cnl-lead, .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-ctext { text-wrap: balance; }
@supports (text-wrap: pretty) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-lead, .cc_b3eorip4_uccPE4gOCS .sg-ft__cnl-lead, .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-ctext { text-wrap: pretty; }
}
/* hyphenated words (TSX keepHyphens) stay in one piece */
.cc_b3eorip4_uccPE4gOCS .sg-ft__nobr { white-space: nowrap; }
/* status messages (TSX bySentence): a line breaks between two sentences before inside one */
.cc_b3eorip4_uccPE4gOCS .sg-ft__sent { display: inline-block; max-width: 100%; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-lead { color: var(--ft-fg-2); max-width: 46ch; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form { display: grid; gap: 12px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 6px 6px 18px;
  border: 1.5px solid color-mix(in srgb, var(--ft-fg) 26%, transparent);
  border-radius: var(--sg-r-btn);
  transition: border-color var(--sg-t-fast), box-shadow var(--sg-t-fast);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-row:focus-within { border-color: var(--ft-fg); box-shadow: 0 0 0 4px color-mix(in srgb, var(--ft-fg) 10%, transparent); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-icon { flex-shrink: 0; color: var(--ft-fg-2); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-input {
  flex: 1;
  min-width: 0;
  /* no intrinsic width (~20 characters): the row may never be wider than its column, even while
     the button says "Gönderiliyor…" */
  width: 0;
  height: 48px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ft-fg);
  font: inherit;
  text-overflow: ellipsis;
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-input:focus { outline: none; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-input::placeholder { color: var(--ft-fg-2); opacity: 0.8; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-btn { flex-shrink: 0; min-height: 48px; }
/* compact button while sending (TSX): same width — the label stays, hidden, under a centred spinner */
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-btn[aria-busy="true"] .sg-ft__nl-blabel { visibility: hidden; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-bspin { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-consent { color: var(--ft-fg-2); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-consent input { accent-color: var(--ft-accent-c); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-err { font-size: var(--sg-fs-sm); color: color-mix(in srgb, var(--sg-sale) 62%, var(--ft-fg)); text-wrap: balance; animation: cc_b3eorip4_sg-fade-up var(--sg-t-mid) var(--sg-ease-out); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-ok { display: flex; align-items: center; gap: 12px; font-weight: 600; animation: cc_b3eorip4_sg-fade-up var(--sg-t-slow) var(--sg-ease-out); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-oktext { min-width: 0; text-wrap: balance; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-okicon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--sg-ok);
  color: #fff;
  animation: cc_b3eorip4_sg-pop 520ms var(--sg-ease-spring);
}

/* ---------- newsletter: compact form under the brand text ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-ft__cnl { display: grid; gap: 10px; min-width: 0; max-width: 380px; margin-top: 2px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__cnl-title { margin: 0; font-size: var(--sg-fs-xs); font-weight: 700; letter-spacing: 0.14em; line-height: 20px; text-transform: uppercase; color: var(--ft-fg); text-wrap: balance; }
/* TSX (useFitLine): one line — the letter-spacing tightened, then the font size scaled down, just
   enough to fit the column (0.14 = TITLE_FIT.ls in TSX) */
.cc_b3eorip4_uccPE4gOCS .sg-ft__cnl-title[data-ft-line] {
  min-width: 0;
  white-space: nowrap;
  font-size: calc(var(--sg-fs-xs) * var(--ft-fit, 1));
  letter-spacing: calc(var(--ft-fit-ls, 0.14) * 1em);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__cnl-lead { color: var(--ft-fg-2); font-size: var(--sg-fs-sm); line-height: 1.6; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm { gap: 8px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-row { gap: 6px; padding: 4px 4px 4px 14px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-input { height: 40px; font-size: var(--sg-fs-sm); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-btn { min-height: 40px; padding-inline: 16px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-consent { font-size: 12px; }
/* as the consent line: the error fits one line in the desktop brand column (≥ 1366px) and on 360px phones */
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-err { font-size: 12px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-ok--sm { gap: 10px; font-size: var(--sg-fs-sm); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__nl-ok--sm .sg-ft__nl-okicon { width: 30px; height: 30px; }

/* ---------- main grid: brand | one shared grid for every link / contact column ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-ft__main {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(0, 2.8fr);
  align-items: start;
  column-gap: calc(clamp(32px, 5vw, 80px) + var(--ft-cols-shift, 0px));
  row-gap: 40px;
  padding-bottom: clamp(40px, 5vw, 64px);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__main--solo { grid-template-columns: minmax(0, 1fr); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__brand { display: grid; align-content: start; gap: 18px; max-width: 380px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__logo { display: inline-block; justify-self: start; color: inherit; text-decoration: none; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__logo img { max-width: 100%; height: auto; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__wordmark-s { font-family: var(--sg-font-display); font-size: 28px; font-weight: var(--sg-display-weight); letter-spacing: var(--sg-display-track); line-height: 1; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__brand-text { color: var(--ft-fg-2); font-size: var(--sg-fs-sm); line-height: 1.7; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__social { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__soc {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--ft-line-c);
  border-radius: 50%;
  color: var(--ft-fg);
  transition: background var(--sg-t-mid) var(--sg-ease-out), color var(--sg-t-mid), border-color var(--sg-t-mid), translate var(--sg-t-mid) var(--sg-ease-spring);
}
@media (hover: hover) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__soc:hover { background: var(--ft-fg); color: var(--ft-bg, #fff); border-color: var(--ft-fg); translate: 0 -3px; }
}

.cc_b3eorip4_uccPE4gOCS .sg-ft__cols {
  display: grid;
  grid-template-columns: repeat(var(--ft-ncols, 4), minmax(0, 1fr));
  align-items: start;
  gap: 32px clamp(20px, 2.6vw, 40px);
}
/* Desktop with 4–5 columns: equal 1fr columns were 129–156px, so a longer label ("Orbital Polisaj
   Makinaları") and the contact hours wrapped while short columns ("Kurumsal") had room to spare.
   Content-sized columns spread over the row fit them all on one line (they still shrink towards their
   longest word when a store's labels need more than the row). */
@media (min-width: 1200px) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__cols--n4, .cc_b3eorip4_uccPE4gOCS .sg-ft__cols--n5 { grid-template-columns: repeat(var(--ft-ncols, 4), auto); justify-content: space-between; }
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__col { min-width: 0; }
/* every column title (link columns, contact, untitled placeholder) has the same box → one top line */
.cc_b3eorip4_uccPE4gOCS .sg-ft__col-h {
  display: flex;
  align-items: center;
  min-height: 20px;
  margin: 0 0 14px;
  font-size: var(--sg-fs-xs);
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--ft-fg);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__col-h--empty { visibility: hidden; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__col-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 20px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  cursor: default;
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__col-mark { display: none; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__panel { display: grid; grid-template-rows: 1fr; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__panel > .sg-ft__links { min-height: 0; overflow: hidden; }
/* links and contact rows share one rhythm: 32px rows, 4px apart */
.cc_b3eorip4_uccPE4gOCS .sg-ft__links { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__links > li { display: flex; min-width: 0; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__link {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: var(--ft-fg-2);
  font-size: var(--sg-fs-sm);
  line-height: 1.45;
  text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 100% 85% / 0 1px no-repeat;
  transition: color var(--sg-t-fast), background-size var(--sg-t-mid) var(--sg-ease-out), translate var(--sg-t-mid) var(--sg-ease-out);
}
@media (hover: hover) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__links .sg-ft__link:hover { color: var(--ft-accent-c); background-position: 0 85%; background-size: 100% 1px; translate: 3px 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__blinks .sg-ft__link:hover { color: var(--ft-accent-c); background-position: 0 85%; background-size: 100% 1px; }
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__contact-item { align-items: flex-start; gap: 10px; min-height: 32px; padding: 6px 0; color: var(--ft-fg-2); font-size: var(--sg-fs-sm); line-height: 20px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__contact-item .sg-ft__link { min-height: 0; line-height: 20px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__contact-icon { flex-shrink: 0; margin-top: 1px; color: var(--ft-fg); }
/* contact e-mail: one line inside the column — TSX (useFitLine) shrinks the font a little where needed;
   an address too long even for that wraps at its "@" (<wbr>) at that smallest size, never past the column */
.cc_b3eorip4_uccPE4gOCS .sg-ft__mail { min-width: 0; overflow-wrap: anywhere; font-size: calc(var(--sg-fs-sm) * var(--ft-fit, 1)); }
.cc_b3eorip4_uccPE4gOCS .sg-ft__mail[data-ft-line] { white-space: nowrap; }
/* Chrome / Safari break at a <wbr> even under nowrap */
.cc_b3eorip4_uccPE4gOCS .sg-ft__mail[data-ft-line] wbr { display: none; }

/* ---------- bottom bar ----------
   Three columns: the legal block (copyright, links, payment strip) on the left, the serpinGO signature in
   the exact centre, the back-to-top on the right. The signature wrapper (.sg-ft__sign) dissolves into the
   grid so its two children take the middle and right columns. Phones: the legal block gets a centred row
   of its own above; serpinGO stays centred on the row under it with the back-to-top on its right. */
.cc_b3eorip4_uccPE4gOCS .sg-ft__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 14px 28px;
  padding-top: 24px;
  border-top: 1px solid var(--ft-line-c);
  font-size: var(--sg-fs-sm);
  color: var(--ft-fg-2);
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__legal { grid-column: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; min-width: 0; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__sign { display: contents; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__sign > .sg-ft__credit { grid-column: 2; justify-self: center; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__sign > .sg-ft__top { grid-column: 3; justify-self: end; }
@media (max-width: 767px) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__legal { grid-column: 1 / -1; justify-content: center; text-align: center; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__blinks { justify-content: center; }
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__blinks { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0; padding: 0; list-style: none; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__blinks .sg-ft__link { min-height: 32px; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__pay { height: var(--ft-pay-h, 28px); width: auto; max-width: 100%; object-fit: contain; }
/* serpinGO signature (bottom right, or first in the last row, see above): the 256×54 logo is a mask painted
   with the footer text colour. The source has a transparent margin round the lettering (ink at x 28–228,
   y 4–50), so the box is cropped to the ink (--cl-u = one source pixel; 17px = the 46 rows of ink, the
   size it always had): the visible edges of the logo are its box edges and it lines up with the text
   beside it. The box keeps the proportions of the source (200 × 46 of 256 × 54), never stretched. */
.cc_b3eorip4_uccPE4gOCS .sg-ft__credit { display: inline-flex; align-items: center; flex-shrink: 0; min-height: 44px; padding: 0 4px; margin-inline: -4px; color: inherit; opacity: 0.85; transition: opacity var(--sg-t-fast); }
@media (hover: hover) { .cc_b3eorip4_uccPE4gOCS .sg-ft__credit:hover { opacity: 1; } }
.cc_b3eorip4_uccPE4gOCS .sg-ft__credit:focus-visible { opacity: 1; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__credit-logo {
  --cl-u: calc(17px / 46);
  display: block;
  flex-shrink: 0;
  width: calc(var(--cl-u) * 200);
  height: calc(var(--cl-u) * 46);
  background-color: currentColor;
  -webkit-mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAA2CAQAAACCL4/pAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+oCHAkLF3TyToAAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjYtMDItMjhUMDk6MTE6MjMrMDA6MDB34pb9AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI2LTAyLTI4VDA5OjExOjIzKzAwOjAwBr8uQQAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNi0wMi0yOFQwOToxMToyMyswMDowMFGqD54AABBYSURBVHja7dx7lF9VdQfwz72/30xCyIQkBiMYFOQlUISAAkZBBHlY0KXYVWlFVxUfrWvVR7tqoVXs0nappYraVkUe5eHi4QMFARVFQUBAIISX4ZEAgQQDeZHXJPP7/e7v9I97fnfub+Y3k5nMYMTMvmuyJvecu+85e3/PPnvvs+8kieEpmKA/ZUq39QAmaNvSBAC2c5oAwHZO1W09gG1C/Y7Pdu/ibJ8AePGo/QWH6vYJgB7dmhJNa/9IwZBIpBKNYnwVqabmuI832cL1J0cVXGqVxyxzi2m8YJPckmiHem+qsoUZjOOItz8LkGA3M81EGEcnOEWz7c7WrNVEKsNkc73WPnY3SROp5z1hoVstkqGqMT7D3v4AAJuwyQ42jZtBrciQlPgleoaVbqJmfQcumX293zvt0/Gpmjt8z2VWS4VxGf12twVUcZMgCJaZbuxbQCLFLAcVvBJUXelZiz3Z8VpslctpM/YVTPFVvXF0mbq6Rrzq6pqx5TGnYnyC+O0OABV8w6PudL9rTDVWAORCOslqP0JXvEeX30R1DXXdqmyBK9jP3YKgrqkpK5TfujJNmbog+DrGAwLbHQCgohp/xk4p/lUQfEcZAFW/EtRkHa6GXsGN+gFQwb5WROUHmawjaBrx34bg28W7xkDj5wMkUmkMUxKJsIWQJQ9zWvtYiqxj/xYKWz0rCBJkHdtzvs3INcRe7dTUidIBrSPhVJH5J/+urksXqqV+KdLCOexfq0FqhzbZJzJTXG6Wui5kKnjEDW7ziKqmbvs73vFmCKgIMh+y1Oei0zgWvY2DBRgqcBkqYEmG7D+8SRv8XDKIw+if6Uwj4VTBG2SCPsFFJXlQdXOxYoOgqaEZl8UCn/VBryvGUsF/CdG4NwTLnd5hce7m/MgrRDvx+o4jHQUlYz4OTuIqme4Qr7K7yei1yBPuslnLP24XW4aKI+xjL5Nkqp7zO/d4ZkD/RLCj3TVUrPF7MM8JpuB2P0Swi5kyiWXWSQRVb/A6u2ioetzt5nfguZtpMonM46Vwak/daHhSXaopNc9hdhEklprvFqQl65H7/LeZpyGVutO5XmKNq61E1Y2Okqmoe0SXfQtxJp72essKDqmm/d1jsiDRlHrKiRYOUm2igQ+4QG4DG6qud5L26OMPTDl+DvRNTw7Yteoe9nkzDHRUKpjsHzwQ8d5/PeNcu7X1r+AYwXI13wL/WfT+valSfEPwrLXeAf7CfW08+9zmyDaeVVwl86z17rNTnEOCe230vCe8Gvy1+W0zarrDWwaN7pRilWeCp3zMUXrie24W1ARL7GmqI5xXWILgt7oLThV8Ia7/pmCDuejuYKkqKvh8m2U52DY80suH+KkoqMwmm/Xps9nmOLzHHa2M5NzZaSlps8364k8Oh+edUupfxYlRuLfj3wRBzWbBQ3qkuDS2fxLnRhPa4lqL7/lESUhV3BhFvaQIAxMsib3n4eI4o5xTrQBreXQJvh+V0RB8o5hl/xZQEzzhpfH+30QI1AX/EjnlEcPDcRYNwX8Y2jdLMMnvSr3Ptg2zOSnOiut9sNdaVxdstH8h/hT7+L1QEmm5f66wYwshV3G8YLPgAQeqC2pxL10UAXCRYKPgC86MAu+/co87CN7VxvNncdde3GYBFsU3negrsb3MKee9xivjPBLMsrJY0z+L3FttZQDsgi5VfKzw8FfYVcuvmKdPiJn+1QOs4ECq4qPRXjQEvymAsU3UPzc6I0FwrdMc6lBzvdX/2CBo6hN8vyTkLvNjcBQ0XO7dDnGIY33aspj6CB7TUwiRE6IYl/lR4SbV9LorAuDi2L46Wp2Fvu5MZzrb/JLJXWKW1srkhvjM420WYHEU6cIImkXO888+4zKrShD4bIRSBScV4OhzkP6VOBAAL0MalXRHMc+PyQNS/i7OrC64lmG973wRrRE0ZYKlXmEbbQJVnFOs/k8PaD3cGnlUu8EcJKr4eNF/hTe39Z/tN4Vo/jEKuAWA/hxYcL3THGl/e0bhXdzWflab6D6qVpjcM0o8hwZAFjnVnGFywWeOO4uVe3cUdhVnasXkN7YpoTMA8mdOF6JdukFrVz+nBIB/18omdKYEFfcLGtFmHGGMkcDWUoqfx0k+awa6VOLVjS8XSjshTn4HCwoH5qRB/f9MbxTCXXF37AdAvmfXva9tBF0FAPqFRzXyTPGpQnELSrAdDgD5z/ti31RFF/ayLrZsNLMY2/mCukYJXsMDIMEcvVEGT9g53v9uvNMUvGeL6qzih/GJuuBtYwHA1puORFOlMNaTTJUHJ62dl1972F3mu8eq+MzBDoph1E9dp6JR5MZqqh70XXmgdJADB42tiTNcIlVViQmWcmvVU75EiWvAORZKBezj0BHNN5O6wCWqUo2Yeq1a5JY4ti67yVM3zNbafe8dsdyec3/87SV2ic93FzJl9RY5BCwtPfHKrdbhiAQy9DCqMk9F8e/kPHM0NDSjWUtdbT+HOdRr3R0j1cO0snjXa62v/ov5SDV0OWTQ2yqedAHEnPjgo9drrVctRfxBRd01CDI7jChgCioy5yGU3tDEg4XIW757mdv6DryapZ9+qlkdx7tjDBjbXbiRaaTs94/J/I/FeQj4uTy1GZzgIRc6xctlUUFdhYlvJSr2L955N/ra8uN9lJIfe2nPQWW4zfNtiZgyJbhlkLAT/JaYqtpjhPNa6T5kA/hsaJt3KH4bSgmJHTEJPYWCc/CvjDNKzYz3xxbGNcfy8Fhe3cRFTnOUuopgmvd7v2fd5QY3e9Rm/XnCnPYrnny3o1TbVJzqs49m9JZ37PC+J1EZYroBiw0MhwJWyXPn7IzmFiAf8LjNHVraXbwc0v1vq3fgtMCO1ptiiZoyWKpaG+jkyKM2YAQjk32Z31bTWB4OUnWnucI84jqumO1kJ8vc52aXWBCNak47FML8+JATa2p2UHOKp4cUT1BVs7Zj+zobI5x2GqF4ayPoE+JoWzRnUGvDhwfdSwRJXPddeE7ZnuQ0aYvvTjCtxPWZEYx3SBpb/NhU8bSjfcrS6MtX1NQ1VBzik+5xg9fEs612gQ09nlQX9jVYWUOfegWstanj/TXF/jxNywhvWcBbpopcgfmcDu44l/5opJ+meFX8raFProEWEDL55jf8CJoUPBIsG9F4h6CxJhEzqbqzXeg4b3eEPaJHm2lKVRznTu9x1YA9MlgqG3KaTTsWcUOZhhfLUCeJ3UVUPbZj0070sNYSeqPBgB0M90Swp73jXFZ5Lv72WCEXDjK8nUo1vSxmVoKKNVYaQ9H42ACQyDeCilWucIVpDnGM48w1KRr+uskustBCXSWV1xxthe4Ow04j375RTSoRzOzgNyTY2fT4v1XG89ws4CEt/+JN3ujWLZZqVjT9lRYUl1sih8lD8kqCFEeY7vlhxplqOtwrNKUyFU9bMipZdRT41guhdbiR57TWuclZXu8An/CgiqBLXY8Pxze1dquqLuutsnrQtdJKK62wblTZ7dzR7I/K++8zRUVeLLJuzPMtUxN3WoFcoZ9DY9iQrEvdq/2t/txBFpfJgrgJpDJ7+nPDhXZNfEC/yu+1aYA7PSoam0C69Jhqqh5dMpkkxvOLfc3BLpDIpHgNGnKk57H2Aai2VZ6kmO18l7vED5w+ot26nQ7veHeP+G6WjHm+ZQpSq/ycqMY3+2r8vVrk/cnjoIqqRN00F5gui+3XyZdQxXI3UsQVZ5msMYRt7tJ0orfrP0m8ypgCwa0XSIq/NN9NbnWz12qVTeXl0d0yn7MmGshZpsnwAHG4eTVM+bwN5jjdqd7rFPsb/QnXsR2UxJuIjuWjYxPVIEpwsXwTqAg+7mp7yuJpZaoijdYnz/0f627zZCqaUo+4Xv86vjDySzXt6zto6JJKSwukoqJuPxdpJZhS97Vx2Uo1bv30Z9jLoQ4y137KRxhBA6s9EwfXqw/cbm00bu+xk3obyqs4EnV98rzbaACQ4hhvkJlUiKxb5hVO1nK57jG+AMgkbvCTmBZONL3dAy50igPN1Iw1vKldHeZ01/mFvWNE1MS39Mbl0cQvXC/VkEPgXX7s5bE2uL8gJZN5m1+ZHe1qE1/ViFz+4FTBmwQ1NcEv492klKV/a3ESd4XWudelxfHJ2aUnclW/2rPxiGOT/bWOSk8ozg8/ZKDTWj4Magge8rK29iluKtbf94zkOLguuLnjXD9bHL8colzfcKA+/dW6ubLWetICd7nHXR6y1KZChSG+4/ZSQjnnf4D1bXxW+Yo32sVUiW49dvcO15TeUhNcY/R2ctwowVQPCxoywbUOKLX2OD2eWdcFH9AK0w4uTtCD84toltQ7PSnI1ATfLSlrpABoVSB92Bxdur3cae6NB7yZ4C1Gchw8OgDkLR8sqaXZsTSmBfqW4tZ5jcEfhZxWwKMfSsvM90u3WWC9/tKUpprgYS+1DcvB8kF/KO77TUHDb13uHP/rh5bHwdYEC3RrnWPngmztk71+5du+7BIPlvqv9KpRAqAm2GiZVqHZYotjeUgjtn5Hq8xifAGQ//ZR7VVR5Y86WtLp9wXWO9JgPz8toFSPh9KNAVBqRKnl939nL9uoDqCfEnxRq3qu2TbcWizPWmJv/fE9fDNOp73oqlUQtso8A0vCevUJTh8SAH2CZxzjaUGtJO56FOY9eooxVPETQa/g0baSsEcEm+TFHYMB8BnBJg2bzNV+MpDgRI8UFqBRUnkLDv0W4NcOGEJxKd7sfq06poZMI34c1vq3BYnLTN/26m8p9FSPlybbV6pYbbi0qKErP/ERK0p9+kri+r49tBeFnly0/f2wAFhjlr1jGVjZiAZXtdUmV+VlWUGwxowSANbEuws6AuBLBb/DDDS8KaY5w2MltbdsQBnkd3hvwa8T5RXTH7FgwMovw2mznzpuWC6jorFlAvNY/QrXOdnJ9rOrKXrUrbHSEve60gLtVfn5E+f6gVMdZ2+z7Kxinec95W5XuqOtfxNPuMx6iUkWGM6Lz0zzmMOd5lR7m6VHr6UW+j9XD+J5pUU26La8OPcL+KZdbTY5Ziva58mtdrFJKrPcwMCrqWKdL/pvxzvagXYzuzjrZ5VnPWm+X8TNZfCXEv1zqNjsXBc4xrEONsdLVczAGhst97g7/NgirS+pxoHGw4dsTWhHM0wy3Ua9NsTKlsFfzZefmKFHj25r9VoRg6mkrX97SnRggrRL3cXep6bbanM9FXvMNtU0G6yO6d/heI5UTmELHFpf9pPnPXaSClKbrLfO88XMt/Q3Psp8ppsmNVPNBn3W6h0gvz8aamUA2+9Vh/FQO7V27p/oitfg1vIWsDJuNu2fo3X+aK0aOVZHcLefU2scQy+aJIauI5vvcPJMVTt+GFId77BvfD4pCMXqba2O/ER8uCcag55oDNGzbjSUxbRyEn2STtQYxd0WNUeQRGqXQ+velqUxmE/QLD7ObNmb8EKs+/H8piSM2rSO/oltx/UP//6BpSIvCE38ocjtnF78AMjQiN//TNCo6cX/R6KmYwpmb/u0yIuRXtwAyPA1v9SrapMVXkx/A3SCxoXat7A/0T9p9ELSi19kFanWJ2kT63+CJmiCJmiCJmiCJmhE9P8WtzNMDhhFogAAAABJRU5ErkJggg==") no-repeat;
  -webkit-mask-size: calc(var(--cl-u) * 256) calc(var(--cl-u) * 54);
  -webkit-mask-position: calc(var(--cl-u) * -28) calc(var(--cl-u) * -4);
  mask: url("data:image/png;base64,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") no-repeat;
  mask-size: calc(var(--cl-u) * 256) calc(var(--cl-u) * 54);
  mask-position: calc(var(--cl-u) * -28) calc(var(--cl-u) * -4);
}

.cc_b3eorip4_uccPE4gOCS .sg-ft__top {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--ft-line-c);
  border-radius: 50%;
  background: none;
  color: var(--ft-fg);
  transition: background var(--sg-t-mid), color var(--sg-t-mid), border-color var(--sg-t-mid);
}
@media (hover: hover) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__top:hover { background: var(--ft-fg); color: var(--ft-bg, #fff); border-color: var(--ft-fg); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__top:hover svg { animation: cc_b3eorip4_uccPE4gOCS_sg-ft-up 700ms var(--sg-ease-out) infinite; }
}

/* ---------- giant wordmark ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-ft__wm {
  margin-top: clamp(24px, 4vw, 48px);
  margin-bottom: calc(var(--sg-pb, 28px) * -1 - 0.12em);
  color: var(--ft-wm, color-mix(in srgb, var(--ft-fg) 14%, transparent));
  font-family: var(--sg-font-display);
  font-size: clamp(64px, 17vw, 300px);
  font-weight: var(--sg-display-weight);
  letter-spacing: -0.04em;
  line-height: 0.82;
  white-space: nowrap;
  user-select: none;
}
.cc_b3eorip4_uccPE4gOCS .sg-ft__wm:not(.sg-ft__wm--marquee) { padding-inline: var(--sg-gutter); text-align: center; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__wm-text { overflow: hidden; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__wm-word { display: inline-flex; align-items: center; gap: 0.35em; }
.cc_b3eorip4_uccPE4gOCS .sg-ft__wm-star { font-size: 0.4em; opacity: 0.8; }

/* ==========================================================================
   Small desktop, tablet & phone
   ========================================================================== */
/* brand block on top (one column at full width: logo, brand text, compact form
   under the text, social), the link columns keep one row below it */
@media (max-width: 1199px) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__in { gap: 12px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__title { font-size: 14px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__main { grid-template-columns: minmax(0, 1fr); row-gap: 44px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__brand { max-width: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__cnl { max-width: 420px; }
}
@media (max-width: 1023px) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl { grid-template-columns: minmax(0, 1fr); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats { grid-template-columns: repeat(var(--ftf-cols-t, 2), minmax(0, 1fr)); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__cols--n1 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__band { margin-bottom: 32px; padding-bottom: 28px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats { --ftf-gap: 20px; grid-template-columns: repeat(var(--ftf-cols-m, 2), minmax(0, 1fr)); row-gap: 24px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats:not(.sg-ft__feats--m1) .sg-bi__in { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 12px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--a-center:not(.sg-ft__feats--m1) .sg-bi__in { align-items: center; text-align: center; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--a-right:not(.sg-ft__feats--m1) .sg-bi__in { align-items: flex-end; text-align: right; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__title { font-size: 14px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__desc { font-size: 12.5px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__go { display: none; }
  /* carousel: one swipeable row, --ftf-cols-m items per page, each item centred — icon, title and text
     on the middle line of the item, whatever featuresAlign says (merchant request; the alignment prop
     still applies on tablets / desktops and to the phone grid without the carousel). The icon sits in
     the middle of its item, so its halo and ripple rings stay whole far inside the strip. The strip
     reaches --ftf-edge (8px) into the gutter on both sides, only so a linked item's keyboard focus ring
     (4px outside the item) is never cut off; the items, their snap points (scroll-padding) and the pages
     stay on the content edges, and 8px is less than the 20px gap, so nothing of the next page peeks in.
     18px of room above / below keep the rings whole vertically; negative margins: the band keeps its
     exact size. No page indicator under it (merchant's choice): it pages on by itself (TSX useAutoPage). */
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--carousel {
    --ftf-edge: 8px;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - (var(--ftf-cols-m, 2) - 1) * var(--ftf-gap)) / var(--ftf-cols-m, 2));
    margin: -18px calc(var(--ftf-edge) * -1);
    padding: 18px var(--ftf-edge);
    scroll-padding-inline: var(--ftf-edge);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats.sg-ft__feats--carousel .sg-bi__in { flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--carousel::-webkit-scrollbar { display: none; }
  /* glide after a mouse drag (TSX): snap stays off until it has arrived on the page start */
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--carousel.is-gliding { scroll-snap-type: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--carousel .sg-bi { scroll-snap-align: start; scroll-snap-stop: always; }
  /* phone carousel: no divider between the swiped items (merchant request) */
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--carousel.sg-ft__feats--div .sg-bi.has-sep::after { content: none; display: none; }
  /* pages: only the first item of each page is a snap point (set from TSX) */
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats--carousel .sg-bi[data-ftf-mid] { scroll-snap-align: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl { padding: 24px 20px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-row { flex-wrap: wrap; padding: 6px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-icon { display: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-input { flex-basis: 100%; padding: 0 12px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-btn { width: 100%; }
  /* the compact form stays on one line */
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-row { flex-wrap: nowrap; padding: 4px 4px 4px 14px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-input { flex-basis: auto; padding: 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-form--sm .sg-ft__nl-btn { width: auto; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__main { gap: 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__brand { margin-bottom: 28px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__cnl { max-width: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__cols, .cc_b3eorip4_uccPE4gOCS .sg-ft__cols--n1 { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col { border-bottom: 1px solid var(--ft-line-c); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col-h:not(.sg-ft__col-h--static) { margin: 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col-btn { min-height: 56px; cursor: pointer; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col-mark { position: relative; display: block; width: 12px; height: 12px; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col-mark::before, .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col-mark::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 1.5px;
    background: currentColor;
    transition: transform var(--sg-t-mid) var(--sg-ease-out);
  }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col-mark::after { transform: rotate(90deg); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col.is-open .sg-ft__col-mark::after { transform: rotate(0deg); }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__panel {
    grid-template-rows: 0fr;
    visibility: hidden;
    transition: grid-template-rows var(--sg-t-mid) var(--sg-ease-out), visibility 0s linear var(--sg-t-mid);
  }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col.is-open .sg-ft__panel { grid-template-rows: 1fr; visibility: visible; transition-delay: 0s; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col.is-open .sg-ft__links { padding-bottom: 16px; }
  /* a column without a title cannot be toggled: its links stay open */
  .cc_b3eorip4_uccPE4gOCS .sg-ft__col-h--empty { display: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col--untitled { padding: 12px 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col--untitled .sg-ft__panel { grid-template-rows: 1fr; visibility: visible; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__contact { padding: 16px 0; border-bottom: 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft:not(.sg-ft--acc) .sg-ft__col { padding: 16px 0; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__link { min-height: 40px; }
  /* contact links (phone, e-mail) keep the 20px text row but get a 40px tap area */
  .cc_b3eorip4_uccPE4gOCS .sg-ft__contact-item .sg-ft__link { padding-block: 10px; margin-block: -10px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_uccPE4gOCS .sg-ft__soc, .cc_b3eorip4_uccPE4gOCS .sg-ft__link, .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__panel, .cc_b3eorip4_uccPE4gOCS .sg-ft--acc .sg-ft__col-mark::after { transition: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__top:hover svg, .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-ok, .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-okicon, .cc_b3eorip4_uccPE4gOCS .sg-ft__nl-err { animation: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__tile, .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__icon, .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__tile::after { animation: none !important; transition: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__mark::before, .cc_b3eorip4_uccPE4gOCS .sg-ft__feats .sg-bi__mark::after { animation: none !important; display: none; }
  .cc_b3eorip4_uccPE4gOCS [data-sg-motion="on"] .sg-ft__feats[data-sg-reveal] .sg-bi { opacity: 1; transform: none; transition: none; }
}

/* own copies: the build renames keyframes per bundle, so the ones in SgBenefitItem cannot be reached from here */
@keyframes cc_b3eorip4_uccPE4gOCS_sg-ft-up { 0% { transform: translateY(0); } 45% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
/* two staggered sonar rings leaving the icon circle */
@keyframes cc_b3eorip4_uccPE4gOCS_sg-ftf-ripple { 0% { transform: scale(1); opacity: 0.85; } 80%, 100% { transform: scale(1.7); opacity: 0; } }
/* a light sweep crossing the circle, then a pause */
@keyframes cc_b3eorip4_uccPE4gOCS_sg-ftf-shine { 0% { transform: translateX(0) skewX(-20deg); } 45%, 100% { transform: translateX(380%) skewX(-20deg); } }
@keyframes cc_b3eorip4_uccPE4gOCS_sg-ftf-beat { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.14); } 60% { transform: scale(0.98); } }
@keyframes cc_b3eorip4_uccPE4gOCS_sg-ftf-wiggle { 0%, 60%, 100% { transform: rotate(0); } 70% { transform: rotate(-10deg); } 80% { transform: rotate(9deg); } 90% { transform: rotate(-5deg); } }
@keyframes cc_b3eorip4_uccPE4gOCS_sg-ftf-bounce {
  0%, 50%, 100% { transform: translateY(0) scale(1, 1); }
  10% { transform: translateY(0) scale(1.07, 0.93); }
  25% { transform: translateY(-9px) scale(0.97, 1.03); }
  40% { transform: translateY(0) scale(1.04, 0.96); }
}

/* ==========================================================================
   WaHelp — site-wide WhatsApp launcher + "pick a topic" panel (SgFooter)
   Launcher: round WhatsApp-green button fixed in a bottom corner (clear of the
   header's mobile bottom nav and the home indicator); `--wa-lift` (TSX) raises it
   over the back-to-top buttons it would otherwise cover.
   Panel: phones — bottom sheet with grab handle over a dimmed page; ≥768px — a
   compact card popping up above the launcher (click outside closes it).
   The rows are SgWaTopic children (own CSS); this file only sets their chevron
   colour (--wah-chev) and the opening cascade.
   Everything inside re-declares its colours: the dark footer's text colour must
   not leak into the white panel.
   ========================================================================== */
.cc_b3eorip4_uccPE4gOCS .sg-wah {
  --wah-c: var(--wa-c, #25d366);
  --wah-on: var(--wa-on, #ffffff);
  --wah-head: var(--wa-head, #075e54);
  --wah-head-fg: var(--wa-head-fg, #ffffff);
  /* a deeper tone of the green: the topic chevrons stay legible on white */
  --wah-chev: color-mix(in srgb, var(--wah-c) 62%, #000);
  --wah-size: 56px;
  --wah-x: max(16px, calc(env(safe-area-inset-right) + 12px));
  --wah-xl: max(16px, calc(env(safe-area-inset-left) + 12px));
  --wah-y: calc(var(--wa-b, 24px) + var(--sg-bottomnav-h, 0px) + env(safe-area-inset-bottom));
  --wah-lift: var(--wa-lift, 0px);
  color: var(--sg-ink);
}
.cc_b3eorip4_uccPE4gOCS .sg-wah--text { --wah-size: 52px; }

/* ---------- launcher ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-wah__fab {
  position: fixed;
  right: var(--wah-x);
  bottom: var(--wah-y);
  z-index: var(--sg-z-sticky, 100);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: var(--wah-size);
  height: var(--wah-size);
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--wah-c);
  color: var(--wah-on);
  text-decoration: none;
  box-shadow: 0 12px 26px -10px color-mix(in srgb, var(--wah-c) 75%, transparent), 0 2px 8px rgba(17, 19, 21, 0.16);
  cursor: pointer;
  translate: 0 calc(var(--wah-lift) * -1);
  -webkit-tap-highlight-color: transparent;
  transition:
    translate calc(320ms * var(--sg-speed, 1)) var(--sg-ease-out),
    scale var(--sg-t-fast) var(--sg-ease-out),
    box-shadow var(--sg-t-mid) var(--sg-ease-out);
  animation: cc_b3eorip4_uccPE4gOCS_sg-wah-in calc(560ms * var(--sg-speed, 1)) var(--sg-ease-spring) calc(350ms * var(--sg-speed, 1)) both;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah--left .sg-wah__fab { right: auto; left: var(--wah-xl); }
@media (hover: hover) {
  .cc_b3eorip4_uccPE4gOCS .sg-wah__fab:hover { scale: 1.05; box-shadow: 0 16px 32px -10px color-mix(in srgb, var(--wah-c) 80%, transparent), 0 3px 10px rgba(17, 19, 21, 0.18); }
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__fab:active { scale: 0.94; }
/* the global ring would square the circle off */
.cc_b3eorip4_uccPE4gOCS .sg-wah__fab:focus-visible { border-radius: 999px; box-shadow: var(--sg-focus), 0 12px 26px -10px color-mix(in srgb, var(--wah-c) 75%, transparent); }

/* glyph ↔ close cross-fade inside one cell */
.cc_b3eorip4_uccPE4gOCS .sg-wah__badge { position: relative; display: grid; place-items: center; flex-shrink: 0; width: 100%; height: 100%; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__badge > svg {
  grid-area: 1 / 1;
  display: block;
  transition: opacity var(--sg-t-mid) var(--sg-ease-out), transform calc(420ms * var(--sg-speed, 1)) var(--sg-ease-out);
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__x { opacity: 0; transform: rotate(-90deg) scale(0.5); }
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__glyph { opacity: 0; transform: rotate(90deg) scale(0.5); }
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__x { opacity: 1; transform: none; }

/* attention ring: twice after the page has settled, never while the panel is open */
.cc_b3eorip4_uccPE4gOCS .sg-wah__fab--pulse::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 2px solid var(--wah-c);
  opacity: 0;
  pointer-events: none;
  animation: cc_b3eorip4_uccPE4gOCS_sg-wah-ring calc(1800ms * var(--sg-speed, 1)) var(--sg-ease-out) calc(1600ms * var(--sg-speed, 1)) 2;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__fab--pulse::before { animation: none; }

/* with a label: white pill, the green badge on its left */
.cc_b3eorip4_uccPE4gOCS .sg-wah__fab--text {
  width: auto;
  padding: 0 20px 0 6px;
  border: 1px solid var(--sg-line);
  background: #fff;
  color: var(--sg-ink);
  box-shadow: 0 12px 28px -12px rgba(17, 19, 21, 0.32), 0 2px 8px rgba(17, 19, 21, 0.08);
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__fab--text .sg-wah__badge {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wah-c);
  color: var(--wah-on);
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__label { font-size: 14.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
@media (hover: hover) {
  .cc_b3eorip4_uccPE4gOCS .sg-wah__fab--text:hover { box-shadow: 0 16px 32px -12px rgba(17, 19, 21, 0.36), 0 3px 10px rgba(17, 19, 21, 0.1); }
}

/* ---------- panel layer ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-wah__layer {
  position: fixed;
  inset: 0;
  /* over the header and the sticky bars, under the header's drawers / search and the toasts */
  z-index: calc(var(--sg-z-drawer, 400) - 10);
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0s linear calc(420ms * var(--sg-speed, 1));
}
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__layer { pointer-events: auto; visibility: visible; transition: visibility 0s; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 12, 14, 0.5);
  opacity: 0;
  transition: opacity calc(360ms * var(--sg-speed, 1)) var(--sg-ease-out);
  -webkit-tap-highlight-color: transparent;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__backdrop { opacity: 1; }

.cc_b3eorip4_uccPE4gOCS .sg-wah__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-height: min(88vh, 680px);
  overflow: hidden;
  border-radius: 22px 22px 0 0;
  background: #fff;
  color: var(--sg-ink);
  font-size: 15px;
  line-height: 1.4;
  box-shadow: 0 -16px 48px rgba(10, 12, 14, 0.22);
  padding-bottom: env(safe-area-inset-bottom);
  transform: translateY(104%);
  transition: transform calc(440ms * var(--sg-speed, 1)) var(--sg-ease-out);
  outline: none;
}
@supports (height: 1dvh) {
  .cc_b3eorip4_uccPE4gOCS .sg-wah__panel { max-height: min(88dvh, 680px); }
}
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__panel { transform: none; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__panel:focus-visible { box-shadow: 0 -16px 48px rgba(10, 12, 14, 0.22); border-radius: 22px 22px 0 0; }

/* ---------- header bar ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-wah__head {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 20px 10px 16px 16px;
  background: var(--wah-head);
  color: var(--wah-head-fg);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__grip {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 40px;
  height: 4px;
  margin-left: -20px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.38;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__logo {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wah-c);
  color: var(--wah-on);
  box-shadow: 0 0 0 3px color-mix(in srgb, #fff 16%, transparent);
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__logo-glyph { display: block; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__htext { display: grid; gap: 1px; min-width: 0; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__title { font-size: 16px; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__sub { font-size: 13px; line-height: 1.35; opacity: 0.82; overflow-wrap: anywhere; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__close {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  color: inherit;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__close::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: color-mix(in srgb, currentColor 16%, transparent);
  transition: background-color var(--sg-t-fast) var(--sg-ease-out);
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__close svg { position: relative; transition: transform calc(300ms * var(--sg-speed, 1)) var(--sg-ease-out); }
@media (hover: hover) {
  .cc_b3eorip4_uccPE4gOCS .sg-wah__close:hover::before { background: color-mix(in srgb, currentColor 26%, transparent); }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__close:hover svg { transform: rotate(90deg); }
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__close:focus-visible { border-radius: 50%; }

/* ---------- rows (SgWaTopic) + note ---------- */
.cc_b3eorip4_uccPE4gOCS .sg-wah__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__list .sg-wat {
  animation: cc_b3eorip4_uccPE4gOCS_sg-wah-row calc(440ms * var(--sg-speed, 1)) var(--sg-ease-out) both;
  animation-delay: calc((90ms + var(--wa-i, 0) * 45ms) * var(--sg-speed, 1));
}
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-preview .sg-wah__list .sg-wat { animation: none; }
.cc_b3eorip4_uccPE4gOCS .sg-wah__note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 13px 18px 15px;
  color: var(--sg-ink-2);
  font-size: 12.5px;
  line-height: 1.4;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah__dot { position: relative; flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: var(--wah-c); }
.cc_b3eorip4_uccPE4gOCS .sg-wah__dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--wah-c);
  opacity: 0;
}
.cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__dot::after { animation: cc_b3eorip4_sg-ping calc(2200ms * var(--sg-speed, 1)) var(--sg-ease-out) 600ms infinite; }

/* ---------- tablet & desktop: compact card above the launcher ---------- */
@media (min-width: 768px) {
  .cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__fab { z-index: calc(var(--sg-z-drawer, 400) - 9); }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__backdrop { background: transparent; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__panel {
    left: auto;
    right: var(--wah-x);
    bottom: calc(var(--wah-y) + var(--wah-lift) + var(--wah-size) + 14px);
    width: min(360px, calc(100vw - 32px));
    max-height: calc(100vh - var(--wah-y) - var(--wah-lift) - var(--wah-size) - 38px);
    border-radius: 18px;
    padding-bottom: 0;
    box-shadow: 0 28px 64px -16px rgba(10, 12, 14, 0.32), 0 2px 10px rgba(10, 12, 14, 0.08);
    opacity: 0;
    transform: translateY(12px) scale(0.96);
    transform-origin: calc(100% - 28px) 100%;
    transition: opacity calc(200ms * var(--sg-speed, 1)) var(--sg-ease-out), transform calc(340ms * var(--sg-speed, 1)) var(--sg-ease-out);
  }
  .cc_b3eorip4_uccPE4gOCS .sg-wah--left .sg-wah__panel { right: auto; left: var(--wah-xl); transform-origin: 28px 100%; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__panel { opacity: 1; transform: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__panel:focus-visible { box-shadow: 0 28px 64px -16px rgba(10, 12, 14, 0.32), 0 2px 10px rgba(10, 12, 14, 0.08); border-radius: 18px; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__head { padding: 16px 10px 16px 16px; touch-action: auto; user-select: auto; -webkit-user-select: auto; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__grip { display: none; }
}

/* ---------- phones ---------- */
@media (max-width: 767px) {
  .cc_b3eorip4_uccPE4gOCS .sg-wah { --wah-size: 54px; --wah-y: calc(var(--wa-b-m, var(--wa-b, 24px)) + var(--sg-bottomnav-h, 0px) + env(safe-area-inset-bottom)); }
  .cc_b3eorip4_uccPE4gOCS .sg-wah--text { --wah-size: 50px; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__label { font-size: 14px; }
}

@keyframes cc_b3eorip4_uccPE4gOCS_sg-wah-in {
  from { opacity: 0; transform: scale(0.4); }
  to { opacity: 1; transform: none; }
}
@keyframes cc_b3eorip4_uccPE4gOCS_sg-wah-ring {
  0% { opacity: 0.6; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.7); }
}
@keyframes cc_b3eorip4_uccPE4gOCS_sg-wah-row {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_uccPE4gOCS .sg-wah__fab { animation: none; transition: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__fab:hover, .cc_b3eorip4_uccPE4gOCS .sg-wah__fab:active { scale: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__fab--pulse::before, .cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__dot::after, .cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__list .sg-wat { animation: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__badge > svg, .cc_b3eorip4_uccPE4gOCS .sg-wah__close svg { transition: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__close:hover svg { transform: none; }
  /* no slide / scale: the panel only fades */
  .cc_b3eorip4_uccPE4gOCS .sg-wah__panel, .cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__panel { transform: none; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah__panel { opacity: 0; transition: opacity 120ms linear; }
  .cc_b3eorip4_uccPE4gOCS .sg-wah.is-open .sg-wah__panel { opacity: 1; }
}