.sx-featured-availability {
    position: relative;
    overflow: hidden;
    padding: clamp(5rem, 9vw, 7.5rem) 1.5rem;
    background: radial-gradient(circle at 50% 40%, rgba(18, 128, 122, .13), transparent 36rem), #020e17;
}

.sx-featured-availability::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(68, 231, 190, .2) 1px, transparent 1px);
    background-size: 3.7rem 3.7rem;
    opacity: .18;
    mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}

.sx-featured-availability__shell {
    position: relative;
    width: min(100%, 63rem);
    margin: 0 auto;
}

.sx-featured-availability__heading {
    max-width: 46rem;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.sx-featured-availability__heading > p:first-child {
    display: inline-flex;
    align-items: center;
    gap: .52rem;
    margin: 0 0 1rem;
    padding: .5rem .95rem;
    color: #cce6e1;
    border: 1px solid rgba(74, 225, 183, .46);
    border-radius: 999px;
    background: rgba(7, 35, 45, .65);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sx-featured-availability__heading > p:first-child i {
    color: #27e4d5;
    font-size: .55rem;
    text-shadow: 0 0 .75rem currentColor;
}

.sx-featured-availability h2 {
    margin: 0;
    color: #effff8;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: clamp(2.25rem, 4.9vw, 4.1rem);
    font-weight: 800;
    letter-spacing: -.07em;
    line-height: .96;
}

.sx-featured-availability h2 span { color: #4ee4aa; }

.sx-featured-availability__heading > p:last-child {
    max-width: 42rem;
    margin: 1.1rem auto 0;
    color: #9eb9ba;
    font-size: clamp(.94rem, 1.6vw, 1.08rem);
    line-height: 1.6;
}

.sx-featured-availability__board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.sx-featured-offer {
    position: relative;
    min-height: 20.6rem;
    padding: 1.25rem 1.35rem 1.2rem;
    overflow: hidden;
    border: 1px solid rgba(50, 227, 190, .7);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 50% 37%, color-mix(in srgb, var(--offer-accent) 13%, transparent), transparent 6.8rem),
        linear-gradient(145deg, rgba(6, 39, 48, .95), rgba(4, 27, 37, .97));
    box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, .24), inset 0 1px rgba(255,255,255,.04);
}

.sx-featured-offer--ars { --offer-accent: #88c8fa; }
.sx-featured-offer--clp { --offer-accent: #f16471; }
.sx-featured-offer--paypal { --offer-accent: #69c5ff; }

.sx-featured-offer__top {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

.sx-featured-offer__top img {
    position: absolute;
    top: 3.25rem;
    left: 50%;
    width: 7.2rem;
    height: 7.2rem;
    padding: .3rem;
    border: .18rem solid color-mix(in srgb, var(--offer-accent) 72%, white);
    border-radius: 50%;
    object-fit: cover;
    background: #092331;
    box-shadow: 0 0 0 .28rem rgba(75, 222, 184, .1), 0 .8rem 1.7rem rgba(0, 0, 0, .28);
    transform: translateX(-50%);
}

.sx-featured-offer__signal {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    color: #9fbcbc;
    font-size: .57rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sx-featured-offer__signal i { color: #3ae9c1; font-size: .48rem; }

.sx-featured-offer h3 {
    margin: 10.2rem 0 .32rem;
    color: #f1fff9;
    font-size: 1.48rem;
    font-weight: 800;
    letter-spacing: -.06em;
    line-height: 1;
    text-align: center;
}

.sx-featured-offer__code {
    margin: 0;
    color: #81c8e9;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: center;
    text-transform: uppercase;
}

.sx-featured-offer__action {
    position: absolute;
    right: 1.35rem;
    bottom: 1.2rem;
    left: 1.35rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.15rem;
    padding: 0 .55rem 0 1rem;
    color: #eafff7;
    border: 1px solid rgba(76, 230, 190, .72);
    border-radius: 999px;
    background: rgba(2, 25, 35, .72);
    box-shadow: none;
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.sx-featured-offer__action i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    color: #042731;
    border-radius: 50%;
    background: linear-gradient(135deg, #7cf0c1, #1ed8dc);
    transition: transform .2s ease;
}
.sx-featured-offer__action:hover i, .sx-featured-offer__action:focus-visible i { transform: translateX(.3rem); }
.sx-featured-offer__action:focus-visible { outline: 2px solid #effff8; outline-offset: .22rem; }

@media (max-width: 760px) {
    .sx-featured-availability { padding: 4.25rem 1.1rem; }
    .sx-featured-availability__board { grid-template-columns: 1fr; max-width: 25rem; margin: 0 auto; }
    .sx-featured-offer { min-height: 17rem; }
    .sx-featured-offer h3 { margin-top: 10.2rem; }
}

@media (prefers-reduced-motion: reduce) {
    .sx-featured-offer__action i { transition: none; }
}