/* Shared ANASTARIA components: Home artwork and Market typography. */
/* Native fragment fallback; the shared controller measures the fixed menu. */
body.ana-ui main [id]:target{scroll-margin-top:var(--ana-anchor-offset,106px)}
.ana-ui main .ajax-container {
    color: #fcedc0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.ana-ui main .ajax-container .ana-ui-heading {
    color: #cc7954 !important;
    font-family: "Philosopher", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
}
.ana-ui main .ajax-container .ana-ui-panel {
    box-sizing: border-box;
    border: 1px solid #39303a !important;
    border-radius: 0 !important;
    background: url('../images/block-top-bg.png') center top / 100% 50% no-repeat,
                url('../images/block-bottom-bg.png') center bottom / 100% 50% no-repeat,
                #12141f !important;
    box-shadow: 0 10px 15px 4px rgba(0,0,0,.3) !important;
}
.ana-ui main .ajax-container :is(.ana-legal-page,.ana-terms-document,.ana-shop,.ana-download-page .content) {
    color: #fcedc0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.6;
}
.ana-ui main .ajax-container table.ana-ui-table {
    width: 100%;
    border-collapse: collapse;
    color: #fcedc0;
    font: 14px/1.6 "Open Sans",sans-serif;
}
.ana-ui main .ajax-container table.ana-ui-table :is(th,td) {
    padding: 12px 14px;
    border-bottom: 1px solid #22252d;
    vertical-align: middle;
}
.ana-ui main .ajax-container table.ana-ui-table thead {
    background: #1b1b27;
    color: #ffdda9;
    font-weight: 400;
}
.ana-ui-table-scroll { max-width:100%; overflow-x:auto; }
.ana-ui-table-scroll:focus-visible { outline:2px solid #ffdda9; outline-offset:2px; }
.ana-ui main > .ana-ui-page-end {
    margin: 40px 0;
    height: 86px;
    background-position: center;
    pointer-events: none;
}

.ana-ui .ana274b-prev,.ana-ui .ana274b-next { font-size:0 !important; }
.ana-ui .ana274b-prev::before,.ana-ui .ana274b-next::before {
    content:""; display:block; width:22px; height:20px; margin:auto;
    background:url('../images/left.png') center / contain no-repeat;
}
.ana-ui .ana274b-next::before { background-image:url('../images/right.png'); }
.ana-ui .ana-ui-prev::before,.ana-ui .ana-ui-next::after {
    content:""; display:inline-block; width:18px; height:18px; vertical-align:middle;
    background:url('../images/left.png') center / contain no-repeat;
}
.ana-ui .ana-ui-prev::before { margin-right:6px; }
.ana-ui .ana-ui-next::after { margin-left:6px; background-image:url('../images/right.png'); }
.ana-ui .ana-filter-controls > span > b[aria-hidden="true"] {
    display:inline-block; width:18px; height:18px; font-size:0; vertical-align:middle;
    background:url('../images/left.png') center / contain no-repeat; transform:rotate(-90deg);
}
.ana-ui details[open] > .ana-filter-controls > span > b[aria-hidden="true"] { transform:rotate(90deg); }
.ana-number-control,.formGroup:hover > .ana-number-control { display:block; position:relative; width:100%; min-width:0; margin:0; padding:0; border:0; box-shadow:none; background:transparent; }
.ana-number-control > input[type="number"] { appearance:textfield; -moz-appearance:textfield; padding-right:34px !important; }
.ana-number-control > input::-webkit-inner-spin-button,.ana-number-control > input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.ana-number-control > .ana-number-arrow { position:absolute; right:5px; width:22px; height:20px; padding:0; margin:0; border:0; background:transparent; cursor:pointer; z-index:2; }
.ana-number-control > .ana-number-up { top:calc(50% - 20px); }
.ana-number-control > .ana-number-down { top:50%; }
.ana-number-control > .ana-number-arrow::before { content:""; display:block; width:22px; height:20px; background:url('../images/left.png') center / contain no-repeat; }
.ana-number-control > .ana-number-up::before { transform:rotate(90deg); }
.ana-number-control > .ana-number-down::before { transform:rotate(-90deg); }
.ana-number-control > .ana-number-arrow:focus-visible { outline:2px solid #ffdda9; outline-offset:2px; }
.ana-number-control > .ana-number-arrow:disabled { opacity:.35; cursor:default; }
@media (min-width:994px) {
    .ana-ui .topPanel .nav { overflow:visible; flex:1 1 auto; min-width:0; box-sizing:border-box; padding:0 24px 0 64px !important; /* Reserve the original hover artwork without clipping or scrolling. */ }
    .ana-ui .topPanel .nav > li > a { font-size:clamp(14px,calc(1.075vw + 3.3px),18px) !important; padding:0 clamp(5px,calc(1.46vw - 10px),10px) !important; }
    .ana-ui .topPanel .topPanel-wrapper { width:calc(100% - 40px);max-width:1600px;padding:0;box-sizing:border-box; }
    .ana-ui .topPanel .topPanel-left { padding-right:24px;box-sizing:border-box; }
    .ana-ui .topPanel .logo-mini { flex:0 0 auto; }
    .ana-ui .topPanel .topPanel-right { flex:0 0 auto; }
}
@media (max-width:993px) {
    .ana-ui .topPanel .nav { flex-direction:column !important; align-items:stretch !important; }
    .ana-ui .topPanel .nav > li { flex:0 0 auto !important; width:100%; }
    .ana-ui .topPanel .nav > li > a { justify-content:flex-start !important; height:auto !important; min-height:48px !important; padding:14px 24px !important; }
    .ana-ui .topPanel .topPanel-left { width:min(320px,100vw); }
    .ana-ui .wrapper > header { height:840px !important; }
    .ana-ui header > .logo { top:75px !important; left:50% !important; width:min(260px,80vw) !important; }
    .ana-ui header > .download { position:absolute; top:255px; bottom:auto; right:auto; left:50%; transform:translateX(-50%); width:100%; max-width:447px; }
    .ana-ui header .download-button { box-sizing:border-box; position:relative; left:auto; margin:0 auto; width:100%; height:150px; padding:calc(20% - 35px) 12px 0 40%; background-size:100% auto; background-position:center -55px; font-size:16px; letter-spacing:2px; }
    .ana-ui header .more-downloads { top:-18px; }
    .ana-ui header .onlinetop { top:420px; bottom:auto; width:100%; flex-direction:column; }
    .ana-ui header > .hidden-xs.hidden-sm { position:absolute !important; top:55px !important; right:0; }
    .ana-ui .wrapper > main { margin-top:0 !important; }
    .ana-ui .main > .content { min-width:0; }
}
@media (max-width:599px) {
    .ana-ui main .ajax-container table.ana-ui-table :is(th,td) { padding:10px; }
}

/* Shared Wonder layouts — existing artwork only. */
.ana-ui main .ajax-container>.main:not(.ana-page):not(.ana-vip){display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:24px;align-items:start}
.ana-ui main .ajax-container>.main:not(:has(>aside)){grid-template-columns:minmax(0,1fr)}
.ana-ui main .ajax-container>.main>.content,.ana-ui main .ajax-container>.main>aside{width:auto!important;max-width:100%;min-width:0;box-sizing:border-box}
.ana-ui main .ajax-container .content{overflow-wrap:break-word}.ana-ui main .ajax-container .content>header{height:auto;min-height:0}
.ana-ui main .ajax-container .content p{line-height:1.8}.ana-ui main .ajax-container .content :is(img,video){max-width:100%;height:auto}.ana-ui main .ajax-container .content iframe{max-width:100%}.ana-ui main .ajax-container .content pre{overflow-x:auto;max-width:100%}
.ana-ui main .ajax-container .content :is(.h2-title-content,.box-panel-title){margin-bottom:22px}
.ana-ui main .ajax-container .content :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui main .ajax-container .content :is(.button-custom,.button,.btn){max-width:100%;white-space:normal;min-height:42px}
.ana-ui main .ajax-container .content :is(.form,.regBlock) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),textarea,select){box-sizing:border-box;max-width:100%;min-height:44px}
.ana-ui main .ajax-container .content .form .row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:14px;align-items:start;margin-bottom:18px}
.ana-ui main .ajax-container .content .form .row>.label,.ana-ui main .ajax-container .content .form .row>.field{width:auto;float:none;min-width:0}
.ana-ui main .ajax-container .content .form textarea{width:100%!important;min-height:120px}
.ana-ui main .ajax-container table.ana-ui-table{min-width:480px}.ana-ui main .ajax-container table.ana-ui-table tbody tr:hover{background:#ffffff04}
.ana-ui .ana-native-card{position:relative;min-width:0;box-sizing:border-box;padding:26px;border:1px solid #39303a;background:url('../images/block-top-bg.png') center top/100% auto no-repeat,url('../images/block-bottom-bg.png') center bottom/100% auto no-repeat,#12141f;box-shadow:0 10px 15px 4px #0000004d}
.ana-ui .ana-page{display:block}.ana-ui .ana-page>.content{width:100%!important;padding:32px;box-sizing:border-box}
.ana-ui .ana-page-lead{max-width:760px;margin-bottom:26px}.ana-ui .ana-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.ana-ui .ana-card-grid>.ana-native-card{display:flex;flex-direction:column;align-items:flex-start}.ana-ui .ana-card-grid>.ana-native-card>.button-custom,.ana-ui .ana-card-grid>.ana-native-card>.ana-unavailable{margin-top:auto;width:100%}
.ana-ui .ana-native-card h2{margin:18px 0}.ana-ui .ana-native-card p{margin-bottom:18px}.ana-ui .ana-payment-image{height:54px!important;max-width:170px!important;object-fit:contain;margin-bottom:10px}
.ana-ui .ana-payment-icon{font-size:48px;color:#b6a4f0;height:64px}.ana-ui .ana-payment-details{width:100%;margin:8px 0 24px}.ana-ui .ana-payment-details dt{font-size:12px;color:#b4a596;margin-top:12px}.ana-ui .ana-payment-details dd{margin:3px 0;overflow-wrap:anywhere;color:#fcedc0}
.ana-ui .ana-payment-help{margin:26px 0}.ana-ui .ana-meta{font-size:13px;color:#b2b7c5}.ana-ui .ana-unavailable{display:block;box-sizing:border-box;padding:12px;text-align:center;border:1px solid #443c46;color:#b2b7c5;font-size:13px}
.ana-ui .ana-notice{padding:18px 22px;border-left:3px solid #cc7954;background:#211c25;color:#dcd6cf;line-height:1.8;margin:24px 0}
.ana-ui .ana-form-card{max-width:650px}.ana-ui .ana-form-card label{display:block;margin:12px 0}.ana-ui .ana-form-card input[type=number]{width:100%;padding:12px;color:#fcedc0;background:#10121b;border:1px solid #514257}
.ana-ui .ana-vip .vip-card{background:url('../images/block-top-bg.png') center top/100% auto no-repeat,url('../images/block-bottom-bg.png') center bottom/100% auto no-repeat,#12141f!important}
.ana-ui .ana-vip .vip-action{background:url('../images/button.png') center/cover no-repeat!important;color:#fcedc0!important;box-shadow:0 0 22px 5px #3b249733,0 10px 15px 4px #0000004d}
@media(max-width:993px){
.ana-ui main .ajax-container>.main:not(.ana-page):not(.ana-vip){display:flex;flex-direction:column;gap:24px}
.ana-ui main .ajax-container>.main>.content{order:0;width:100%!important}.ana-ui main .ajax-container>.main>aside{order:1;width:100%!important}
.ana-ui .ana-card-grid{grid-template-columns:minmax(0,1fr)}.ana-ui .ana-page>.content{padding:24px 18px}
.ana-ui main .ajax-container .content :is(.form,.regBlock) .row{grid-template-columns:minmax(0,1fr);gap:8px}
.ana-ui main .ajax-container .content .form .row :is(input:not([type=checkbox]):not([type=radio]),select){width:100%!important}
.ana-ui .ana-native-card{padding:22px 18px}.ana-ui .footerMenu{gap:24px;flex-wrap:wrap}.ana-ui .footerMenu-block{min-width:140px}}
@media(prefers-reduced-motion:reduce){.ana-ui :is(.bright,.button-custom,.ana274b-slide){transition:none!important;animation:none!important}}
.ana-ui main .ajax-container table.ana-ui-table :is(th,td){font-size:13px!important;line-height:1.6!important}
/* Homepage composition: existing Wonder panels, banners and controls. */
.ana-ui .ana-home .topHomeBlocks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;margin:0 0 28px}
.ana-ui .ana-home .topHomeBlocks>.block-50{max-width:100%!important;width:100%!important;min-width:0;margin:0!important;height:auto;box-sizing:border-box}
.ana-ui .ana-home .newsBlock{padding:26px}.ana-ui .ana-home .newsLink{padding:18px 0 18px 50px;gap:16px;border-bottom:1px solid #29252f}.ana-ui .ana-home .newsLink-info{min-width:0}.ana-ui .ana-home .newsLink-info>a{display:block;width:auto;white-space:normal;line-height:1.5;overflow-wrap:break-word}.ana-ui .ana-home .newsLink-info>span{display:block;margin-top:8px;color:#aaa3ac;font-size:12px}.ana-ui .ana-home .newsLink-more{flex:0 0 auto}
.ana-ui .ana-home .topHomeBlocks>.ana274b-promo{min-height:0;aspect-ratio:2/1;position:relative;overflow:hidden;align-self:start;border:1px solid #39303a;box-shadow:0 10px 15px 4px #0000004d}
.ana-ui .ana-home .ana274b-slides{position:absolute;inset:0}.ana-ui .ana-home .ana274b-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .65s ease}.ana-ui .ana-home .ana274b-slide.active{opacity:1;visibility:visible;z-index:1}.ana-ui .ana-home .ana274b-slide img{display:block;width:100%;height:100%;object-fit:contain}.ana-ui .ana-home .ana274b-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:0;width:max-content;max-width:100%;padding:4px;background:rgba(5,7,16,.55);border-radius:30px;z-index:50;pointer-events:auto}
.ana-ui .ana-home .ana274b-controls button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#ffdda9;cursor:pointer;box-shadow:none;flex:0 0 auto}
.ana-ui .ana-home .ana274b-dots{display:flex;gap:0}
.ana-ui .ana-home .ana274b-dots button{font-size:0;border-radius:0}
.ana-ui .ana-home .ana274b-dots button::before{content:"";display:block;width:9px;height:9px;margin:auto;border-radius:50%;background:#514257}
.ana-ui .ana-home .ana274b-dots button.active::before{background:#ffdda9}

.ana-ui .ana-home .ana274b-controls button:focus-visible{outline:2px solid #ffdda9;outline-offset:2px}
@media(max-width:993px){.ana-ui .ana-home .topHomeBlocks{grid-template-columns:minmax(0,1fr)!important;gap:22px}.ana-ui .ana-home .newsBlock{padding:22px 18px}.ana-ui .ana-home .newsLink-more{font-size:12px}.ana-ui .ana-home .newsLink{gap:10px}}

.ana-ui .ana-home .ana274b-slide[aria-hidden="true"]{visibility:hidden!important;pointer-events:none!important}.ana-ui .ana-home .ana274b-slide.active{pointer-events:auto!important}


/* Native mobile menu trigger: shared layout component. */
.ana-ui .topPanel .btn-drop{width:44px;height:44px;padding:10px;border:0;background:transparent;color:inherit;min-width:44px;min-height:44px;box-shadow:none;box-sizing:border-box}
.ana-ui .topPanel .btn-drop:focus-visible{outline:2px solid #ffdda9;outline-offset:-3px}
@media(max-width:993px){.ana-ui .topPanel .topPanel-left{box-sizing:border-box;padding-top:120px}.ana-ui .topPanel .topPanel-left>.nav{height:calc(100% - 120px)}.ana-ui .topPanel .topPanel-left:not(.active){visibility:hidden}.ana-ui .topPanel .topPanel-left.active{visibility:visible}}



/* Account dialog: native close artwork and keyboard focus. */
.ana-ui #register>.modal_close{min-width:56px;min-height:56px;width:56px;height:56px;padding:0;border:0;background:url('../images/close-icon.png') center/contain no-repeat;box-shadow:none;top:4px;right:4px}
.ana-ui #register :is(button,a,input):focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui #register{max-height:80vh;overflow-y:auto;box-sizing:border-box}



/* Quick links: the same bounded panel artwork as the content panels. */
.ana-ui .rightBodyLinks.ana-support-panel{position:relative;inset:auto;transform:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:1200px;height:auto;max-height:none;margin:24px auto;padding:16px;box-sizing:border-box;overflow:visible;border:1px solid #39303a;background:url('../images/block-top-bg.png') center top/100% 50% no-repeat,url('../images/block-bottom-bg.png') center bottom/100% 50% no-repeat,#12141f}
.ana-ui .rightBodyLinks.ana-support-panel a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 88px;width:88px;min-height:44px;margin:0;padding:0 2px;box-sizing:border-box;font:13px/1.4 'Philosopher',sans-serif;text-align:center;color:#fcedc0}
.ana-ui .rightBodyLinks.ana-support-panel a span{position:relative;display:block;flex:0 0 48px;width:48px;height:48px;margin:0 auto 4px;background:url('../images/right-panel-bg.png') center/contain no-repeat}
.ana-ui .rightBodyLinks.ana-support-panel a span img{position:absolute;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);max-width:65%;max-height:65%;width:auto;height:auto;object-fit:contain}
.ana-ui .rightBodyLinks.ana-support-panel a:is(:hover,:focus-visible,.is-active) span{background-image:url('../images/right-panel-bg-hover.png')}
.ana-ui .rightBodyLinks.ana-support-panel a:focus-visible{outline:2px solid #ffdda9;outline-offset:3px}
.ana-ui .rightBodyLinks.ana-support-panel .r-whatsapp span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:54%;height:54%;border-radius:50%;background:#25d366;color:#fcedc0;font-size:22px}
@media(min-width:1200px){.ana-ui>.wrapper,.ana-ui>footer>.wrapper{width:calc(100% - 132px);max-width:1250px;margin-left:max(0px,calc((100% - 1382px)/2));margin-right:132px;box-sizing:border-box}.ana-ui .rightBodyLinks.ana-support-panel{position:fixed;top:50%;right:10px;transform:translateY(-50%);width:104px;max-height:calc(100vh - 120px);margin:0;padding:12px 8px;flex-direction:column;flex-wrap:nowrap;gap:8px;overflow-y:auto;z-index:5}.ana-ui .rightBodyLinks.ana-support-panel a{flex:0 0 auto;width:100%}.ana-ui .rightBodyLinks.ana-support-panel a span{width:48px;height:48px;flex-basis:48px}}


/* Align homepage news and promotions; preserve complete banner artwork. */
@media(min-width:994px){
 .ana-ui .ana-home .topHomeBlocks>.ana274b-promo{align-self:stretch;aspect-ratio:auto;height:auto;min-height:0;background:url('../images/block-top-bg.png') center top/100% 50% no-repeat,url('../images/block-bottom-bg.png') center bottom/100% 50% no-repeat,#0b0d16}
}
.ana-ui main .ana-home .newsLink:is(:hover,:focus-within){background-image:url('../images/news-icon.png');background-position:left 18px;background-size:auto;background-repeat:no-repeat;background-color:rgba(204,121,84,.045)}
.ana-ui main .ana-home .newsLink::after{display:none}

/* Fill every promotion frame without letterboxing. */
.ana-ui .ana-home .ana274b-slide img{object-fit:cover;object-position:center;width:100%;height:100%}