:root {
    --wallet-lib-core_18owxaz0: #D8446E;
    --wallet-lib-core_18owxaz1: #0050C3;
    --wallet-lib-core_18owxaz2: #00409C;
    --wallet-lib-core_18owxaz3: #003889;
    --wallet-lib-core_18owxaz4: #002861;
    --wallet-lib-core_18owxaz5: #000814;
    --wallet-lib-core_18owxaz6: #F2F6FC;
    --wallet-lib-core_18owxaz7: #FFFFFF;
    --wallet-lib-core_18owxaz8: #F6F6F6;
    --wallet-lib-core_18owxaz9: #E7E7E7;
    --wallet-lib-core_18owxaza: #D1D1D1;
    --wallet-lib-core_18owxazb: #B0B0B0;
    --wallet-lib-core_18owxazc: #888888;
    --wallet-lib-core_18owxazd: #777777;
    --wallet-lib-core_18owxaze: #5D5D5D;
    --wallet-lib-core_18owxazf: #343537;
    --wallet-lib-core_18owxazg: #0A0A0A;
    --wallet-lib-core_18owxazh: #6D6D6D;
    --wallet-lib-core_18owxazi: #C80003;
    --wallet-lib-core_18owxazj: #FEDEDE;
    --wallet-lib-core_18owxazk: #530001;
    --wallet-lib-core_18owxazl: #00C87B;
    --wallet-lib-core_18owxazm: #FFFFFF;
    --wallet-lib-core_18owxazn: currentcolor;
    --wallet-lib-core_18owxazo: color-mix(in srgb, currentcolor 10%, transparent);
    --wallet-lib-core_18owxazp: color-mix(in srgb, currentcolor 50%, transparent);
    --wallet-lib-core_18owxazq: rgba(48, 49, 48, .42);
    --wallet-lib-core_18owxazr: 16px;
    --wallet-lib-core_18owxazs: 12px;
    --wallet-lib-core_18owxazt: 16px;
    --wallet-lib-core_18owxazu: 14px;
    --wallet-lib-core_18owxazv: 10px;
    --wallet-lib-core_18owxazw: 12px;
    --wallet-lib-core_18owxazx: 4px;
    --wallet-lib-core_18owxazy: 6px;
    --wallet-lib-core_18owxazz: 8px;
    --wallet-lib-core_18owxaz10: 12px;
    --wallet-lib-core_18owxaz11: 16px;
    --wallet-lib-core_18owxaz12: 18px;
    --wallet-lib-core_18owxaz13: 24px;
    --wallet-lib-core_18owxaz14: 32px;
    --wallet-lib-core_18owxaz15: unset;
    --wallet-lib-core_18owxaz16: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --wallet-lib-core_18owxaz17: 400;
    --wallet-lib-core_18owxaz18: 500;
    --wallet-lib-core_18owxaz19: 700;
    --wallet-lib-core_18owxaz1a: 600;
    --wallet-lib-core_18owxaz1b: 340px;
    --wallet-lib-core_18owxaz1c: 190px
}

.wallet-lib-core_18owxaz1d {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt)
}

.wallet-lib-core_18owxaz1e {
    color: var(--wallet-lib-core_18owxaze)
}

.wallet-lib-core_19vhn320 {
    display: flex;
    flex-direction: column
}

.wallet-lib-core_19vhn321 {
    display: flex;
    flex-direction: row
}

.wallet-lib-core_19vhn322 {
    display: flex;
    flex-direction: row;
    width: 100%
}

.wallet-lib-core_19vhn323 {
    gap: var(--wallet-lib-core_18owxazy)
}

.wallet-lib-core_1q2fgur0 {
    padding: var(--wallet-lib-core_18owxazx)
}

.wallet-lib-core_1q2fgur1 {
    padding: var(--wallet-lib-core_18owxazy)
}

.wallet-lib-core_1q2fgur2 {
    padding: var(--wallet-lib-core_18owxaz12)
}

.wallet-lib-core_1q2fgur3 {
    padding: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_1q2fgur4 {
    padding: var(--wallet-lib-core_18owxaz10)
}

.wallet-lib-core_1q2fgur5 {
    padding: var(--wallet-lib-core_18owxaz11)
}

.wallet-lib-core_1q2fgur6 {
    padding: var(--wallet-lib-core_18owxaz13)
}

.wallet-lib-core_1q2fgur7 {
    padding: var(--wallet-lib-core_18owxaz14)
}

.wallet-lib-core_1q2fgur8 {
    padding-top: var(--wallet-lib-core_18owxazx)
}

.wallet-lib-core_1q2fgur9 {
    padding-top: var(--wallet-lib-core_18owxazy)
}

.wallet-lib-core_1q2fgura {
    padding-top: var(--wallet-lib-core_18owxaz12)
}

.wallet-lib-core_1q2fgurb {
    padding-top: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_1q2fgurc {
    padding-top: var(--wallet-lib-core_18owxaz10)
}

.wallet-lib-core_1q2fgurd {
    padding-top: var(--wallet-lib-core_18owxaz11)
}

.wallet-lib-core_1q2fgure {
    padding-top: var(--wallet-lib-core_18owxaz13)
}

.wallet-lib-core_1q2fgurf {
    padding-top: var(--wallet-lib-core_18owxaz14)
}

.wallet-lib-core_1q2fgurg {
    padding-right: var(--wallet-lib-core_18owxazx)
}

.wallet-lib-core_1q2fgurh {
    padding-right: var(--wallet-lib-core_18owxazy)
}

.wallet-lib-core_1q2fguri {
    padding-right: var(--wallet-lib-core_18owxaz12)
}

.wallet-lib-core_1q2fgurj {
    padding-right: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_1q2fgurk {
    padding-right: var(--wallet-lib-core_18owxaz10)
}

.wallet-lib-core_1q2fgurl {
    padding-right: var(--wallet-lib-core_18owxaz11)
}

.wallet-lib-core_1q2fgurm {
    padding-right: var(--wallet-lib-core_18owxaz13)
}

.wallet-lib-core_1q2fgurn {
    padding-right: var(--wallet-lib-core_18owxaz14)
}

.wallet-lib-core_1q2fguro {
    padding-top: var(--wallet-lib-core_18owxazx);
    padding-bottom: var(--wallet-lib-core_18owxazx)
}

.wallet-lib-core_1q2fgurp {
    padding-top: var(--wallet-lib-core_18owxazy);
    padding-bottom: var(--wallet-lib-core_18owxazy)
}

.wallet-lib-core_1q2fgurq {
    padding-top: var(--wallet-lib-core_18owxaz12);
    padding-bottom: var(--wallet-lib-core_18owxaz12)
}

.wallet-lib-core_1q2fgurr {
    padding-top: var(--wallet-lib-core_18owxazz);
    padding-bottom: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_1q2fgurs {
    padding-top: var(--wallet-lib-core_18owxaz10);
    padding-bottom: var(--wallet-lib-core_18owxaz10)
}

.wallet-lib-core_1q2fgurt {
    padding-top: var(--wallet-lib-core_18owxaz11);
    padding-bottom: var(--wallet-lib-core_18owxaz11)
}

.wallet-lib-core_1q2fguru {
    padding-top: var(--wallet-lib-core_18owxaz13);
    padding-bottom: var(--wallet-lib-core_18owxaz13)
}

.wallet-lib-core_1q2fgurv {
    padding-top: var(--wallet-lib-core_18owxaz14);
    padding-bottom: var(--wallet-lib-core_18owxaz14)
}

.wallet-lib-core_1q2fgurw {
    padding-left: var(--wallet-lib-core_18owxazx);
    padding-right: var(--wallet-lib-core_18owxazx)
}

.wallet-lib-core_1q2fgurx {
    padding-left: var(--wallet-lib-core_18owxazy);
    padding-right: var(--wallet-lib-core_18owxazy)
}

.wallet-lib-core_1q2fgury {
    padding-left: var(--wallet-lib-core_18owxaz12);
    padding-right: var(--wallet-lib-core_18owxaz12)
}

.wallet-lib-core_1q2fgurz {
    padding-left: var(--wallet-lib-core_18owxazz);
    padding-right: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_1q2fgur10 {
    padding-left: var(--wallet-lib-core_18owxaz10);
    padding-right: var(--wallet-lib-core_18owxaz10)
}

.wallet-lib-core_1q2fgur11 {
    padding-left: var(--wallet-lib-core_18owxaz11);
    padding-right: var(--wallet-lib-core_18owxaz11)
}

.wallet-lib-core_1q2fgur12 {
    padding-left: var(--wallet-lib-core_18owxaz13);
    padding-right: var(--wallet-lib-core_18owxaz13)
}

.wallet-lib-core_1q2fgur13 {
    padding-left: var(--wallet-lib-core_18owxaz14);
    padding-right: var(--wallet-lib-core_18owxaz14)
}

.wallet-lib-core_1q2fgur14 {
    padding-bottom: var(--wallet-lib-core_18owxazx)
}

.wallet-lib-core_1q2fgur15 {
    padding-bottom: var(--wallet-lib-core_18owxazy)
}

.wallet-lib-core_1q2fgur16 {
    padding-bottom: var(--wallet-lib-core_18owxaz12)
}

.wallet-lib-core_1q2fgur17 {
    padding-bottom: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_1q2fgur18 {
    padding-bottom: var(--wallet-lib-core_18owxaz10)
}

.wallet-lib-core_1q2fgur19 {
    padding-bottom: var(--wallet-lib-core_18owxaz11)
}

.wallet-lib-core_1q2fgur1a {
    padding-bottom: var(--wallet-lib-core_18owxaz13)
}

.wallet-lib-core_1q2fgur1b {
    padding-bottom: var(--wallet-lib-core_18owxaz14)
}

.wallet-lib-core_t8w95s1 {
    color: var(--wallet-lib-core_t8w95s0)
}

.wallet-lib-core_t8w95s2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2px
}

.wallet-lib-core_9s6q6o0 {
    font-family: var(--wallet-lib-core_18owxaz15)
}

.wallet-lib-core_9s6q6o1 {
    font-family: var(--wallet-lib-core_18owxaz16)
}

.wallet-lib-core_9s6q6o2 {
    font-size: var(--wallet-lib-core_18owxazu);
    font-weight: 700;
    color: var(--wallet-lib-core_18owxazg)
}

.wallet-lib-core_9s6q6o3 {
    font-size: var(--wallet-lib-core_18owxazr);
    font-weight: 700
}

.wallet-lib-core_9s6q6o4 {
    font-size: var(--wallet-lib-core_18owxazu);
    font-weight: 500;
    color: var(--wallet-lib-core_18owxazf)
}

.wallet-lib-core_9s6q6o5 {
    font-size: var(--wallet-lib-core_18owxazu);
    font-weight: 500;
    color: var(--wallet-lib-core_18owxaz5)
}

.wallet-lib-core_9s6q6o6 {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    font-weight: 500;
    color: var(--wallet-lib-core_18owxazf)
}

.wallet-lib-core_9s6q6o7 {
    color: var(--wallet-lib-core_18owxaz5);
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt)
}

.wallet-lib-core_9s6q6o8 {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt)
}

.wallet-lib-core_9s6q6o9 {
    color: var(--wallet-lib-core_18owxazn)
}

.wallet-lib-core_9s6q6oa {
    font-weight: 700;
    color: var(--wallet-lib-core_18owxazg)
}

.wallet-lib-core_9s6q6ob {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    color: var(--wallet-lib-core_18owxazf);
    opacity: .72
}

.wallet-lib-core_9s6q6oc {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    color: var(--wallet-lib-core_18owxaz1);
    font-weight: 700
}

.wallet-lib-core_9s6q6od {
    font-size: var(--wallet-lib-core_18owxazu);
    color: var(--wallet-lib-core_18owxaz1)
}

.wallet-lib-core_9s6q6oe {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    color: var(--wallet-lib-core_18owxaze)
}

.wallet-lib-core_9s6q6of {
    width: 100%
}

.wallet-lib-core_9s6q6og {
    font-weight: var(--wallet-lib-core_18owxaz17)
}

.wallet-lib-core_9s6q6oh {
    font-weight: var(--wallet-lib-core_18owxaz18)
}

.wallet-lib-core_9s6q6oi {
    font-weight: var(--wallet-lib-core_18owxaz19)
}

.wallet-lib-core_9s6q6oj {
    font-weight: var(--wallet-lib-core_18owxaz1a)
}

.wallet-lib-core_9s6q6ok {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt)
}

.wallet-lib-core_9s6q6ol {
    font-size: var(--wallet-lib-core_18owxazu)
}

.wallet-lib-core_9s6q6om {
    font-size: var(--wallet-lib-core_18owxazv);
    line-height: var(--wallet-lib-core_18owxazw)
}

.wallet-lib-core_9s6q6on {
    font-size: var(--wallet-lib-core_18owxazr)
}

.wallet-lib-core_9s6q6oo {
    text-overflow: ellipsis;
    overflow: hidden
}

.wallet-lib-core_9s6q6op {
    text-decoration: underline
}

.wallet-lib-core_9s6q6oq {
    text-align: center
}

.wallet-lib-core_p0efj50 {
    border-top: .25px solid var(--wallet-lib-core_18owxaza);
    width: 100%
}

.wallet-lib-core_p0efj51 {
    border-top: 1px solid var(--wallet-lib-core_18owxazo);
    width: 100%
}

.wallet-lib-core_dkrzo20 {
    width: auto
}

.wallet-lib-core_dkrzo21 {
    fill: #fff
}

.wallet-lib-core_dkrzo22 {
    fill: var(--wallet-lib-core_18owxaz1)
}

.wallet-lib-core_dkrzo23 {
    min-width: unset
}

.wallet-lib-core_dkrzo24 {
    min-width: 20px
}

.wallet-lib-core_dkrzo25 {
    min-width: unset
}

.wallet-lib-core_dkrzo26 {
    max-width: unset
}

.wallet-lib-core_dkrzo27 {
    max-width: 36px
}

.wallet-lib-core_dkrzo28 {
    max-width: unset
}

@keyframes wallet-lib-core_y8sstu0 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.wallet-lib-core_y8sstu1 {
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 3px solid var(--wallet-lib-core_18owxaz7);
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: wallet-lib-core_y8sstu0 1s linear infinite
}

.wallet-lib-core_1hgah2t0 {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background .35s cubic-bezier(.19, 1, .22, 1)
}

.wallet-lib-core_1hgah2t0:hover,
.wallet-lib-core_1hgah2t0:focus {
    filter: brightness(90%)
}

.wallet-lib-core_1hgah2t0:active {
    filter: brightness(85%)
}

.wallet-lib-core_1hgah2t1 {
    background: none;
    padding: 5px 0;
    font-weight: 400;
    min-height: auto;
    text-decoration: underline;
    text-transform: none
}

.wallet-lib-core_1hgah2t2 {
    font-family: var(--wallet-lib-core_18owxaz16);
    font-size: 14px;
    color: var(--wallet-lib-core_18owxaz7) !important;
    background-color: var(--wallet-lib-core_18owxaz1) !important
}

.wallet-lib-core_1hgah2t2:hover,
.wallet-lib-core_1hgah2t2:focus {
    background-color: var(--wallet-lib-core_18owxaz2) !important;
    border-color: var(--wallet-lib-core_18owxaz2) !important;
    background-image: none !important
}

.wallet-lib-core_1hgah2t2:active {
    background-color: var(--wallet-lib-core_18owxaz3) !important;
    border-color: var(--wallet-lib-core_18owxaz3) !important;
    background-image: none !important
}

.wallet-lib-core_1hgah2t3 {
    padding: 8px 24px;
    border-radius: 6px
}

.wallet-lib-core_1hgah2t4 {
    font-weight: 400 !important;
    border-color: var(--wallet-lib-core_18owxaz1) !important;
    box-shadow: none !important;
    letter-spacing: normal !important;
    height: 43px;
    background-image: none !important
}

.wallet-lib-core_1hgah2t6 {
    padding: 8px 16px;
    border: 1px solid var(--wallet-lib-core_18owxazb);
    background: #fff;
    border-radius: 8px
}

.wallet-lib-core_1hgah2t7 {
    padding: 20px;
    margin: -20px
}

.wallet-lib-core_1hgah2t8 {
    cursor: pointer
}

.wallet-lib-core_1hgah2t9 {
    padding: var(--wallet-lib-core_18owxaz12)
}

.wallet-lib-core_1hgah2ta {
    opacity: 0
}

.wallet-lib-core_1hgah2tb {
    color: var(--wallet-lib-core_18owxaz1)
}

.wallet-lib-core_1hgah2tc {
    color: var(--wallet-lib-core_18owxaz1);
    text-decoration: none
}

.wallet-lib-core_1hgah2td {
    color: var(--wallet-lib-core_18owxazc);
    font-size: 12px
}

.wallet-lib-core_1hgah2te {
    padding: 0;
    background: none;
    border: none;
    color: inherit;
    margin: 0;
    display: inline;
    cursor: pointer
}

.wallet-lib-core_1hgah2t4 span {
    text-transform: none !important;
    font-size: 14px
}

.wallet-lib-core_1hgah2t4 .spinner-elem {
    background-color: var(--wallet-lib-core_18owxazn) !important
}

.wallet-lib-core_1hgah2tf,
.wallet-lib-core_1hgah2tg {
    width: 100%
}

.wallet-lib-core_1hgah2th {
    border-radius: 8px
}

.wallet-lib-core_1hgah2ti {
    opacity: .7;
    cursor: not-allowed
}

@media screen and (min-width: 768px) {
    .wallet-lib-core_1hgah2tg {
        width: fit-content
    }
}

.wallet-lib-core_18daksv0 {
    background: var(--wallet-lib-core_18owxazm);
    color: var(--wallet-lib-core_18owxazg);
    font-family: var(--wallet-lib-core_18owxaz16)
}

[data-rsbs-overlay] {
    border-top-right-radius: var(--wallet-lib-core_18owxaz11);
    border-top-left-radius: var(--wallet-lib-core_18owxaz11)
}

.wallet-lib-core_18daksv0 [data-rsbs-header]:before {
    display: none
}

[data-rsbs-header] {
    padding: 0 !important
}

[data-rsbs-overlay],
[data-rsbs-backdrop],
[data-rsbs-root]:after {
    z-index: 9999 !important
}

[data-rsbs-backdrop] {
    background-color: var(--wallet-lib-core_18owxazq) !important
}

.wallet-lib-core_1oeujdp0 {
    display: flex !important;
    justify-content: center;
    padding: 0;
    opacity: 1;
    height: 100vh !important
}

.wallet-lib-core_1oeujdp1 {
    margin-top: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_1oeujdp2 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 350px;
    gap: 6px
}

#successPageOtpInput .wallet-lib-core_1oeujdp2 {
    max-width: 315px
}

.wallet-lib-core_1oeujdp3 {
    border-radius: 5px;
    margin: 14px auto 0;
    max-width: 350px
}

.wallet-lib-core_1oeujdp4 {
    background: var(--wallet-lib-core_18owxazi);
    color: var(--wallet-lib-core_18owxazm);
    border-radius: 5px;
    padding: 7px 0;
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    display: inline-flex;
    justify-content: center;
    width: 100%
}

.wallet-lib-core_1oeujdp5 {
    height: 40px !important;
    width: 40px !important
}

.wallet-lib-core_1oeujdp6 {
    color: var(--wallet-lib-core_18owxazf) !important;
    margin-top: 8px;
    font-size: var(--wallet-lib-core_18owxazr);
    font-weight: 500
}

.wallet-lib-core_1oeujdp7 {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    color: var(--wallet-lib-core_18owxazn);
    letter-spacing: -.1px
}

.wallet-lib-core_1oeujdp8 {
    line-height: 14px
}

.wallet-lib-core_1oeujdp9 {
    display: inline-block;
    margin: 0;
    color: var(--wallet-lib-core_18owxazn);
    text-decoration-color: var(--wallet-lib-core_18owxazn);
    text-decoration: underline;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt)
}

#modalAppWallet .wallet-lib-core_1oeujdp9,
#bottomSheetAppWallet .wallet-lib-core_1oeujdp9 {
    text-decoration: none;
    color: var(--wallet-lib-core_18owxaz1)
}

#successPageOtpInput .wallet-lib-core_1oeujdp9 {
    margin-left: 0
}

.wallet-lib-core_1oeujdpa {
    color: var(--wallet-lib-core_18owxaze) !important
}

.wallet-lib-core_1oeujdpb {
    color: var(--wallet-lib-core_18owxaz1) !important
}

.wallet-lib-core_1oeujdpc {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    color: var(--wallet-lib-core_18owxazn) !important
}

.wallet-lib-core_1oeujdpd {
    display: flex !important
}

.wallet-lib-core_1oeujdpe {
    display: flex;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: 1.5
}

.wallet-lib-core_1oeujdpf {
    width: calc(96% - 44px);
    font-weight: 400
}

.wallet-lib-core_1oeujdpg {
    width: calc(96% - 60px);
    font-weight: 400
}

.wallet-lib-core_1oeujdph {
    overflow: hidden;
    text-overflow: ellipsis
}

.wallet-lib-core_1oeujdpi {
    font-weight: 500;
    color: var(--wallet-lib-core_18owxazf)
}

.wallet-lib-core_1oeujdpj {
    min-height: 20px;
    width: 100%
}

.wallet-lib-core_1oeujdpk {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center
}

#successPageOtpInput .wallet-lib-core_1oeujdpk {
    justify-content: flex-start
}

.wallet-lib-core_1oeujdpl {
    display: flex;
    justify-content: center;
    min-height: 20px;
    gap: 5px;
    align-items: center;
    white-space: nowrap;
    background: none;
    border: none
}

.wallet-lib-core_1oeujdpm {
    display: block;
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    color: var(--wallet-lib-core_18owxazn) !important;
    text-align: center;
    min-height: 20px;
    width: 100%
}

#successPageOtpInput .wallet-lib-core_1oeujdpm {
    text-align: left
}

.wallet-lib-core_1oeujdpn {
    align-items: flex-start;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border: .25px solid var(--wallet-lib-core_18owxazb);
    background-color: var(--wallet-lib-core_18owxaz8);
    fill: var(--wallet-lib-core_18owxazf);
    color: var(--wallet-lib-core_18owxaz7);
    display: flex;
    place-items: center;
    border-radius: 50%;
    flex-grow: 0;
    font-size: 18px;
    font-weight: 700;
    padding: 5px;
    gap: 8px;
    text-transform: uppercase
}

.wallet-lib-core_1oeujdpo {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    fill: var(--wallet-lib-core_18owxaze);
    color: var(--wallet-lib-core_18owxaze);
    font-size: 11px
}

.wallet-lib-core_1oeujdpo .wallet-logo {
    height: 13px;
    width: auto
}

.wallet-lib-core_1oeujdpp {
    display: block;
    margin-top: 25px;
    font-family: Open Sans, sans-serif !important;
    font-size: 10px;
    opacity: .5;
    color: var(--wallet-lib-core_18owxazf)
}

.wallet-lib-core_1oeujdpq {
    width: 100%
}

.wallet-lib-core_1oeujdpr {
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.wallet-lib-core_1oeujdps {
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: var(--wallet-lib-core_18owxazt);
    width: 100%;
    color: var(--wallet-lib-core_18owxaz1);
    font-weight: var(--wallet-lib-core_18owxaz18);
    padding-top: var(--wallet-lib-core_18owxaz11);
    align-items: center;
    justify-content: center
}

.wallet-lib-core_1oeujdpp>a {
    text-decoration: underline;
    color: var(--wallet-lib-core_18owxazf)
}

.wallet-lib-core_1oeujdpt {
    color: var(--wallet-lib-core_18owxaze);
    letter-spacing: -.1px;
    font-size: var(--wallet-lib-core_18owxazs);
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    #successPageOtpInput .wallet-lib-core_1oeujdp2 {
        max-width: unset;
        gap: 4px
    }
}

@media screen and (max-width: 576px) {
    .wallet-lib-core_1oeujdp9 {
        width: auto
    }
}

.wallet-lib-core_j0outm0 {
    border-radius: 6px;
    border-color: var(--wallet-lib-core_18owxaz9)
}

.wallet-lib-core_j0outm0:focus {
    border-color: var(--wallet-lib-core_18owxaz1)
}

.wallet-lib-core_j0outm1 {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    border: 1px solid var(--wallet-lib-core_18owxaza);
    border-radius: 8px;
    outline: none
}

.wallet-lib-core_j0outm2 {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-evenly;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff !important
}

.wallet-lib-core_rf6xsr1 {
    margin-top: var(--wallet-lib-core_rf6xsr0)
}

@media screen and (max-width: 576px) {
    .wallet-lib-core_rf6xsr2 {
        margin-top: var(--wallet-lib-core_rf6xsr0)
    }
}

.wallet-lib-core_mttnyu0 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 4px;
    background: var(--wallet-lib-core_18owxaz8);
    border-radius: 100%
}

.wallet-lib-core_mttnyu1 {
    padding: var(--wallet-lib-core_18owxazx)
}

.wallet-lib-core_mttnyu2 {
    padding: var(--wallet-lib-core_18owxazz)
}

.wallet-lib-core_mttnyu3 {
    border: 1px solid var(--wallet-lib-core_18owxaz9)
}

@keyframes wallet-lib-core_9ciqhz0 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes wallet-lib-core_9ciqhz1 {
    0% {
        transform: translate(0) scaleX(0)
    }

    40% {
        transform: translate(0) scaleX(.5)
    }

    to {
        transform: translate(100%) scaleX(.5)
    }
}

@keyframes wallet-lib-core_9ciqhz2 {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes wallet-lib-core_9ciqhz3 {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        opacity: 0
    }
}

.wallet-lib-core_9ciqhz4 {
    animation: wallet-lib-core_9ciqhz0 .5s
}

.wallet-lib-core_9ciqhz5 {
    animation: wallet-lib-core_9ciqhz0 .3s
}

.wallet-lib-core_9ciqhz6 {
    animation: wallet-lib-core_9ciqhz1 1.5s infinite linear
}

.wallet-lib-core_9ciqhz7 {
    animation: wallet-lib-core_9ciqhz2 .5s ease-in-out
}

.wallet-lib-core_9ciqhz8 {
    animation: wallet-lib-core_9ciqhz3 .5s ease-in-out
}

.wallet-lib-core_1l8sk3p0 {
    background-color: var(--wallet-lib-core_18owxazq);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 22;
    top: 0;
    left: 0
}

.wallet-lib-core_1l8sk3p1 {
    height: 100%
}

.wallet-lib-core_1l8sk3p2 {
    height: 190px
}

.wallet-lib-core_1l8sk3p3 {
    background: linear-gradient(#0003, 90%, #0000)
}

.wallet-lib-core_17qc9kw0 {
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.wallet-lib-core_17qc9kw1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0;
    font-family: var(--wallet-lib-core_18owxaz16)
}

.wallet-lib-core_17qc9kw2 {
    width: 100%;
    height: 100%
}

.wallet-lib-core_17qc9kw2:focus {
    outline: none !important
}

.wallet-lib-core_17qc9kw2:focus-within {
    outline: none !important
}

.wallet-lib-core_17qc9kw3 {
    width: var(--wallet-lib-core_18owxaz1b);
    max-height: var(--wallet-lib-core_18owxaz1c);
    padding: 12px
}

.wallet-lib-core_17qc9kw4 {
    width: var(--wallet-lib-core_18owxaz1b);
    padding: 12px
}

.wallet-lib-core_17qc9kw5 {
    background-color: var(--wallet-lib-core_18owxazm) !important;
    color: var(--wallet-lib-core_18owxazg);
    border-radius: 5px;
    box-shadow: 0 9px 9px #0000001a;
    position: relative;
    z-index: 999
}

.wallet-lib-core_17qc9kw5 a {
    color: var(--wallet-lib-core_18owxaz1)
}

.wallet-lib-core_17qc9kw5 * {
    font-family: var(--wallet-lib-core_18owxaz16);
    text-transform: none
}

[data-rsbs-overlay] {
    border-top-left-radius: 16px;
    border-top-left-radius: var(--rsbs-overlay-rounded, 16px);
    border-top-right-radius: 16px;
    border-top-right-radius: var(--rsbs-overlay-rounded, 16px);
    display: flex;
    background: #fff;
    background: var(--rsbs-bg, #fff);
    flex-direction: column;
    height: 0px;
    height: var(--rsbs-overlay-h, 0px);
    transform: translateZ(0);
    transform: translate3d(0, var(--rsbs-overlay-translate-y, 0px), 0);
    will-change: height
}

[data-rsbs-overlay]:focus {
    outline: none
}

[data-rsbs-is-blocking=false] [data-rsbs-overlay] {
    box-shadow: 0 -5px 60px #2659731c, 0 -1px #2659730d
}

[data-rsbs-overlay],
[data-rsbs-root]:after {
    max-width: auto;
    max-width: var(--rsbs-max-w, auto);
    margin-left: env(safe-area-inset-left);
    margin-left: var(--rsbs-ml, env(safe-area-inset-left));
    margin-right: env(safe-area-inset-right);
    margin-right: var(--rsbs-mr, env(safe-area-inset-right))
}

[data-rsbs-overlay],
[data-rsbs-backdrop],
[data-rsbs-root]:after {
    z-index: 3;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    touch-action: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

[data-rsbs-backdrop] {
    top: -60px;
    bottom: -60px;
    background-color: #0009;
    background-color: var(--rsbs-backdrop-bg, rgba(0, 0, 0, .6));
    will-change: opacity;
    cursor: pointer;
    opacity: 1
}

[data-rsbs-is-dismissable=false] [data-rsbs-backdrop] {
    cursor: ns-resize
}

[data-rsbs-root]:after {
    content: "";
    pointer-events: none;
    background: #fff;
    background: var(--rsbs-bg, #fff);
    height: 1px;
    transform-origin: bottom;
    transform: scale3d(1, 0, 1);
    transform: scale3d(1, var(--rsbs-antigap-scale-y, 0), 1);
    will-change: transform
}

[data-rsbs-footer],
[data-rsbs-header] {
    flex-shrink: 0;
    cursor: ns-resize;
    padding: 16px
}

[data-rsbs-header] {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 1px #2e3b4220;
    box-shadow: 0 1px rgba(46, 59, 66, calc(var(--rsbs-content-opacity, 1) * .125));
    z-index: 1;
    padding-top: calc(20px + env(safe-area-inset-top));
    padding-bottom: 8px
}

[data-rsbs-header]:before {
    position: absolute;
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    top: calc(8px + env(safe-area-inset-top));
    left: 50%;
    transform: translate(-50%);
    border-radius: 2px;
    background-color: #00000024;
    background-color: var(--rsbs-handle-bg, hsla(0, 0%, 0%, .14))
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
    [data-rsbs-header]:before {
        transform: translate(-50%) scaleY(.75)
    }
}

[data-rsbs-has-header=false] [data-rsbs-header] {
    box-shadow: none;
    padding-top: calc(12px + env(safe-area-inset-top))
}

[data-rsbs-scroll] {
    flex-shrink: 1;
    flex-grow: 1;
    -webkit-tap-highlight-color: revert;
    -webkit-touch-callout: revert;
    -webkit-user-select: auto;
    -ms-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

[data-rsbs-scroll]:focus {
    outline: none
}

[data-rsbs-has-footer=false] [data-rsbs-content] {
    padding-bottom: env(safe-area-inset-bottom)
}

[data-rsbs-content] {
    overflow: hidden
}

[data-rsbs-footer] {
    box-shadow: 0 -1px #2e3b4220, 0 2px #fff;
    box-shadow: 0 -1px rgba(46, 59, 66, calc(var(--rsbs-content-opacity, 1) * .125)), 0 2px 0 var(--rsbs-bg, #fff);
    overflow: hidden;
    z-index: 1;
    padding-bottom: calc(16px + env(safe-area-inset-bottom))
}

[data-rsbs-is-dismissable=true] [data-rsbs-header]>*,
[data-rsbs-is-dismissable=true] [data-rsbs-scroll]>*,
[data-rsbs-is-dismissable=true] [data-rsbs-footer]>*,
[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-header]>*,
[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-header]>*,
[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-scroll]>*,
[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-scroll]>*,
[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-footer]>*,
[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-footer]>* {
    opacity: 1;
    opacity: var(--rsbs-content-opacity, 1)
}

[data-rsbs-is-dismissable=true] [data-rsbs-backdrop],
[data-rsbs-is-dismissable=false][data-rsbs-state=opening] [data-rsbs-backdrop],
[data-rsbs-is-dismissable=false][data-rsbs-state=closing] [data-rsbs-backdrop] {
    opacity: 1;
    opacity: var(--rsbs-backdrop-opacity, 1)
}

[data-rsbs-state=closed],
[data-rsbs-state=closing] {
    pointer-events: none
}

.swiper-wrapper {
    height: auto !important;
}





@import url('https://fonts.googleapis.com/css?family=Montserrat:700|Inter:400,700&display=swap');

:root {
    --main-foreground: #18181a;
    --main-background: #FFFFFF;

    --primary-color: #18181a;
    --secondary-color: #18181a;
    --accent-color: #EDC259;

    --button-background: #18181a;
    --button-foreground: #ffffff;

    --label-background: #9b59b6;
    --label-foreground: #151515;



    --adbar-background: #EDC259;
    --adbar-foreground: #fafafa;
    --adbar-icon: #18181a;

    --header-badge-background: #EDC259;
    --header-badge-foreground: #ffffff;

    --nav-desktop-foreground: #ffffff;

    --nav-desktop-background: #18181a;
    --nav-desktop-hover: #EDC259;

    --header-featured-link-foreground: #18181a;
    --header-featured-link-background: #EDC259;

    --topbar-background: #18181a;
    --topbar-foreground: #ffffff;
    --topbar-icons: #ffffff;

    --search-background: #242426;
    --search-foreground: #999999;
    --search-icon: #ffffff;

    --nav-mobile-background: #FFFFFF;
    --nav-mobile-foreground: #18181a;


    --footer-background: #18181a;
    --footer-foreground: #ffffff;
    --footer-titles: #ffffff;
    --footer-icons: #EDC259;
    --footer-form-background: #141416;
    --footer-form-foreground: #ffffff;
    --footer-form-input-background: #242426;
    --footer-form-input-foreground: #ecf0f6;
    --footer-form-titles: #ffffff;
    --footer-form-button-background: #EDC259;
    --footer-form-button-foreground: #ffffff;
    --footer-social-icons: #EDC259;


    --slider-background: #FFFFFF;

    --main-categories-background: #FFFFFF;
    --main-categories-foreground: #18181a;

    --featured-background: #FFFFFF;
    --featured-foreground: #18181a;

    --new-background: #FFFFFF;
    --new-foreground: #18181a;

    --sale-background: #FFFFFF;
    --sale-foreground: #18181a;

    --promotion-background: #FFFFFF;
    --promotion-foreground: #18181a;

    --best-seller-background: #FFFFFF;
    --best-seller-foreground: #18181a;

    --banner-products-background: #FFFFFF;
    --banner-products-foreground: #18181a;
    --banner-products-content: #FFFFFF;

    --newsletter-background: #EDC259;
    --newsletter-foreground: #FFFFFF;
    --newsletter-button: #FFFFFF;
    --newsletter-button-text: #18181a;

    --welcome-background: ;
    --welcome-foreground: ;

    --testimonials-background: #fafafa;
    --testimonials-titles: #181818;
    --testimonials-foreground: #202020;
    --faq-background: #FFFFFF;
    --faq-foreground: #18181a;

    --institutional-background: #FFFFFF;
    --institutional-foreground: #18181a;

    --categories-background: #FFFFFF;
    --categories-foreground: #18181a;

    --gridbanners-background: #FFFFFF;
    --gridbanners-foreground: #18181a;

    --brands-background: #FFFFFF;
    --brands-foreground: #18181a;

    --featured-banner-background: #FFFFFF;

    --video-foreground: #ffffff;

    --banner-services-background: #ffffff;
    --banner-services-foreground: #555555;
    --banner-services-title: #111111;
    --banner-services-icon: #555555;
    --banner-services-width: 1200px;

    --instafeed-background: #EDC259;
    --instafeed-foreground: #ffffff;

    --extra-menu-background: #FFFFFF;
    --extra-menu-foreground: #18181a;

    --blog-background: #FFFFFF;
    --blog-foreground: #18181a;

    --extra-menu-size: 13px;
    --extra-menu-padding: 10px;
    --extra-menu-min: 40px;

    --extra-menu-gap: 10px;




    --main-foreground-opacity-03: #18181a08;
    --main-foreground-opacity-05: #18181a0D;
    --main-foreground-opacity-08: #18181a14;
    --main-foreground-opacity-10: #18181a1A;
    --main-foreground-opacity-20: #18181a33;
    --main-foreground-opacity-30: #18181a4D;
    --main-foreground-opacity-40: #18181a66;
    --main-foreground-opacity-50: #18181a80;
    --main-foreground-opacity-60: #18181a99;
    --main-foreground-opacity-70: #18181aB3;
    --main-foreground-opacity-80: #18181aCC;

    --main-background-opacity-30: #FFFFFF4D;
    --main-background-opacity-40: #FFFFFF66;
    --main-background-opacity-50: #FFFFFF80;
    --main-background-opacity-80: #FFFFFFCC;
    --main-background-opacity-90: #FFFFFFE6;

    --header-desktop-background: #18181a;
    --header-desktop-background-opacity: #18181a0D;
    --header-desktop-foreground: #ffffff;
    --header-icons: #ffffff;

    --header-foreground-opacity-10: #ffffff1A;
    --header-foreground-opacity-20: #ffffff33;
    --header-foreground-opacity-50: #ffffff80;

    --nav-desktop-foreground-opacity-05: #ffffff0D;
    --nav-desktop-foreground-opacity-10: #ffffff1A;
    --nav-desktop-foreground-opacity-60: #ffffff99;

    --nav-mobile-foreground-opacity-05: #18181a0D;
    --nav-mobile-foreground-opacity-10: #18181a1A;
    --nav-mobile-foreground-opacity-20: #18181a33;
    --nav-mobile-foreground-opacity-30: #18181a4D;
    --nav-mobile-foreground-opacity-40: #18181a66;

    --nav-item-spacing: 10px;

    --header-badge-foreground-opacity-20: #ffffff33;

    --adbar-foreground-opacity-10: 1A;

    --topbar-border: 1px solid #18181a0D;

    --search-foreground-opacity-50: #99999980;

    --search-border: #242426;

    --main-categories-foreground-opacity-20: #18181a33;

    --brands-foreground-opacity-10: #18181a1A;

    --welcome-foreground-opacity-90: E6;

    --institutional-foreground-opacity-30: #18181a4D;

    --institutional-opacity: 0.2;

    --testimonials-block: #ffffff;


    --news-foreground-opacity-10: #FFFFFF1A;
    --news-foreground-opacity-30: #FFFFFF4D;
    --news-foreground-opacity-50: #FFFFFF80;
    --news-foreground-opacity-70: #FFFFFFB3;

    --footer-foreground-opacity-10: #ffffff1A;
    --footer-foreground-opacity-20: #ffffff33;
    --footer-foreground-opacity-50: #ffffff80;
    --footer-foreground-opacity-60: #ffffff99;
    --footer-foreground-opacity-80: #ffffffCC;

    --footer-form-input-foreground-opacity-50: #ecf0f680;


    --banner-promotional-background: #FFFFFF;
    --banner-promotional-foreground: #18181a;
    --banner-promotional-overlay: #EDC25900;

    --extra-menu-foreground-opacity-10: #18181a1A;


    --custom-section-1-background: #FFFFFF;
    --custom-section-2-background: #FFFFFF;
    --custom-section-3-background: #FFFFFF;
    --custom-section-4-background: #FFFFFF;
    --custom-section-5-background: #FFFFFF;

    --custom-section-1-foreground: #18181a;
    --custom-section-2-foreground: #18181a;
    --custom-section-3-foreground: #18181a;
    --custom-section-4-foreground: #18181a;
    --custom-section-5-foreground: #18181a;

    --custom-section-1-button-background: #181818;
    --custom-section-1-button-foreground: #ffffff;
    --custom-section-2-button-background: #181818;
    --custom-section-2-button-foreground: #ffffff;
    --custom-section-3-button-background: #181818;
    --custom-section-3-button-foreground: #ffffff;
    --custom-section-4-button-background: #181818;
    --custom-section-4-button-foreground: #ffffff;
    --custom-section-5-button-background: #181818;
    --custom-section-5-button-foreground: #ffffff;


    --success: #4bb98c;
    --danger: #dd7774;
    --warning: #dc8f38;



    --heading-font: "Montserrat", sans-serif;
    --menu-font: "Inter", sans-serif;
    --body-font: "Inter", sans-serif;


    --h1: 1.75rem;
    --h1-huge: 1.875rem;
    --h1-huge-md: 2.5rem;
    --h2: 1.75rem;
    --h3: 1.25rem;
    --h4: 1.125rem;
    --h5: 1rem;
    --h6: 0.875rem;

    --font-big: 1rem;
    --font-base: 0.875rem;
    --font-small: 0.75rem;
    --font-smallest: 0.625rem;

    --font-11: 0.6875rem;
    --font-12: 0.75rem;
    --font-13: 0.8125rem;
    --font-14: 0.875rem;
    --font-15: 0.9375rem;
    --font-16: 1rem;
    --font-18: 1.125rem;
    --font-20: 1.25rem;
    --font-22: 1.375rem;
    --font-24: 1.5rem;
    --font-26: 1.625rem;
    --font-28: 1.75rem;
    --font-30: 1.875rem;
    --font-32: 2rem;
    --font-36: 2.25rem;
    --font-40: 2.5rem;
    --font-44: 2.75rem;
    --font-48: 3rem;

    --font-menu: var(--font-14);

    --font-headings: var(--font-30);

    --font-rest: var(--font-13);


    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;


    --font-style-normal: normal;
    --font-style-italic: italic;

    --font-headings-weight: 800;

    --font-headings-style: var(--font-style-normal);

    --font-menu-weight: var(--font-weight-regular);

    --font-headings-style: var(--font-style-normal);

    --font-menu-transform: uppercase;

    /* Gradientes */
    --accent-gradient: linear-gradient(135deg, #EDC259 0%, #F5D76E 100%);
    --button-gradient: linear-gradient(135deg, #18181a 0%, #2a2a2c 100%);

    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* Sombras em camadas */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    --shadow-accent: 0 4px 12px rgba(237, 194, 89, 0.3);




    --gutter: 15px;
    --gutter-container: 15px;
    --gutter-container-md: 100px;
    --gutter-negative: calc(var(--gutter) * -1);
    --gutter-half: calc(var(--gutter) / 2);
    --gutter-half-negative: calc(var(--gutter) * -1 / 2);
    --gutter-double: calc(var(--gutter) * 2);



    --border-radius-none: 0px;
    --border-radius-full: 100%;
    --border-radius-30: 30px;
    --border-radius-half: calc(var(--border-radius) / 2);
    --border-radius-quarter: calc(var(--border-radius) / 4);
    --border-solid: 1px solid;
    --border-dashed: 1px dashed;

    --border-radius-item-image: 16px;

    --btn-border-radius: var(--border-radius);

    --border-radius: 12px;


    --theme-round-full: 30px;
    --theme-round: var(--border-radius);


    --shadow-distance: 0 0 5px;


    --column-custom: 20%;


    --section-distance: 4rem;
    --section-negative-distance: calc(var(--section-distance) * -1);


    --popup-width: 720px;


    --banner-services-icon-size-desktop: 32px;
    --banner-services-icon-size-mobile: 32px;


    --item-background: #FFFFFF;

    --item-name-size: 14px;

    --item-name-lines: 2;

    --item-name-wrapper: calc(var(--item-name-size) * var(--item-name-lines) + 10px);

    --item-price-size: 13px;

    --item-price-color: ;





    --item-container-height: initial;

    --item-name-container: calc((var(--item-name-size) * var(--item-name-lines) + 18px));



    --item-price-container: initial;


    --item-bullet-border: var(--main-foreground-opacity-30);


    --product-price-color: ;


    --instafeed-font-size: var(--font-24);

    --search-mobile-padding: 0 15px 15px;


    --container-width-sm: 540px;
    --container-width-md: 720px;
    --container-width-lg: 960px;
    --container-width-xl: 1140px;
    --container-width: 1200px;
    --container-width-max: 1300px;

}


@media (max-width: 767px) {
    .js-home-main-slider-visibility {
        display: none !important;
    }

    .js-home-mobile-slider-visibility {
        display: block !important;
    }

    .js-home-mobile-slider-visibility .section-slider {
        display: block !important;
    }
}

@media (min-width: 768px) {
    :root {


        --item-name-size: 16px;


        --item-price-size: 14px;

    }
}

/* Estilos para seção de categorias grandes - 100% responsivo */
.section-categories-large {
    padding: 3rem 0;
}

.category-card-large {
    border-radius: 1rem;
    overflow: hidden;
    display: block;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-card-large:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.category-card-large:hover img {
    transform: scale(1.1);
}

.category-card-large img.category-card-img {
    transition: transform 0.5s ease;
}

.category-card-large:hover img.category-card-img {
    transform: scale(1.1);
}

/* Responsividade para mobile */
@media (max-width: 767.98px) {
    .section-categories-large {
        padding: 2rem 0;
    }

    .category-card-large {
        min-height: 300px !important;
        height: 300px !important;
        margin-bottom: 1.5rem;
    }

    .category-card-large h3 {
        font-size: 1.5rem !important;
    }
}

/* Ajustes para tablets */
@media (min-width: 768px) and (max-width: 991.98px) {
    .category-card-large {
        min-height: 400px !important;
        height: 400px !important;
    }
}

/* Ajustes para telas grandes */
@media (min-width: 992px) {
    .category-card-large {
        height: 500px !important;
    }
}

/* Ajuste para nube-slider-home - height auto */
.nube-slider-home {
    height: auto !important;
}

/* Correção para banners cortando em iPhones */
.section-slider {
    overflow: hidden;
    position: relative;
}

.slider-slide {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    position: relative;
    min-height: auto;
}

.slider-image,
.js-slider-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
}

/* Desktop - manter proporção */
@media (min-width: 768px) {

    .slider-image,
    .js-slider-image {
        width: 100%;
        height: auto;
        max-height: 640px;
        object-fit: cover;
        object-position: center;
    }

    .slider-slide {
        min-height: 400px;
    }
}

/* Mobile - especialmente para iPhones */
@media (max-width: 767px) {

    .slider-image,
    .js-slider-image {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .slider-slide {
        min-height: auto !important;
        height: auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slider-slide a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: auto;
        height: auto;
    }

    .slide-container {
        height: auto !important;
        min-height: auto !important;
    }

    .swiper-slide.slide-container {
        height: auto !important;
        min-height: auto !important;
    }

    /* Garantir que o container não corte a imagem */
    .js-home-mobile-slider-visibility .section-slider {
        overflow: visible;
    }

    .js-home-mobile-slider-visibility .swiper-wrapper {
        height: auto !important;
    }

    .js-home-mobile-slider-visibility .swiper {
        height: auto !important;
    }

    /* Remover qualquer altura fixa que possa estar sendo aplicada */
    .js-home-mobile-slider-visibility .swiper-slide {
        height: auto !important;
    }
}

/* Ajustes específicos para iPhones com safe-area */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 767px) {

        .slider-image,
        .js-slider-image {
            width: 100% !important;
            height: auto !important;
            object-fit: contain !important;
            object-position: center !important;
        }

        .slider-slide {
            padding-bottom: 0;
        }

        /* Ajuste para diferentes tamanhos de iPhone */
        @media (max-width: 414px) {
            .slider-image,
            .js-slider-image {
                max-width: 100vw;
            }
        }

        @media (max-width: 375px) {
            .slider-image,
            .js-slider-image {
                max-width: 100vw;
            }
        }
    }
}

/* Estilos para ícones das categorias */
.home-category figure {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.home-category figure img {
    border-radius: 50%;
    background-color: #F9F3E8;
    padding: 15px;
    transition: background-color 0.3s ease;
    display: block;
}

.home-category a:hover figure img {
    background-color: #E8DCC8;
}

.home-category span {
    display: block;
    margin-top: 10px;
    font-weight: 500;
    color: #333;
}

/* Header fixo - inicialmente escondido */
.js-head-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

.js-head-fixed.is-fixed {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ============================================
   MELHORIAS ESTÉTICAS - EFEITOS HOVER E ANIMAÇÕES
   ============================================ */

/* Efeitos hover em botões */
button,
.btn,
a.btn,
input[type="submit"],
input[type="button"] {
    transition: all var(--transition-normal) cubic-bezier(0.4, 0, 0.2, 1);
}

button:hover,
.btn:hover,
a.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-accent);
}

button:active,
.btn:active,
a.btn:active {
    transform: translateY(0);
}

/* Cards de produtos melhorados */
.item-container,
.product-card,
.js-item-container,
[data-component="item"] {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
    overflow: hidden;
    background: var(--item-background);
}

.item-container:hover,
.product-card:hover,
.js-item-container:hover,
[data-component="item"]:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

/* Efeitos de overlay em imagens de produtos */
.item-image-container,
.js-item-image,
[data-component="item-image"] {
    position: relative;
    overflow: hidden;
}

.item-image-container::before,
.js-item-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(237, 194, 89, 0.1) 100%);
    opacity: 0;
    transition: opacity var(--transition-normal);
    z-index: 1;
    pointer-events: none;
}

.item-container:hover .item-image-container::before,
.item-container:hover .js-item-image::before,
.product-card:hover .item-image-container::before {
    opacity: 1;
}

/* Badges e labels melhorados */
.badge,
.label,
[class*="badge"],
[class*="label"] {
    border-radius: 20px;
    padding: 4px 12px;
    font-weight: 600;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-fast);
}

.badge:hover,
.label:hover {
    transform: scale(1.05);
}

/* Inputs e formulários melhorados */
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    border-radius: var(--border-radius);
    border: 2px solid #e0e0e0;
    transition: all var(--transition-normal);
}

input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea:focus,
select:focus {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 3px rgba(237, 194, 89, 0.1);
    outline: none;
}

/* Tipografia melhorada */
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.02em;
    line-height: 1.2;
    font-weight: var(--font-headings-weight);
}

h1 {
    font-weight: 800;
}

/* Aplicar gradiente em botões principais */
.btn-primary,
button[type="submit"].btn-primary,
.footer-form-button,
[class*="button-background"] {
    background: var(--button-gradient);
}

.btn-primary:hover,
button[type="submit"].btn-primary:hover {
    background: var(--accent-gradient);
}

/* Melhorias em cards de categorias */
.category-card,
[class*="category-card"] {
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: all var(--transition-normal);
}

.category-card:hover,
[class*="category-card"]:hover {
    box-shadow: var(--shadow-md);
}

/* Animações suaves para elementos interativos */
a,
button,
.btn,
[role="button"] {
    transition: all var(--transition-normal);
}

/* Melhorias visuais em seções */
section {
    transition: opacity var(--transition-slow);
}

/* Efeito de loading suave */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in,
[data-transition] {
    animation: fadeIn var(--transition-normal) ease-out;
}


/* Melhorias em navegação */
.nav-list-link,
[class*="nav-link"] {
    transition: all var(--transition-fast);
}

.nav-list-link:hover,
[class*="nav-link"]:hover {
    color: var(--accent-color);
}

/* Melhorias em ícones sociais */
.social-icon,
[class*="social-icon"] {
    transition: all var(--transition-normal);
}

.social-icon:hover,
[class*="social-icon"]:hover {
    transform: translateY(-3px) scale(1.1);
    color: var(--accent-color);
}

/* Responsividade para animações */
@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Melhorias gerais de credibilidade */
.btn-add-to-cart {
    font-weight: 700 !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 13px !important;
    background-color: #27AE60 !important;
    border-color: #27AE60 !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}

.btn-add-to-cart:hover {
    background-color: #1e8449 !important;
    border-color: #1e8449 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(39, 174, 96, 0.4) !important;
}

.item-price {
    font-weight: 800 !important;
    font-size: 1.3em !important;
}

/* Badge de destaque nos produtos */
.item-container {
    position: relative;
}

.item-container::after {
    content: '✓ Original';
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    font-family: 'Font Awesome 6 Free', 'Inter', sans-serif;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
    z-index: 10;
    pointer-events: none;
}

/* ============================================
   FOOTER - LINKS COM HOVER DOURADO
   ============================================ */

/* Links do menu do footer */
.footer-menu-link,
footer a.footer-menu-link,
.footer-menu a {
    color: var(--footer-foreground);
    transition: all var(--transition-normal);
    text-decoration: none;
}

.footer-menu-link:hover,
footer a.footer-menu-link:hover,
.footer-menu a:hover {
    color: var(--accent-color) !important;
    transform: translateX(4px);
}

/* Links de contato no footer */
.contact-link,
footer .contact-link,
.contact-item a {
    color: var(--footer-foreground);
    transition: all var(--transition-normal);
    text-decoration: none;
}

.contact-link:hover,
footer .contact-link:hover,
.contact-item a:hover {
    color: var(--accent-color) !important;
}

/* Todos os links do footer */
footer a:not(.btn):not(.social-icon):not(.logo-text) {
    transition: color var(--transition-normal);
}

footer a:not(.btn):not(.social-icon):not(.logo-text):hover {
    color: var(--accent-color) !important;
}

/* Ícones sociais do footer já têm hover, mas garantindo */
footer .social-icon:hover {
    color: var(--accent-color) !important;
}

/* ========================================
   UNIFORMIZAÇÃO DOS CARDS DE PRODUTOS
======================================== */

/* Container do produto com altura fixa */
.item.product-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 420px;
}

/* Wrapper interno do produto */
.js-product-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Imagem do produto - altura fixa */
.item-image {
    flex-shrink: 0;
    margin-bottom: 1rem;
}

.item-image .js-item-image-padding {
    width: 100%;
    position: relative;
}

/* Estilos para imagens dos cards de produtos */
.item-image img {
    height: 100%;
    max-height: 1200px;
    width: auto;
    transition: all .5s ease;
    /* Otimizações de performance */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    will-change: transform;
    content-visibility: auto;
}

.img-absolute-centered {
    left: 50%;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
}

.img-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-indent: -9999px;
    z-index: 1;
}

.item-image-container,
.js-item-image,
[data-component="item-image"] {
    position: relative;
    overflow: hidden;
}



/* Descrição do produto - flex para distribuir espaço */
.item-description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

/* Nome do produto - altura fixa com 2 linhas */
.item-name-wrapper {
    min-height: 48px;
    max-height: 48px;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.item-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: 100%;
}

/* Container de preço */
.item-price-container {
    min-height: 36px;
    margin-bottom: 0.5rem;
}

/* Ações (botão comprar) sempre no final */
.item-actions {
    margin-top: auto;
}

/* Garantir que os slides do swiper tenham altura uniforme */
.swiper-slide.item-product {
    height: auto !important;
    display: flex;
}

.swiper-slide.item-product>.item {
    width: 100%;
}

/* Para produtos em grid (não swiper) */
.row-grid .item-product {
    display: flex;
    margin-bottom: 20px;
}

.row-grid .item-product>.item {
    width: 100%;
}

/* Ajuste para badges/labels */
.labels {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

/* Garantir espaçamento consistente */
.item-product .item-borders {
    padding: 15px;
}

/* Preço sempre com mesma altura */
.item-price,
.price-compare {
    line-height: 1.4;
}

/* Botão sempre ocupando largura total */
.item-actions .btn {
    width: 100%;
}

/* ========================================
   SWIPER PAGINATION - BULLETS BRANCOS
======================================== */

/* Bullets do banner */
.swiper-pagination-bullet {
    background: white !important;
    opacity: 0.6 !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 6px !important;
    transition: all 0.3s ease !important;
}

.swiper-pagination-bullet-active {
    background: white !important;
    opacity: 1 !important;
    width: 30px !important;
    border-radius: 6px !important;
}

/* Container da paginação */
.swiper-pagination {
    bottom: 20px !important;
}

/* Hover nos bullets (desktop) */
.swiper-pagination-bullet:hover {
    opacity: 0.8 !important;
}

/* ========================================
   FORMULÁRIO DE BUSCA - REMOVER MARGIN
======================================== */

.js-search-form,
.search-form {
    margin-bottom: 0 !important;
}

.js-search-form .form-group,
.search-form .form-group {
    margin-bottom: 0 !important;
}


.desktop-dropdown {
    top: 100% !important
}




/* Notificações do Carrinho */
.cart-notification {
    position: fixed;
    top: 100px;
    right: 20px;
    background: white;
    padding: 16px 24px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    transform: translateX(400px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 400px;
}

.cart-notification.show {
    transform: translateX(0);
    opacity: 1;
}

.cart-notification-content {
    display: flex;
    align-items: center;
    color: #18181a;
    font-weight: 500;
}

.cart-notification-success {
    border-left: 4px solid var(--accent-color);
}

.cart-notification-error {
    border-left: 4px solid #dc3545;
}

/* Animação do contador do carrinho */
.cart-widget-amount {
    background: var(--accent-color) !important;
    color: #18181a !important;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 11px;
    position: absolute;
    top: 0;
    right: -8px;
    transition: all 0.3s ease;
}

.cart-widget-amount.cart-has-items {
    animation: cart-pulse 0.3s ease;
}

@keyframes cart-pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

/* Animação de bounce do ícone do carrinho */
.js-cart-link {
    transition: transform 0.3s ease;
    position: relative;
}

.js-cart-link.cart-bounce {
    animation: cart-bounce 0.6s ease;
}

@keyframes cart-bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(-5px);
    }
}

/* Botão loading */
.btn-loading {
    pointer-events: none;
    opacity: 0.7;
    position: relative;
}

.btn-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: btn-spin 0.6s linear infinite;
}

@keyframes btn-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Efeito ripple nos botões */
.js-addtocart.cart {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.js-addtocart.cart::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.js-addtocart.cart:active::before {
    width: 300px;
    height: 300px;
}

/* Responsivo */
@media (max-width: 768px) {
    .cart-notification {
        right: 10px;
        left: 10px;
        max-width: calc(100% - 20px);
    }
}

/* ============================================
       SIDEBAR DO CARRINHO
       ============================================ */

.cart-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    pointer-events: none;
}

.cart-sidebar.active {
    pointer-events: all;
}

.cart-sidebar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(2px);
}

.cart-sidebar.active .cart-sidebar-overlay {
    opacity: 1;
}

.cart-sidebar-content {
    position: absolute;
    top: 0;
    right: -450px;
    bottom: 0;
    width: 450px;
    max-width: 100vw;
    background: white;
    box-shadow: -4px 0 30px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.cart-sidebar.active .cart-sidebar-content {
    right: 0;
}

.cart-sidebar-header {
    padding: 25px 30px;
    border-bottom: 2px solid #f3f4f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #18181a 0%, #2d2d30 100%);
    color: white;
}

.cart-sidebar-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-sidebar-close {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    transition: all 0.2s;
}

.cart-sidebar-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}

.cart-free-shipping-badge {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    padding: 15px 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #065f46;
    font-size: 14px;
    border-bottom: 2px solid #10b981;
}

.cart-free-shipping-badge i {
    font-size: 20px;
    color: #10b981;
}

.cart-sidebar-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px 30px;
}

.cart-sidebar-empty {
    text-align: center;
    padding: 60px 20px;
    color: #9ca3af;
}

.cart-sidebar-empty i {
    font-size: 64px;
    margin-bottom: 20px;
    opacity: 0.3;
}

.cart-sidebar-empty h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #6b7280;
}

.cart-sidebar-item {
    display: flex;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid #f3f4f6;
    position: relative;
}

.cart-sidebar-item:last-child {
    border-bottom: none;
}

.cart-item-image {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    object-fit: cover;
    background: #f9fafb;
    flex-shrink: 0;
}

.cart-item-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cart-item-name {
    font-weight: 600;
    font-size: 14px;
    color: #18181a;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cart-item-price {
    font-size: 16px;
    font-weight: 700;
    color: var(--accent-color);
}

.cart-item-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}

.cart-quantity-control {
    display: flex;
    align-items: center;
    background: #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #e5e7eb;
}

.cart-qty-btn {
    background: white;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #18181a;
    transition: all 0.2s;
}

.cart-qty-btn:hover {
    background: var(--accent-color);
    color: white;
}

.cart-qty-btn:active {
    transform: scale(0.9);
}

.cart-qty-value {
    min-width: 40px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: #18181a;
}

.cart-item-remove {
    background: #fee;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #dc2626;
    font-size: 16px;
    transition: all 0.2s;
}

.cart-item-remove:hover {
    background: #dc2626;
    color: white;
    transform: scale(1.1);
}

.cart-sidebar-footer {
    padding: 25px 30px;
    border-top: 2px solid #f3f4f6;
    background: #fafafa;
}

.cart-total-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 15px;
    color: #6b7280;
}

.cart-total-main {
    font-size: 20px;
    font-weight: 700;
    color: #18181a;
    padding-top: 15px;
    border-top: 2px solid #e5e7eb;
    margin-bottom: 20px;
}

.cart-total-main .cart-total-value {
    color: var(--accent-color);
}

.btn-checkout {
    width: 100%;
    padding: 16px;
    background: var(--accent-color);
    color: #18181a;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s;
    margin-bottom: 12px;
}

.btn-checkout:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(237, 194, 89, 0.4);
}

.btn-continue {
    width: 100%;
    padding: 12px;
    background: white;
    color: #6b7280;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s;
}

.btn-continue:hover {
    border-color: #18181a;
    color: #18181a;
}

/* Scrollbar personalizada */
.cart-sidebar-body::-webkit-scrollbar {
    width: 6px;
}

.cart-sidebar-body::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.cart-sidebar-body::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

.cart-sidebar-body::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Responsivo */
@media (max-width: 768px) {
    .cart-sidebar-content {
        width: 100vw;
        right: -100vw !important;
    }

    .cart-sidebar.active .cart-sidebar-content {
        right: 0 !important;
    }

    .cart-sidebar-header,
    .cart-sidebar-body,
    .cart-sidebar-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Ocultar filtros no mobile */
@media (max-width: 767.98px) {

    /* Ocultar botão de filtro */
    a[data-component="filter-button"],
    a[data-toggle="#nav-filters"],
    .js-modal-open[data-toggle="#nav-filters"] {
        display: none !important;
        visibility: hidden !important;
    }

    /* Ocultar modal de filtros */
    #nav-filters,
    .modal-filters,
    div#nav-filters {
        display: none !important;
        visibility: hidden !important;
    }

    /* Ocultar overlay de filtros */
    .js-modal-overlay[data-modal-id="#nav-filters"],
    div[data-modal-id="#nav-filters"] {
        display: none !important;
        visibility: hidden !important;
    }

    /* Ocultar container do botão de filtro - usando seletor mais específico */
    .category-control-item.col.col-md-auto.pl-md-2:has(a[data-component="filter-button"]),
    .category-control-item:has(a[data-toggle="#nav-filters"]) {
        display: none !important;
    }

    /* Alternativa: ocultar qualquer div que contenha o botão de filtro */
    div:has(> a[data-component="filter-button"]),
    div:has(> a[data-toggle="#nav-filters"]) {
        display: none !important;
    }
}

/* Otimizações de performance para imagens */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    max-width: 100%;
    height: auto;
}

/* Melhor renderização para imagens do carrossel */
.slider-image,
.js-slider-image {
    will-change: transform;
    content-visibility: auto;
}

/* Lazy loading nativo - placeholder enquanto carrega */
img[loading="lazy"] {
    background-color: #f0f0f0;
    min-height: 200px;
}

/* Otimização para imagens de produtos */
.js-item-image,
.item-image img {
    content-visibility: auto;
    contain-intrinsic-size: 500px 500px;
}

/* Container dos Botões WhatsApp - Unidos em uma única tag <a> */
.whatsapp-buttons-container {
    position: fixed;
    bottom: 20px;
    right: 25px;
    display: flex;
    align-items: stretch;
    gap: 0;
    z-index: 1000;
    text-decoration: none;
    animation: pulse-whatsapp 2s infinite;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}

/* Animação de pulso */
@keyframes pulse-whatsapp {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6), 0 0 0 10px rgba(37, 211, 102, 0.1);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    }
}

.whatsapp-buttons-container:hover {
    animation: none;
    transform: scale(1.05);
}

/* Botão WhatsApp Fixo - Aumentado */
.whatsapp-buttons-container .btn-whatsapp {
    position: unset;

    width: 70px;
    height: 70px;
    min-height: 70px;
    background: #25D366;
    margin-left: -50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-decoration: none;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

.whatsapp-buttons-container .btn-whatsapp svg {
    width: 50px !important;
    height: 50px !important;
    fill: white;
    display: block;
}

/* Botão de Desconto - Conectado ao WhatsApp */
.whatsapp-buttons-container .btn-desconto-especialista {
    background: #4dc247;
    color: #fff;
    padding: 0 70px 0 20px;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.3;
    height: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    margin: 0;
}

/* Ocultar botões de navegação do carrossel de produtos em destaque */
.js-swiper-featured-prev,
.js-swiper-featured-next {
    display: none !important;
}

/* Botão WhatsApp nos cards de produtos */
.btn-whatsapp-card {
    background: #25D366;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-whatsapp-card:hover {
    background: #20BA5A;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    color: white;
    text-decoration: none;
}

.btn-whatsapp-card svg {
    width: 25px;
    height: 25px;
    fill: white;
}

/* Responsivo - Ajustar posição dos botões fixos no mobile */
@media (max-width: 768px) {
    .whatsapp-buttons-container {
        bottom: 15px;
        right: 0px;
        left: 0px;
        width: 100%;
        max-width: 100%;
        flex-direction: row;
        gap: 0;
        border-radius: 50px;
        overflow: hidden;
        box-shadow: 0 -2px 10px rgba(37, 211, 102, 0.3);
        animation: pulse-whatsapp-mobile 2s infinite;
    }

    .whatsapp-buttons-container .btn-desconto-especialista {
        flex: 1;
        padding: 12px 10px;
        font-size: 11px;
        font-weight: 700;
        border-radius: 0;
        height: 60px;
        min-height: 60px;
        white-space: normal;
        line-height: 1.2;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .whatsapp-buttons-container .btn-whatsapp {
        width: 60px;
        height: 60px;
        min-height: 60px;
        border-radius: 0;
        flex-shrink: 0;
    }

    .whatsapp-buttons-container .btn-whatsapp svg {
        width: 48px !important;
        height: 48px !important;
    }
}

/* Animação de pulso para mobile */
@keyframes pulse-whatsapp-mobile {
    0% {
        box-shadow: 0 -2px 10px rgba(37, 211, 102, 0.3);
    }

    50% {
        box-shadow: 0 -4px 15px rgba(37, 211, 102, 0.5), 0 0 0 8px rgba(37, 211, 102, 0.1);
    }

    100% {
        box-shadow: 0 -2px 10px rgba(37, 211, 102, 0.3);
    }
}

/* Ajustes para telas muito pequenas */
@media (max-width: 480px) {
    .whatsapp-buttons-container .btn-desconto-especialista {
        font-size: 10px;
        padding: 10px 8px;
        height: 55px;
        min-height: 55px;
    }

    .whatsapp-buttons-container .btn-whatsapp {
        width: 55px;
        height: 55px;
        min-height: 55px;
    }
}

/* Cards de produtos - 2 por vez em 425px e desativar carrossel */
@media (max-width: 425px) {

    .col-6.js-item-product,
    .col-6[data-product-id],
    .row .col-6.mb-4.js-item-product,
    .row.justify-content-center .col-6,
    .row.justify-content-center .col-md-2-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    /* Desativar carrossel e exibir 2 produtos por vez */
    .js-swiper-featured.swiper,
    .swiper-products-slider.swiper-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        transform: none !important;
        transition: none !important;
    }

    .js-swiper-featured .swiper-slide,
    .swiper-products-slider .swiper-slide {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        margin-right: 0 !important;
        transform: none !important;
    }

    /* Ocultar botões de navegação do carrossel */
    .js-swiper-featured-prev,
    .js-swiper-featured-next {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Garantir que os produtos fiquem em grid normal */
    .js-swiper-featured .swiper-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }
}