/* Saved-request notice, matching the mobile reference; Account owns package styling. */
.av-result.av-result-credit {
  padding: 0; border: 0; border-radius: 0; background: none;
  box-shadow: none; backdrop-filter: none; animation: none;
}
.av-credit-composition { color: #071619; font-family: var(--font-ui); }
.av-credit-card {
  position: relative; display: flex; flex-direction: column; align-items: center;
  padding: 26px 28px 20px; border: 1px solid #e5ecee; border-radius: 28px;
  background: rgba(255,255,255,.94); box-shadow: 0 16px 44px #274b3e08; text-align: center;
}
.av-credit-wallet { display: block; width: 130px; height: 100px; margin: 0 18px 22px 0; overflow: visible; }
.av-credit-card h2 {
  margin: 0; color: #061417; font: 720 34px/1.2 var(--font-ui);
  letter-spacing: -.8px; outline: none;
}
.av-credit-card > p { margin: 10px 0 0; color: #576d77; font-size: 18px; line-height: 1.45; }
.av-credit-saved {
  display: flex; align-items: center; gap: 18px; width: 100%; margin-top: 22px;
  padding: 20px; border: 1px solid #dbefea; border-radius: 16px;
  background: linear-gradient(115deg,#f0faf6,#f5faf8); text-align: left;
}
.av-credit-check {
  display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px;
  border-radius: 50%; color: #fff; background: linear-gradient(120deg,#0ab968,#009648);
}
.av-credit-check svg { width: 25px; height: 25px; }
.av-credit-saved strong { display: block; font-size: 18px; font-weight: 550; line-height: 1.3; }
.av-credit-saved p { margin: 6px 0 0; color: #576d77; font-size: 14px; line-height: 1.35; }
.av-credit-buy {
  display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%;
  min-height: 62px; margin-top: 18px; padding: 12px; border: 0; border-radius: 999px;
  color: #fff; background: linear-gradient(110deg,#29c47e 0%,#05a761 55%,#008849 100%);
  box-shadow: inset 0 1px 1px #ffffff40,0 14px 28px #0b9e5b13;
  font: 550 22px/1.3 var(--font-ui); cursor: pointer;
}
.av-credit-buy:hover { filter: brightness(1.04); }
.av-credit-buy svg { width: 25px; height: 25px; }
.av-credit-return {
  display: block; min-height: 44px; margin-top: 14px; padding: 6px 16px; border: 0;
  color: #526976; background: transparent; font: 400 18px/1.4 var(--font-ui); cursor: pointer;
}
.av-credit-return:hover { color: #07844b; }
.av-credit-close {
  position: absolute; right: 15px; top: 12px; display: grid; place-items: center;
  width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%;
  background: #edf6f1; color: #597468; font: 25px/1 var(--font-ui); cursor: pointer;
}
.av-credit-composition button:focus-visible, #av-credit-header-back:focus-visible {
  outline: 3px solid #159c62; outline-offset: 4px;
}
.av-credit-composition svg, #av-credit-header-back svg {
  fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}
.av-credit-composition .av-credit-wallet { stroke: none; }
.av-credit-benefits { display: flex; justify-content: space-between; gap: 14px; margin: 24px 12px 0; }
.av-credit-benefits > span { display: flex; align-items: center; gap: 12px; color: #3f5a68; font-size: 12px; line-height: 1.35; }
.av-credit-benefits > span + span { position: relative; }
.av-credit-benefits > span + span::before { content: ''; position: absolute; left: -16px; height: 26px; border-left: 1px solid #dfe8e9; }
.av-credit-benefits i { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 50%; background: #e7f6ef; color: #00994c; }
.av-credit-benefits svg { width: 22px; height: 22px; }
.av-credit-benefits > span:nth-child(2) svg { fill: currentColor; }
#av-credit-header-back { width: 40px; height: 40px; padding: 8px; border: 0; background: transparent; color: #0b191e; cursor: pointer; }
#av-credit-header-back svg { width: 22px; height: 22px; }

#av-credit-notice {
  width: min(490px, calc(100vw - 40px)); max-height: calc(100dvh - 40px);
  margin: auto; padding: 0 0 24px; overflow: auto; border: 0; border-radius: 28px;
  background: #f8fcfa; box-shadow: 0 30px 100px #153e2d33;
}
#av-credit-notice::backdrop { background: #163d2e66; backdrop-filter: blur(6px); }
#av-credit-notice .av-credit-card { border: 0; border-radius: 28px 28px 0 0; box-shadow: none; }
#av-credit-notice .av-credit-benefits { margin-inline: 28px; }
html:has(#av-credit-notice[open]), body:has(#av-credit-notice[open]) { overflow: hidden; }

/* Native modal for the ordinary active-account purchase card and its existing fit helper. */
#av-credit-purchase-dialog {
  width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0;
  border: 0; background: transparent; overflow: visible;
}
#av-credit-purchase-dialog::backdrop { background: transparent; }
#av-credit-purchase-dialog #account-main-grid { display: block; margin: 0; padding: 0; }
#av-credit-purchase-dialog #account-credit-purchase-status { margin: 0; font-size: 20px; line-height: 1.4; }
#av-credit-purchase-dialog #account-credit-purchase-status[hidden] { display: none; }
#av-credit-purchase-dialog #account-credit-purchase-status.field-error { color: #b42234; }

@media (min-width: 861px) {
  #av-credit-notice { zoom: calc(1 / var(--desktop-ui-scale, .8)); }
}

@media (max-width: 860px) {
  body.avansat-page.av-credit-notice-open {
    background:
      radial-gradient(ellipse 75% 34% at -18% 10%, #c7efdccc 0 65%, transparent 66%),
      radial-gradient(ellipse 65% 49% at 120% 91%, #d7f4e5bb 0 66%, transparent 67%),
      linear-gradient(135deg, transparent 55%, #e5f8ef99 55% 67%, transparent 67%),
      #fbfdfc;
  }
  .av-credit-notice-open .mobile-brand-header {
    min-height: 50px; margin-bottom: 0; padding: 5px 13px; grid-template-columns: 40px minmax(0,1fr) 40px;
    background: #ffffffed; box-shadow: none;
  }
  .av-credit-notice-open .mobile-brand-header-logo { width: 128px; }
  .av-credit-notice-open .mobile-brand-header-account { width: 40px; height: 40px; }
  .av-credit-notice-open #mobile-menu-toggle,
  .av-credit-notice-open .av-head h1,
  .av-credit-notice-open .av-sub,
  .av-credit-notice-open .av-back,
  .av-credit-notice-open .av-credit-close { display: none; }
  .av-credit-notice-open .av-main {
    min-height: calc(100svh - 54px);
    align-items: center;
    padding: 32px 5.85vw;
  }
  .av-credit-notice-open .av-stage { max-width: 450px; }
  .av-credit-notice-open .av-head { margin-bottom: 24px; }
  .av-credit-notice-open #av-credit-header-back { position: absolute; z-index: 2; top: -14px; left: -10px; }
  .av-credit-notice-open .av-eyebrow { margin: 0; padding: 0; font-size: 8.5px; line-height: 1.4; letter-spacing: .36em; }
  .av-credit-card { padding: 12px 17px 12px; border-radius: 23px; }
  .av-credit-wallet { width: 100px; height: 73px; margin: 0 14px 16px 0; }
  .av-credit-card h2 { font-size: clamp(23px,7.45vw,34px); letter-spacing: -.65px; }
  .av-credit-card > p { margin-top: 4px; font-size: clamp(13px,3.85vw,18px); line-height: 1.42; }
  .av-credit-saved { gap: 17px; margin-top: 15px; padding: 14px 22px; border-radius: 11px; }
  .av-credit-check { flex-basis: 29px; width: 29px; height: 29px; }
  .av-credit-check svg { width: 19px; height: 19px; stroke-width: 2.4; }
  .av-credit-saved strong { font-size: clamp(11px,3.55vw,16px); font-weight: 550; white-space: nowrap; }
  .av-credit-saved p { margin-top: 5px; font-size: clamp(9px,3.05vw,14px); white-space: nowrap; }
  .av-credit-buy { min-height: 49px; margin-top: 14px; padding: 10px 5px; gap: 9px; font-size: clamp(16px,4.65vw,22px); }
  .av-credit-buy svg { width: 21px; height: 21px; }
  .av-credit-return { min-height: 36px; margin-top: 14px; padding: 5px; font-size: 14px; }
  .av-credit-benefits { gap: 12px; margin: 23px 10px 0; }
  .av-credit-benefits > span { gap: 11px; font-size: 9px; }
  .av-credit-benefits > span + span::before { left: -16px; height: 24px; }
  .av-credit-benefits i { width: 32px; height: 32px; }
  .av-credit-benefits svg { width: 18px; height: 18px; }
}

@media (max-width: 359px) {
  .av-credit-saved { gap: 10px; padding-inline: 12px; }
  .av-credit-benefits { margin-inline: 0; gap: 10px; }
  .av-credit-benefits > span { gap: 6px; font-size: 8px; }
  .av-credit-benefits > span + span::before { left: -9px; }
}