/* Featured Picks */
.mfc-featured-picks{
  color-scheme:light;
  width:100%;
  max-width:none;
  margin:0;
}

.mfc-featured-picks__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}

.mfc-featured-picks__title{
  margin:0;
  font-size:clamp(1.15rem,1rem + 1vw,1.55rem);
  font-weight:800;
  line-height:1.15;
}

.mfc-featured-picks__sub{
  margin:2px 0 0;
  color:color-mix(in srgb, #000 55%, transparent);
  font-size:.95rem;
  line-height:1.35;
}

.mfc-featured-picks__cards{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.mfc-featured-picks__card{
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid color-mix(in srgb, #000 10%, transparent);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.mfc-featured-picks__card.is-highlight{
  border-color:color-mix(in oklab, var(--rr-accent, #2257f5) 45%, #cbd5e1);
  box-shadow:0 14px 32px rgba(15,23,42,.10);
}

.mfc-featured-picks__card.is-rank-1{
  border-color:color-mix(in srgb, #f59e0b 55%, rgba(0,0,0,.12));
}

.mfc-featured-picks__card.is-highlight.is-rank-1{
  border-color:color-mix(in oklab, #f59e0b 60%, #cbd5e1);
  box-shadow:0 18px 40px rgba(245,158,11,.18);
}

.mfc-featured-picks__badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:28px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:10px;
  background:#334155;
  color:#fff;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:0 8px 18px rgba(15,23,42,.14);
}

.mfc-featured-picks__card.is-rank-1 .mfc-featured-picks__badge{
  min-width:84px;
  height:34px;
  border-color:rgba(255,255,255,.65);
  border-radius:12px;
  background:#f59e0b;
  color:#111827;
  box-shadow:0 12px 26px rgba(245,158,11,.26);
}

.mfc-featured-picks__card.is-rank-1 .mfc-featured-picks__badge::after{
  content:"TOP PICK";
  margin-left:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  text-transform:uppercase;
  opacity:.95;
}

.mfc-featured-picks__top{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:224px;
  overflow:hidden;
  padding:26px 16px 16px;
  border-bottom:1px solid color-mix(in srgb, #000 7%, transparent);
  background:var(--mfc-fp-head-bg, radial-gradient(120% 90% at 20% 10%, rgba(34,87,245,.14), rgba(255,255,255,0) 60%), linear-gradient(180deg, rgba(34,87,245,.06) 0%, #ffffff 88%));
}

.mfc-featured-picks__card.is-rank-1 .mfc-featured-picks__top{
  min-height:240px;
}

.mfc-featured-picks__top::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 90% at 22% 10%, rgba(255,255,255,.32), rgba(255,255,255,0) 62%),
    radial-gradient(90% 90% at 85% 0%, rgba(0,0,0,.20), rgba(0,0,0,0) 62%);
  opacity:.85;
  pointer-events:none;
  mix-blend-mode:soft-light;
}

.mfc-featured-picks__top::after{
  content:"";
  position:absolute;
  inset:-20% -10% auto -10%;
  height:200%;
  background:radial-gradient(closest-side at 30% 20%, rgba(255,255,255,.42), rgba(255,255,255,0) 62%);
  opacity:1;
  pointer-events:none;
}

.mfc-featured-picks__logoWrap{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  background:rgba(255,255,255,.22);
  box-shadow:0 14px 28px rgba(15,23,42,.18), 0 0 0 1px rgba(0,0,0,.06);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.mfc-featured-picks__logo{
  display:block;
  width:auto;
  max-width:380px;
  max-height:260px;
  border-radius:12px;
  object-fit:contain;
}

.mfc-featured-picks__card.is-rank-1 .mfc-featured-picks__logo{
  max-height:310px;
  transform:scale(1.06);
}

.mfc-featured-picks__card.is-rank-1 .mfc-featured-picks__logoWrap{
  padding:12px 14px;
}

.mfc-featured-picks__body{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:14px;
  padding:14px 16px 18px;
  text-align:center;
}

.mfc-featured-picks__offer{
  display:-webkit-box;
  margin:0;
  overflow:hidden;
  color:#0f172a;
  font-size:1.08rem;
  font-weight:900;
  line-height:1.25;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.mfc-featured-picks__redemption{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  max-width:100%;
  margin:0 auto;
  padding:6px 10px;
  overflow:hidden;
  border:1px solid color-mix(in srgb, #000 10%, transparent);
  border-radius:999px;
  background:color-mix(in srgb, #000 3%, #ffffff);
  color:#334155;
  font-size:13px;
  font-weight:700;
  line-height:1.1;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.mfc-featured-picks__redemption-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:color-mix(in srgb, #000 55%, transparent);
}

.mfc-featured-picks__redemption-label{
  font-weight:800;
  opacity:.9;
}

.mfc-featured-picks__redemption-value{
  font-weight:900;
}

.mfc-featured-picks a.mfc-featured-picks__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  margin-top:auto;
  padding:12px 14px;
  border:1px solid transparent;
  border-radius:12px;
  background:linear-gradient(180deg, var(--rr-accent, #2257f5) 0%, color-mix(in oklab, var(--rr-accent, #2257f5) 85%, #0b1020) 100%);
  box-sizing:border-box;
  color:#fff;
  font-size:16px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.01em;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:filter .12s ease, transform .06s ease, box-shadow .12s ease;
  -webkit-text-fill-color:#fff;
}

.mfc-featured-picks__cta:hover{
  filter:brightness(.96);
  box-shadow:0 10px 22px rgba(34,87,245,.18);
  text-decoration:none;
}

.mfc-featured-picks__cta:active{
  transform:translateY(1px);
  box-shadow:0 8px 18px rgba(34,87,245,.16);
}

.mfc-featured-picks__cta:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px color-mix(in oklab, var(--rr-accent, #2257f5) 22%, transparent), 0 10px 22px rgba(34,87,245,.16);
}

.mfc-featured-picks__empty{
  padding:14px 16px;
  border:1px dashed color-mix(in srgb, #000 18%, transparent);
  border-radius:14px;
  background:color-mix(in srgb, #000 2%, #ffffff);
  color:#334155;
  font-size:14px;
}

@media (min-width:820px){
  .mfc-featured-picks__cards{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
  }

  .mfc-featured-picks__cards.has-ranking{
    grid-template-areas:"r2 r1 r3";
  }

  .mfc-featured-picks__cards.has-ranking .mfc-featured-picks__card.is-rank-1{ grid-area:r1; }
  .mfc-featured-picks__cards.has-ranking .mfc-featured-picks__card.is-rank-2{ grid-area:r2; }
  .mfc-featured-picks__cards.has-ranking .mfc-featured-picks__card.is-rank-3{ grid-area:r3; }

  .mfc-featured-picks__card.is-highlight{
    transform:translateY(-4px);
  }

  .mfc-featured-picks__card.is-rank-1{
    transform:translateY(-6px) scale(1.015);
    box-shadow:0 18px 40px rgba(15,23,42,.14);
  }
}

@media (prefers-color-scheme:dark){
  .mfc-featured-picks{
    color-scheme:light;
  }

  .mfc-featured-picks__card{
    background:#fff;
  }
}
