html,
body{
background:#ffffff !important;
color-scheme:light !important;
}
html body.shopacc-white-theme,
body.shopacc-white-theme{
background:radial-gradient(circle at 50% 16%, rgba(15,23,42,.055), transparent 34%), linear-gradient(180deg,#ffffff 0%,#f5f6fa 42%,#ffffff 100%) !important;
color:#0f172a !important;
overflow-x:hidden !important;
}
body.shopacc-white-theme .site-particles,
body.shopacc-white-theme .site-particle,
body.shopacc-white-theme #menu,
body.shopacc-white-theme #menu-mobile,
body.shopacc-white-theme #legacy-ff-footer{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
}
html body.shopacc-white-theme .mm-page,
html body.shopacc-white-theme main.legacy-ff-main,
html body.shopacc-white-theme .legacy-ff-main,
html body.shopacc-white-theme .sa-mainsa,
html body.shopacc-white-theme .sa-banner{
background:transparent !important;
background-image:none !important;
}
html body.shopacc-white-theme #topnap-shell,
html body.shopacc-white-theme #topnap-shell.home-topnap-shell,
html body.shopacc-white-theme .home-topnap-shell,
html body.shopacc-white-theme .home-topnap-pane,
html body.shopacc-white-theme .home-topnap-card,
html body.shopacc-white-theme .topnap-podium-card{
background:#ffffff !important;
background-image:none !important;
}
html body.shopacc-white-theme .mobile-bottom-nav{
background:#ffffff !important;
background-image:none !important;
border-top:1px solid #e5e7eb !important;
box-shadow:0 -8px 24px rgba(15,23,42,.08) !important;
}
html body.shopacc-white-theme .mobile-bottom-nav-item,
html body.shopacc-white-theme .mobile-bottom-nav-trigger{
background:transparent !important;
}
@media (min-width: 1000px){
html body.shopacc-white-theme .sa-header.sa-header-v3,
html body.shopacc-white-theme .sa-header.sa-header-v3::before,
html body.shopacc-white-theme .sa-header.sa-header-v3::after,
html body.shopacc-white-theme .sa-header.sa-header-v3 > .container,
html body.shopacc-white-theme .sa-header.sa-header-v3 .container,
html body.shopacc-white-theme .sa-header.sa-header-v3 .sa-header-desktop-nav{
background:#ffffff !important;
background-image:none !important;
}
}
@media (min-width: 1000px){
body.shopacc-white-theme .sa-header.sa-header-v3{
display:block !important;
height:124px !important;
min-height:124px !important;
max-height:124px !important;
overflow:visible !important;
background:#ffffff !important;
background-image:none !important;
border-bottom:0 !important;
box-shadow:0 8px 22px rgba(15,23,42,.04) !important;
color:#252734 !important;
}
body.shopacc-white-theme .sa-header.sa-header-v3 > .container{
display:block !important;
width:min(1230px, calc(100% - 32px)) !important;
max-width:1230px !important;
height:124px !important;
min-height:124px !important;
max-height:124px !important;
margin-left:auto !important;
margin-right:auto !important;
padding-left:0 !important;
padding-right:0 !important;
overflow:visible !important;
}
body.shopacc-white-theme .sa-header.sa-header-v3 .sa-header-desktop-top{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
width:100% !important;
height:64px !important;
min-height:64px !important;
max-height:64px !important;
gap:10px !important;
margin:0 !important;
padding:0 !important;
}
body.shopacc-white-theme .sa-header.sa-header-v3 .sa-header-desktop-nav{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:60px !important;
min-height:60px !important;
max-height:60px !important;
margin:0 !important;
padding:0 !important;
background:#ffffff !important;
border-top:1px solid #eef2f7 !important;
border-bottom:1px solid #eef2f7 !important;
box-shadow:none !important;
}
body.shopacc-white-theme .sa-header.sa-header-v3 .sa-ng247-service-menu,
body.shopacc-white-theme .sa-header.sa-header-v3 .sa-ng247-system-menu{
display:none;
}
}
body:not(.mobile-app-enabled) .sa-header,
body:not(.mobile-app-enabled) .shop-footer,
body:not(.mobile-app-enabled) .mobile-app-header,
body:not(.mobile-app-enabled) .mobile-bottom-nav,
body:not(.mobile-app-enabled) .mobile-sheet-backdrop,
body:not(.mobile-app-enabled) .mobile-action-sheet{
display:none !important;
}
body:not(.mobile-app-enabled){
background:#f5f5f5 !important;
}
body .mm-page{
overflow:visible !important;
}
body.mobile-app-enabled .legacy-ff-ui #menu,
body.mobile-app-enabled .legacy-ff-ui #menu-mobile,
body.mobile-app-enabled #legacy-ff-footer{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
.legacy-ff-main{
min-height:40vh;
}
.legacy-ff-main .sa-mainsa{
margin-top:0 !important;
}
.legacy-ff-main .container,
.legacy-ff-main .screen,
.legacy-ff-main .center{
max-width:1200px;
}
#legacy-ff-footer{
margin-top:28px;
}
.legacy-ff-footer-inner{
max-width:1200px;
margin:0 auto;
}
@media (min-width:576px){
html body.mobile-app-enabled #menu-mobile,
html body.mobile-app-enabled .mobile-app-header,
html body.mobile-app-enabled .mobile-bottom-nav,
html body.mobile-app-enabled .mobile-sheet-backdrop,
html body.mobile-app-enabled .mobile-action-sheet{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
width:0 !important;
height:0 !important;
min-width:0 !important;
min-height:0 !important;
max-width:0 !important;
max-height:0 !important;
overflow:hidden !important;
}
}
.mobile-app-header,
.mobile-bottom-nav,
.mobile-sheet-backdrop,
.mobile-action-sheet{
display:none;
}
@media (max-width: 575px){
body.mobile-app-enabled{
padding-top:74px !important;
padding-bottom:86px !important;
}
body.mobile-app-enabled .sa-header.sa-header-v3{
display:none !important;
}
body.mobile-app-enabled .mobile-app-header{
display:block;
position:fixed;
top:0;
left:0;
right:0;
z-index:4000;
padding:6px 12px 6px;
background:linear-gradient(180deg, rgba(37, 20, 64, 0.98) 0%, rgba(30, 17, 52, 0.98) 100%);
box-shadow:0 10px 26px rgba(8, 4, 20, 0.28);
transition:padding .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.mobile-app-enabled .mobile-app-header-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-bottom:4px;
}
body.mobile-app-enabled .mobile-app-logo{
display:inline-flex;
align-items:center;
min-width:0;
}
body.mobile-app-enabled .mobile-app-logo img{
display:block;
width:auto;
height:46px;
max-width:210px;
object-fit:contain;
}
body.mobile-app-enabled .mobile-app-header-icons{
display:flex;
align-items:center;
gap:10px;
flex:0 0 auto;
}
body.mobile-app-enabled .mobile-app-search-toggle{
display:none !important;
}
body.mobile-app-enabled .mobile-app-lang-dropdown{
flex:0 0 auto;
height:auto;
margin:0;
z-index:4015;
pointer-events:auto;
}
body.mobile-app-enabled .mobile-app-lang-dropdown .sa-lang-trigger{
width:24px;
min-width:24px;
height:24px;
border-radius:50%;
border:0;
background:transparent;
box-shadow:none;
padding:0;
}
body.mobile-app-enabled .mobile-app-lang-dropdown .sa-lang-trigger .fa-globe{
font-size:18px;
color:#f0eaff;
}
body.mobile-app-enabled .mobile-app-lang-dropdown .sa-lang-trigger svg{
width:18px;
height:18px;
display:block;
color:#f0eaff;
}
body.mobile-app-enabled .mobile-app-lang-dropdown .sa-lang-menu{
top:calc(100% + 10px);
right:-8px;
width:196px;
max-width:calc(100vw - 24px);
padding:8px;
border-radius:16px;
z-index:4050;
}
body.mobile-app-enabled .mobile-app-lang-dropdown.active .sa-lang-menu{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
body.mobile-app-enabled .mobile-app-mini-action{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:1px;
color:#d6d0ec;
text-decoration:none !important;
font-size:8px;
font-weight:700;
line-height:1.05;
}
body.mobile-app-enabled .mobile-app-mini-action i{
font-size:18px;
line-height:1;
color:#f0eaff;
}
body.mobile-app-enabled .mobile-app-icon-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
color:#f0eaff;
text-decoration:none !important;
font-size:19px;
line-height:1;
border:0;
background:transparent;
box-shadow:none;
padding:0;
appearance:none;
-webkit-appearance:none;
outline:none;
cursor:pointer;
}
body.mobile-app-enabled .mobile-app-icon-btn svg{
width:18px;
height:18px;
display:block;
stroke:currentColor;
}
body.mobile-app-enabled .mobile-app-search{
display:flex;
align-items:center;
gap:10px;
min-height:40px;
width:100%;
clear:both;
margin-top:0;
padding:0 12px;
border:1px solid rgba(193, 167, 235, 0.18);
border-radius:9px;
background:rgba(255,255,255,0.07);
}
body.mobile-app-enabled .mobile-app-search i{
color:#e7defb;
font-size:16px;
flex:0 0 auto;
}
body.mobile-app-enabled .mobile-app-search input{
width:100%;
border:0;
outline:none;
background:transparent;
color:#ece8f8;
font-size:13px;
padding:0;
pointer-events:auto;
}
body.mobile-app-enabled .mobile-app-search input::placeholder{
color:#c5badd;
}
body.mobile-app-enabled.mobile-header-compact{
padding-top:46px !important;
}
body.mobile-app-enabled.mobile-header-compact .mobile-app-header{
padding:10px 12px;
}
body.mobile-app-enabled.mobile-header-compact .mobile-app-header-top{
margin-bottom:0;
}
body.mobile-app-enabled.mobile-header-compact .mobile-app-search{
display:none;
}
body.mobile-app-enabled.mobile-header-compact .mobile-app-search-toggle{
display:inline-flex !important;
}
body.mobile-app-enabled .mobile-bottom-nav{
display:grid;
grid-template-columns:repeat(6, minmax(0, 1fr));
align-items:stretch;
position:fixed;
left:0;
right:0;
bottom:0;
z-index:4000;
min-height:78px;
padding:9px 10px calc(9px + env(safe-area-inset-bottom));
background:linear-gradient(180deg, rgba(35, 19, 59, 0.98) 0%, rgba(25, 14, 44, 0.98) 100%);
border-top:1px solid rgba(196, 144, 255, 0.18);
box-shadow:0 -10px 26px rgba(8, 4, 20, 0.24);
}
body.mobile-app-enabled .mobile-bottom-nav-item{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
min-width:0;
border-radius:16px;
color:#c8bedf;
text-decoration:none !important;
font-size:10.5px;
font-weight:600;
line-height:1.15;
padding:8px 4px;
border:0;
background:transparent;
}
body.mobile-app-enabled .mobile-bottom-nav-item i{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:26px;
border-radius:999px;
font-size:16px;
line-height:1;
color:#c8bedf;
transition:all .18s ease;
}
body.mobile-app-enabled .mobile-bottom-nav-item span{
white-space:nowrap;
}
body.mobile-app-enabled .mobile-bottom-nav-item.is-active{
color:#ffffff;
}
body.mobile-app-enabled .mobile-bottom-nav-item.is-active i{
background:linear-gradient(90deg, rgba(122, 79, 255, 0.98) 0%, rgba(61, 208, 255, 0.98) 100%);
color:#ffffff;
box-shadow:0 8px 16px rgba(61, 208, 255, 0.22);
}
body.mobile-app-enabled.notification-open .mobile-app-header,
body.mobile-app-enabled.notification-open .mobile-bottom-nav{
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}
body.mobile-app-enabled.notification-open .mobile-app-header{
transform:translateY(-10px);
}
body.mobile-app-enabled.notification-open .mobile-bottom-nav{
transform:translateY(10px);
}
body.mobile-app-enabled .mobile-sheet-backdrop{
position:fixed;
inset:0;
z-index:4010;
background:rgba(6, 6, 12, 0.52);
opacity:0;
visibility:hidden;
transition:opacity .18s ease;
}
body.mobile-app-enabled .mobile-action-sheet{
position:fixed;
left:10px;
right:10px;
bottom:88px;
z-index:4020;
padding:14px;
max-height:calc(100vh - 122px);
border-radius:20px;
background:linear-gradient(180deg, rgba(37, 20, 64, 0.99) 0%, rgba(23, 14, 42, 0.99) 100%);
border:1px solid rgba(196, 144, 255, 0.22);
box-shadow:0 16px 36px rgba(5, 4, 14, 0.34);
opacity:0;
visibility:hidden;
transform:translateY(16px);
transition:opacity .18s ease, transform .18s ease;
overflow:hidden;
}
body.mobile-app-enabled.mobile-sheet-open .mobile-sheet-backdrop{
display:block;
opacity:1;
visibility:visible;
}
body.mobile-app-enabled.mobile-sheet-open .mobile-action-sheet.is-open{
display:block;
opacity:1;
visibility:visible;
transform:translateY(0);
}
body.mobile-app-enabled.mobile-sheet-account-open .mobile-app-header,
body.mobile-app-enabled.mobile-sheet-account-open .mobile-bottom-nav{
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}
body.mobile-app-enabled.mobile-sheet-account-open .mobile-app-header{
transform:translateY(-10px);
}
body.mobile-app-enabled.mobile-sheet-account-open .mobile-bottom-nav{
transform:translateY(14px);
}
body.mobile-app-enabled.mobile-sheet-open{
overflow:hidden;
}
body.mobile-app-enabled .mobile-sheet-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:12px;
position:sticky;
top:0;
z-index:2;
min-height:40px;
padding:4px 2px 12px;
background:linear-gradient(180deg, rgba(37, 20, 64, 0.99) 0%, rgba(23, 14, 42, 0.98) 100%);
}
body.mobile-app-enabled .mobile-sheet-header h3{
margin:0;
color:#f5efff;
font-size:18px;
font-weight:800;
}
body.mobile-app-enabled .mobile-sheet-close{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border:0;
border-radius:12px;
background:rgba(255,255,255,0.08);
color:#ece5ff;
flex:0 0 36px;
}
body.mobile-app-enabled .mobile-sheet-body{
display:grid;
gap:10px;
overflow:auto;
-webkit-overflow-scrolling:touch;
padding-right:2px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="notice"]{
left:6px;
right:6px;
bottom:84px;
padding:16px;
max-height:calc(100vh - 126px);
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"]{
left:6px;
right:6px;
top:auto;
bottom:calc(env(safe-area-inset-bottom, 0px) + 8px);
padding:18px 12px 14px;
max-height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 190px);
height:auto;
overflow:hidden;
border-radius:24px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-header{
padding:0;
margin:0;
min-height:0;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-close{
position:absolute;
top:10px;
right:10px;
z-index:8;
width:30px;
height:30px;
border-radius:999px;
background:linear-gradient(135deg,#2f2f34 0%, #1a1a1f 100%);
border:0;
box-shadow:0 10px 20px rgba(0,0,0,.22);
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-close i{
display:none;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-close::before{
content:"\00d7";
display:block;
color:#ffffff;
font-size:20px;
font-weight:700;
line-height:1;
text-shadow:none;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-body{
padding:0;
gap:10px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="notice"] .mobile-sheet-body{
max-height:calc(100vh - 210px);
overflow:auto;
-webkit-overflow-scrolling:touch;
}
body.mobile-app-enabled .mobile-notice-card{
padding:16px 18px;
border-radius:18px;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.06);
color:#f1ebff;
font-size:14px;
line-height:1.82;
}
body.mobile-app-enabled .mobile-notice-card img{
display:block;
max-width:100%;
height:auto;
border-radius:14px;
margin-top:10px;
}
body.mobile-app-enabled .mobile-notice-card p:last-child{
margin-bottom:0;
}
body.mobile-app-enabled .mobile-service-grid{
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:10px;
}
body.mobile-app-enabled .mobile-service-chip{
display:flex;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 10px;
border-radius:14px;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.07);
color:#f4efff;
text-decoration:none !important;
font-size:12px;
font-weight:800;
letter-spacing:.03em;
text-transform:uppercase;
text-align:center;
}
body.mobile-app-enabled .mobile-sheet-link-card{
display:flex;
align-items:center;
gap:12px;
min-height:56px;
width:100%;
padding:12px 14px;
border-radius:16px;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.06);
color:#f0ebff;
text-decoration:none !important;
position:relative;
z-index:2;
pointer-events:auto;
}
body.mobile-app-enabled button.mobile-sheet-link-card{
appearance:none;
-webkit-appearance:none;
box-shadow:none;
text-align:left;
cursor:pointer;
font:inherit;
}
body.mobile-app-enabled .mobile-account-menu > a.mobile-sheet-link-card:first-child{
z-index:5;
pointer-events:auto !important;
}
body.mobile-app-enabled .mobile-sheet-link-card.is-logout{
margin-top:2px;
margin-bottom:14px;
}
body.mobile-app-enabled .mobile-sheet-link-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:12px;
background:rgba(255,255,255,0.08);
color:#f2ecff;
flex:0 0 34px;
}
body.mobile-app-enabled .mobile-sheet-link-copy{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
flex:1 1 auto;
}
body.mobile-app-enabled .mobile-sheet-link-copy strong{
color:#f4efff;
font-size:14px;
font-weight:700;
line-height:1.2;
}
body.mobile-app-enabled .mobile-sheet-link-copy small{
color:#c6bbdf;
font-size:11px;
line-height:1.2;
}
body.mobile-app-enabled .mobile-sheet-link-arrow{
color:#c6bbdf;
font-size:18px;
flex:0 0 auto;
}
body.mobile-app-enabled .mobile-sheet-link-content{
display:flex;
flex-direction:column;
gap:3px;
min-width:0;
flex:1 1 auto;
}
body.mobile-app-enabled .mobile-sheet-link-content strong{
color:#f4efff;
font-size:14px;
font-weight:700;
line-height:1.25;
}
body.mobile-app-enabled .mobile-sheet-link-content small{
color:#c6bbdf;
font-size:11px;
line-height:1.35;
}
body.mobile-app-enabled .mobile-account-wallet{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
margin-bottom:10px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-wallet{
margin-bottom:12px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-wallet-item:last-child{
grid-column:1 / -1;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-menu{
display:grid;
gap:10px;
padding-bottom:10px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-link-card{
min-height:60px;
padding:13px 14px 13px 12px;
gap:12px;
align-items:flex-start;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-link-icon{
width:36px;
height:36px;
flex:0 0 36px;
border-radius:12px;
margin-top:1px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-link-card > .fa-angle-right{
margin-left:auto;
align-self:center;
color:#d9d0f0;
font-size:17px;
}
@media (max-width: 575px) and (max-height: 760px){
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"]{
left:6px;
right:6px;
top:auto;
bottom:calc(env(safe-area-inset-bottom, 0px) + 8px);
padding:18px 10px 12px;
max-height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 174px);
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-header{
padding:0;
margin:0;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-wallet{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
margin-bottom:8px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-wallet-item{
padding:11px 12px 10px;
border-radius:14px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-wallet-item span{
font-size:10px;
letter-spacing:.06em;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-wallet-item strong{
margin-top:4px;
font-size:13px;
line-height:1.2;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-account-menu{
gap:9px;
padding-bottom:12px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-link-card{
min-height:56px;
padding:12px;
border-radius:14px;
gap:10px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-link-icon{
width:34px;
height:34px;
flex:0 0 34px;
border-radius:10px;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-link-content strong{
font-size:13px;
line-height:1.2;
}
body.mobile-app-enabled .mobile-action-sheet[data-mobile-sheet-panel="account"] .mobile-sheet-link-content small{
font-size:11px;
line-height:1.3;
}
}
body.mobile-app-enabled .mobile-account-wallet-item{
padding:12px 14px;
border-radius:16px;
background:linear-gradient(180deg, rgba(122, 79, 255, 0.12) 0%, rgba(255,255,255,0.03) 100%);
border:1px solid rgba(196, 144, 255, 0.14);
}
body.mobile-app-enabled .mobile-account-wallet-item span{
display:block;
color:#cabfe0;
font-size:10px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
}
body.mobile-app-enabled .mobile-account-wallet-item strong{
display:block;
margin-top:6px;
color:#ffffff;
font-size:15px;
font-weight:800;
line-height:1.2;
word-break:break-word;
}
}
.shop-footer{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 12% 18%, rgba(255, 205, 67, .16) 0, rgba(255, 205, 67, 0) 28%),
radial-gradient(circle at 86% 8%, rgba(20, 94, 255, .12) 0, rgba(20, 94, 255, 0) 30%),
linear-gradient(180deg,#ffffff 0%,#f8fbff 58%,#ffffff 100%);
color:#172033;
padding:44px 0 18px;
margin-top:40px;
border-top:1px solid #e3ebf7;
font-family:"Open Sans",sans-serif;
}
.shop-footer::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background-image:
linear-gradient(90deg, rgba(15,75,216,.045) 1px, transparent 1px),
linear-gradient(180deg, rgba(15,75,216,.035) 1px, transparent 1px);
background-size:44px 44px;
mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 78%);
}
.footer-container{
position:relative;
z-index:1;
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:1.35fr 1fr 1fr 1.1fr;
gap:28px;
padding:0 20px;
}
.footer-container > div{
border:1px solid #dbe7f6;
border-radius:18px;
background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,253,255,.96));
box-shadow:0 22px 46px rgba(15, 37, 68, .10);
padding:20px;
}
.footer-container > .footer-social-stack{
padding:0;
border:0;
background:transparent;
box-shadow:none;
}
.footer-title{
position:relative;
font-weight:900;
margin-bottom:14px;
font-size:15px;
color:#0f172a !important;
text-transform:uppercase;
letter-spacing:.16em;
}
.footer-title::after{
content:"";
display:block;
width:44px;
height:3px;
margin-top:9px;
border-radius:999px;
background:linear-gradient(90deg,#ffb000,#0f62ff);
}
.footer-list{
font-size:14px;
line-height:1.8;
color:#516173;
}
.footer-list a{
color:#0f4bd8;
text-decoration:none;
font-weight:800;
}
.footer-product-list{
display:flex;
flex-direction:column;
gap:9px;
line-height:1.35;
}
.footer-product-link{
display:flex;
align-items:center;
gap:9px;
color:#0f4bd8 !important;
text-decoration:none;
font-weight:800;
letter-spacing:.02em;
border-radius:12px;
padding:7px 8px;
transition:background-color .18s ease, transform .18s ease, color .18s ease;
}
.footer-product-link:hover{
background:#eef5ff;
color:#ff6b00 !important;
transform:translateX(3px);
}
.footer-product-link i{
width:22px;
height:22px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:linear-gradient(135deg,#ffcf33,#ff6b00);
color:#111827;
font-size:12px;
flex:0 0 22px;
}
.footer-stats{
display:flex;
gap:12px;
margin-top:15px;
flex-wrap:wrap;
}
.footer-stat{
display:flex;
align-items:center;
gap:8px;
background:linear-gradient(135deg,#eef5ff,#fff7df);
border:1px solid #dbe7f6;
padding:8px 12px;
border-radius:10px;
font-size:13px;
color:#172033;
}
.footer-stat i{
color:#ffb000;
}
.footer-stat span{
color:#0f4bd8;
font-weight:900;
}
.footer-fanpage{
background:linear-gradient(180deg,#ffffff,#f7fbff);
color:#111827;
border:1px solid #cfe0ff;
border-radius:18px;
padding:16px;
box-shadow:0 18px 36px rgba(15, 75, 216, .13);
}
.footer-fanpage-head{
display:flex;
align-items:center;
gap:10px;
margin-bottom:12px;
}
.footer-fanpage-head img{
width:48px;
height:48px;
border-radius:8px;
object-fit:cover;
flex:0 0 48px;
}
.footer-fanpage-name{
font-weight:700;
color:#1877f2;
font-size:15px;
line-height:1.3;
}
.footer-fanpage-meta{
font-size:13px;
color:#6b7280;
margin-top:3px;
}
.footer-fanpage-actions{
display:flex;
gap:8px;
}
.footer-fanpage-btn{
flex:1;
text-align:center;
padding:10px 12px;
border-radius:11px;
font-size:13px;
text-decoration:none;
font-weight:900;
text-transform:uppercase;
}
.footer-fanpage-btn.is-primary{
background:linear-gradient(135deg,#0f62ff,#1d4ed8);
color:#fff;
box-shadow:0 10px 20px rgba(15, 98, 255, .22);
}
.footer-fanpage-btn.is-secondary{
background:#eef2f7;
color:#111827;
}
.footer-social-stack{
display:flex;
flex-direction:column;
gap:14px;
}
.footer-support-card{
border:1px solid #dbe7f6;
border-radius:18px;
padding:18px;
background:linear-gradient(180deg,#ffffff,#fffaf0);
color:#111827;
box-shadow:0 18px 36px rgba(255, 151, 20, .12);
}
.footer-support-card .footer-title{
color:#111827 !important;
margin-bottom:10px;
}
.footer-support-card .footer-list{
color:#334155;
line-height:1.7;
}
.footer-support-card .footer-list a{
color:#0f4bd8 !important;
font-weight:900;
}
.footer-copy{
position:relative;
z-index:1;
text-align:center;
margin-top:26px;
font-size:13px;
color:#64748b;
opacity:1;
padding:0 20px;
}
@media (max-width: 992px){
.footer-container{
grid-template-columns:1fr 1fr;
}
}
@media (max-width: 768px){
.shop-footer{
padding-top:32px;
}
.footer-container{
grid-template-columns:1fr;
text-align:center;
}
.footer-container > div{
padding:18px;
}
.footer-title::after{
margin-left:auto;
margin-right:auto;
}
.footer-stats,
.footer-fanpage-actions,
.footer-fanpage-head{
justify-content:center;
}
.footer-product-link{
justify-content:center;
}
}
body .sa-header,
body .sa-header *{
box-sizing:border-box;
}
@media (min-width: 769px){
body .sa-header{
min-height:84px !important;
}
body .sa-header .container{
display:grid !important;
grid-template-columns:170px minmax(0, 1fr) 44px 280px !important;
align-items:center !important;
column-gap:12px !important;
padding:0 !important;
height:84px !important;
overflow:visible !important;
}
body .sa-logo{
grid-column:1 !important;
width:170px !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
}
body .sa-logo img{
max-height:44px !important;
width:auto !important;
}
body .sa-menu{
grid-column:2 !important;
width:100% !important;
min-width:0 !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
overflow:visible !important;
}
body .sa-menu li,
body .sa-menu li > a{
height:44px !important;
margin:0 !important;
align-self:center !important;
}
body .sa-header-right{
grid-column:3 / 5 !important;
width:auto !important;
height:44px !important;
margin-left:0 !important;
display:contents !important;
}
body .sa-header-tools{
grid-column:3 !important;
width:44px !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
body .sa-lang-dropdown,
body .sa-lang-trigger{
width:44px !important;
min-width:44px !important;
height:44px !important;
margin:0 !important;
}
body .sa-login,
body .sl-lrins{
grid-column:4 !important;
width:280px !important;
min-width:280px !important;
max-width:280px !important;
height:44px !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
transform:none !important;
}
body .sa-login .dropdown,
body .sl-lrins .dropdown{
width:280px !important;
min-width:280px !important;
max-width:280px !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
}
body .account-trigger,
body .account-trigger-user,
body .account-trigger-guest{
width:280px !important;
min-width:280px !important;
max-width:280px !important;
height:44px !important;
min-height:44px !important;
max-height:44px !important;
margin:0 !important;
padding:0 14px 0 12px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
border-radius:14px !important;
overflow:hidden !important;
}
body .account-trigger-avatar{
width:22px !important;
height:22px !important;
flex:0 0 22px !important;
}
body .account-trigger-meta{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
gap:1px !important;
flex:1 1 auto !important;
min-width:0 !important;
}
body .account-trigger-meta strong{
display:block !important;
width:100% !important;
font-size:11px !important;
line-height:1.05 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body .account-trigger-meta small{
display:block !important;
width:100% !important;
font-size:9px !important;
line-height:1.05 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body .account-trigger-caret{
display:inline-block !important;
flex:0 0 7px !important;
margin-left:auto !important;
}
}
@media (max-width: 768px){
body .sa-header .container{
display:grid !important;
grid-template-columns:44px minmax(0, 1fr) 24px 34px !important;
align-items:center !important;
column-gap:6px !important;
row-gap:8px !important;
}
body .sa-imn{
margin-left:8px !important;
}
body .sa-logo{
grid-column:2 !important;
grid-row:1 !important;
margin:0 !important;
padding:0 6px !important;
justify-content:center !important;
min-width:0 !important;
height:34px !important;
}
body .sa-logo img{
max-height:30px !important;
width:auto !important;
}
body .sa-header-right{
display:contents !important;
}
body .sa-header-tools{
grid-column:3 !important;
grid-row:1 !important;
width:24px !important;
height:24px !important;
margin:0 !important;
}
body .sa-login,
body .sl-lrins{
grid-column:4 !important;
grid-row:1 !important;
width:34px !important;
min-width:34px !important;
max-width:34px !important;
height:30px !important;
margin:0 !important;
}
body .sa-login .dropdown,
body .sl-lrins .dropdown,
body .account-trigger,
body .account-trigger-user,
body .account-trigger-guest{
width:34px !important;
min-width:34px !important;
max-width:34px !important;
height:30px !important;
margin:0 !important;
padding:0 !important;
justify-content:center !important;
}
body .account-trigger-meta,
body .account-trigger-caret{
display:none !important;
}
body .account-trigger-avatar{
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v2{
min-height:84px !important;
}
body .sa-header.sa-header-v2 .container{
display:grid !important;
grid-template-columns:170px minmax(0, 1fr) 44px 280px !important;
align-items:center !important;
column-gap:12px !important;
row-gap:0 !important;
height:84px !important;
padding:0 !important;
overflow:visible !important;
}
body .sa-header.sa-header-v2 .sa-logo{
grid-column:1 !important;
width:170px !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
}
body .sa-header.sa-header-v2 .sa-menu{
grid-column:2 !important;
width:100% !important;
min-width:0 !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
}
body .sa-header.sa-header-v2 .sa-header-tools{
grid-column:3 !important;
width:44px !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
body .sa-header.sa-header-v2 .sa-header-right{
display:contents !important;
}
body .sa-header.sa-header-v2 .sl-lrins,
body .sa-header.sa-header-v2 .sa-login{
grid-column:4 !important;
width:280px !important;
min-width:280px !important;
max-width:280px !important;
height:44px !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
transform:none !important;
}
body .sa-header.sa-header-v2 .sl-lrins .dropdown,
body .sa-header.sa-header-v2 .sa-login .dropdown,
body .sa-header.sa-header-v2 .account-trigger{
width:280px !important;
min-width:280px !important;
max-width:280px !important;
height:44px !important;
margin:0 !important;
}
body .sa-header.sa-header-v2 .account-trigger{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
padding:0 14px 0 12px !important;
border-radius:14px !important;
overflow:hidden !important;
}
body .sa-header.sa-header-v2 .account-trigger-meta{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
gap:1px !important;
flex:1 1 auto !important;
min-width:0 !important;
}
body .sa-header.sa-header-v2 .account-trigger-caret{
margin-left:auto !important;
}
}
@media (max-width: 768px){
body .sa-header.sa-header-v2 .container{
display:grid !important;
grid-template-columns:34px minmax(0, 1fr) 24px 34px !important;
align-items:center !important;
column-gap:6px !important;
height:auto !important;
}
body .sa-header.sa-header-v2 .sa-header-right{
display:contents !important;
}
body .sa-header.sa-header-v2 .sa-header-tools{
grid-column:3 !important;
grid-row:1 !important;
width:24px !important;
height:24px !important;
margin:0 !important;
}
body .sa-header.sa-header-v2 .sl-lrins,
body .sa-header.sa-header-v2 .sa-login{
grid-column:4 !important;
grid-row:1 !important;
width:34px !important;
min-width:34px !important;
max-width:34px !important;
height:30px !important;
margin:0 !important;
}
body .sa-header.sa-header-v2 .account-trigger{
width:34px !important;
min-width:34px !important;
max-width:34px !important;
height:30px !important;
padding:0 !important;
justify-content:center !important;
}
body .sa-header.sa-header-v2 .account-trigger-meta,
body .sa-header.sa-header-v2 .account-trigger-caret{
display:none !important;
}
}
body .sa-header.sa-header-v3,
body .sa-header.sa-header-v3 *{
box-sizing:border-box;
}
@media (min-width: 769px){
body .sa-header.sa-header-v3{
min-height:86px !important;
background:linear-gradient(180deg, rgba(29, 12, 52, 0.98) 0%, rgba(39, 16, 67, 0.98) 100%) !important;
border-bottom:1px solid rgba(255,255,255,0.08) !important;
}
body .sa-header.sa-header-v3 .container{
display:flex !important;
align-items:center !important;
gap:18px !important;
height:86px !important;
padding:0 10px !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3 .sa-imn{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-logo{
flex:0 0 165px !important;
width:165px !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
display:block !important;
width:auto !important;
max-width:100% !important;
max-height:44px !important;
}
body .sa-header.sa-header-v3 .sa-menu{
flex:1 1 auto !important;
display:flex !important;
align-items:center !important;
gap:8px !important;
width:auto !important;
min-width:0 !important;
height:44px !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3 .sa-menu > li{
display:flex !important;
align-items:center !important;
height:44px !important;
margin:0 !important;
padding:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
height:44px !important;
margin:0 !important;
padding:0 18px !important;
border-radius:14px !important;
background:rgba(255,255,255,0.04) !important;
border:1px solid rgba(255,255,255,0.05) !important;
color:#fff !important;
font-size:13px !important;
font-weight:700 !important;
line-height:1 !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a:hover,
body .sa-header.sa-header-v3 .sa-menu > li.active > a,
body .sa-header.sa-header-v3 .sa-menu > li.open > a{
background:rgba(255,255,255,0.07) !important;
border-color:rgba(255,255,255,0.08) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
flex:0 0 auto !important;
margin-left:auto !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:10px !important;
height:44px !important;
min-width:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-tools{
flex:0 0 44px !important;
width:44px !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
body .sa-header.sa-header-v3 .sa-lang-dropdown,
body .sa-header.sa-header-v3 .sa-lang-trigger{
width:44px !important;
min-width:44px !important;
height:44px !important;
margin:0 !important;
border-radius:14px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account{
flex:0 0 auto !important;
width:auto !important;
min-width:0 !important;
height:44px !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
transform:none !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown{
width:auto !important;
min-width:0 !important;
height:44px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu{
right:0 !important;
left:auto !important;
width:320px !important;
min-width:320px !important;
max-width:min(92vw, 320px) !important;
margin-top:14px !important;
padding:12px 0 !important;
border-radius:24px !important;
background: linear-gradient(180deg, rgba(61, 24, 107, 0.98) 0%, rgba(27, 13, 52, 0.99) 58%, rgba(18, 10, 36, 1) 100%) !important;
border: 1px solid rgba(214, 112, 255, 0.22) !important;
color: #f7f1ff !important;
box-shadow: 0 26px 52px rgba(10, 5, 24, 0.56), 0 0 0 1px rgba(255,255,255,0.03), 0 0 32px rgba(181, 84, 255, 0.18) !important;
overflow:hidden !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > button{
background: transparent !important;
color: #f7f1ff !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li{
padding:0 14px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a{
min-height:46px !important;
margin:5px 0 !important;
padding:11px 13px !important;
border-radius:16px !important;
border:1px solid rgba(255,255,255,0.06) !important;
background:linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a:hover,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a:focus{
background:linear-gradient(135deg, rgba(170, 77, 255, 0.34) 0%, rgba(90, 49, 194, 0.24) 100%) !important;
border-color:rgba(229, 144, 255, 0.30) !important;
box-shadow:0 12px 22px rgba(25, 9, 53, 0.34), 0 0 0 1px rgba(206, 137, 255, 0.08) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li.profile-history > a{
border-radius:18px !important;
background: linear-gradient(180deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.025) 100%) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu{
display: none !important;
background: transparent !important;
margin:4px 0 8px !important;
padding:6px 0 2px 14px !important;
border-left:1px solid rgba(208, 112, 255, 0.22) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-history.active .profile-submenu{
display: block !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li,
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a{
background: transparent !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a{
color: rgba(240, 225, 255, 0.88) !important;
padding:10px 0 10px 6px !important;
border-bottom:1px solid rgba(255,255,255,0.05) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a:hover,
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a:focus{
color: #ffffff !important;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:198px !important;
min-width:198px !important;
max-width:198px !important;
height:44px !important;
min-height:44px !important;
max-height:44px !important;
margin:0 !important;
padding:0 14px 0 12px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
border-radius:14px !important;
overflow:hidden !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:22px !important;
height:22px !important;
flex:0 0 22px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
gap:1px !important;
min-width:0 !important;
flex:1 1 auto !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
display:block !important;
width:100% !important;
font-size:11px !important;
line-height:1.05 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
display:block !important;
width:100% !important;
font-size:9px !important;
line-height:1.05 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body .sa-header.sa-header-v3 .account-trigger-caret{
display:inline-block !important;
flex:0 0 7px !important;
margin-left:auto !important;
}
}
@media (max-width: 768px){
body .sa-header.sa-header-v3{
min-height:58px !important;
}
body .sa-header.sa-header-v3 .container{
display:grid !important;
grid-template-columns:34px minmax(0, 1fr) 24px 34px !important;
align-items:center !important;
column-gap:6px !important;
row-gap:8px !important;
height:auto !important;
padding:6px 8px !important;
}
body .sa-header.sa-header-v3 .sa-imn{
display:inline-flex !important;
grid-column:1 !important;
grid-row:1 !important;
width:34px !important;
height:34px !important;
margin:0 !important;
align-items:center !important;
justify-content:center !important;
}
body .sa-header.sa-header-v3 .sa-logo{
grid-column:2 !important;
grid-row:1 !important;
width:auto !important;
height:34px !important;
margin:0 !important;
padding:0 6px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-width:0 !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
max-height:30px !important;
width:auto !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
display:contents !important;
}
body .sa-header.sa-header-v3 .sa-header-tools{
grid-column:3 !important;
grid-row:1 !important;
width:24px !important;
height:24px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-lang-dropdown,
body .sa-header.sa-header-v3 .sa-lang-trigger{
width:24px !important;
min-width:24px !important;
height:24px !important;
border-radius:8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account{
grid-column:4 !important;
grid-row:1 !important;
width:34px !important;
min-width:34px !important;
max-width:34px !important;
height:30px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown,
body .sa-header.sa-header-v3 .account-trigger{
width:34px !important;
min-width:34px !important;
max-width:34px !important;
height:30px !important;
margin:0 !important;
padding:0 !important;
justify-content:center !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta,
body .sa-header.sa-header-v3 .account-trigger-caret{
display:none !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
}
}
#myBtn{
display:none;
position:fixed;
bottom:10px;
right:43px;
z-index:99;
font-size:300%;
border:none;
outline:none;
opacity:.4;
color:#fff;
cursor:pointer;
border-radius:4px;
}
#myBtn:hover{ background-color:#555; }
body .sa-header.sa-header-v3{
min-height:82px !important;
}
body .sa-header.sa-header-v3 .container{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
flex-wrap:nowrap !important;
gap:12px !important;
height:82px !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3 .sa-menu{
display:flex !important;
align-items:center !important;
flex-wrap:nowrap !important;
gap:8px !important;
min-width:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li,
body .sa-header.sa-header-v3 .sa-menu > li.dropdown{
float:none !important;
display:flex !important;
align-items:center !important;
flex:0 0 auto !important;
height:42px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle{
height:42px !important;
padding:0 14px !important;
font-size:12px !important;
white-space:nowrap !important;
border-radius:12px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin-left:auto !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown{
display:flex !important;
align-items:center !important;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:214px !important;
min-width:214px !important;
max-width:214px !important;
height:46px !important;
border-radius:15px !important;
outline:none !important;
padding:0 14px 0 12px !important;
gap:8px !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:22px !important;
height:22px !important;
flex:0 0 22px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta{
gap:1px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
font-size:11px !important;
line-height:1.05 !important;
font-weight:700 !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
font-size:9px !important;
line-height:1.05 !important;
font-weight:700 !important;
}
body .sa-header.sa-header-v3 .account-trigger-caret{
transform:none !important;
}
body .sa-banner::before,
body .sa-banner::after,
body .home-banner-shell::before,
body .home-banner-shell::after{
pointer-events:none !important;
}
@media (max-width: 1199px){
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:190px !important;
min-width:190px !important;
max-width:190px !important;
}
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:172px !important;
min-width:172px !important;
max-width:172px !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
padding:0 10px 0 9px !important;
gap:6px !important;
border-radius:13px !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:18px !important;
height:18px !important;
flex:0 0 18px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta{
min-width:0 !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
font-size:9px !important;
line-height:1.05 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
font-size:7px !important;
line-height:1.05 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu{
width:248px !important;
min-width:248px !important;
max-width:min(92vw, 248px) !important;
padding:8px 0 !important;
border-radius:18px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li{
padding:0 10px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a{
min-height:38px !important;
margin:4px 0 !important;
padding:8px 10px !important;
border-radius:12px !important;
font-size:12px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu{
margin:2px 0 6px !important;
padding:4px 0 0 8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a{
padding:7px 0 7px 4px !important;
font-size:11px !important;
line-height:1.3 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown{
margin:6px 10px 10px !important;
padding:10px 10px 9px !important;
border-radius:16px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-total{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown::before{
width:72px !important;
height:3px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-total{
align-items:flex-start !important;
gap:8px !important;
margin-bottom:8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-label{
font-size:9px !important;
letter-spacing:.12em !important;
line-height:1.2 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-value{
font-size:14px !important;
line-height:1.1 !important;
text-align:right !important;
white-space:normal !important;
word-break:break-word !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-grid{
gap:8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-chip{
padding:8px 9px 7px !important;
border-radius:12px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-chip-label{
font-size:8px !important;
letter-spacing:.08em !important;
margin-bottom:3px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-chip-value{
font-size:11px !important;
line-height:1.15 !important;
white-space:normal !important;
word-break:break-word !important;
}
@media (max-width: 1199px){
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:154px !important;
min-width:154px !important;
max-width:154px !important;
}
}
@media (max-width: 575px){
body .sa-header.sa-header-v3{
min-height:54px !important;
}
body .sa-header.sa-header-v3 .container{
display:grid !important;
grid-template-columns:32px minmax(0, 1fr) 26px 118px !important;
align-items:center !important;
column-gap:8px !important;
row-gap:0 !important;
height:54px !important;
padding:6px 10px !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
display:contents !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account{
grid-column:4 !important;
grid-row:1 !important;
width:118px !important;
min-width:118px !important;
max-width:118px !important;
height:34px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown{
width:118px !important;
min-width:118px !important;
max-width:118px !important;
height:34px !important;
display:flex !important;
align-items:center !important;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:118px !important;
min-width:118px !important;
max-width:118px !important;
height:34px !important;
min-height:34px !important;
max-height:34px !important;
padding:0 8px !important;
border-radius:11px !important;
justify-content:flex-start !important;
}
body .sa-header.sa-header-v3 .sa-header-tools{
grid-column:3 !important;
grid-row:1 !important;
width:26px !important;
height:26px !important;
margin:0 !important;
justify-content:center !important;
}
body .sa-header.sa-header-v3 .sa-lang-dropdown,
body .sa-header.sa-header-v3 .sa-lang-trigger{
width:26px !important;
min-width:26px !important;
height:26px !important;
border-radius:9px !important;
}
body .sa-header.sa-header-v3 .sa-logo{
grid-column:2 !important;
grid-row:1 !important;
height:34px !important;
margin:0 !important;
padding:0 4px !important;
justify-content:flex-start !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
max-height:28px !important;
}
body .sa-header.sa-header-v3 .sa-imn{
grid-column:1 !important;
grid-row:1 !important;
width:32px !important;
height:32px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta{
display:flex !important;
}
body .sa-header.sa-header-v3 .account-trigger-caret{
display:inline-block !important;
flex:0 0 6px !important;
margin-left:auto !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:15px !important;
height:15px !important;
flex:0 0 15px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
font-size:8px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
font-size:6.5px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu{
right:0 !important;
left:auto !important;
width:228px !important;
min-width:228px !important;
max-width:calc(100vw - 22px) !important;
margin-top:8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li{
padding:0 8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a{
min-height:36px !important;
padding:7px 9px !important;
font-size:11px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu{
padding-left:6px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a{
font-size:10.5px !important;
padding:6px 0 6px 4px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown{
margin:6px 8px 8px !important;
padding:9px 8px 8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-total{
gap:6px !important;
margin-bottom:7px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-label{
font-size:8px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-breakdown-value{
font-size:12px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-chip{
padding:7px 8px 6px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-chip-label{
font-size:7px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown .wallet-chip-value{
font-size:10px !important;
}
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
min-width: 206px !important;
max-width: 240px !important;
height: 54px !important;
padding: 0 16px 0 14px !important;
border-radius: 16px !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width: 28px !important;
height: 28px !important;
flex: 0 0 28px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta{
gap: 3px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
font-size: 14px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
font-size: 12px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
}
@media (max-width: 768px){
body .sa-header.sa-header-v3{
position: relative !important;
min-height: 66px !important;
border-bottom: 0 !important;
}
body .sa-header.sa-header-v3::after{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 2px !important;
background: rgba(255,255,255,0.12) !important;
pointer-events: none !important;
}
body .sa-header.sa-header-v3 .container{
grid-template-columns: 52px minmax(0, 1fr) 28px 146px !important;
column-gap: 8px !important;
height: 66px !important;
padding: 10px 14px 12px !important;
align-items: center !important;
}
body .sa-header.sa-header-v3 .sa-imn{
width: 38px !important;
height: 38px !important;
margin-left: 0 !important;
margin-right: 0 !important;
justify-self: start !important;
align-self: center !important;
transform: translate(0, -22px) !important;
}
body .sa-header.sa-header-v3 .sa-logo{
justify-content: center !important;
padding: 0 2px !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translate(0, 4px) !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
max-height: 36px !important;
width: auto !important;
max-width: 100% !important;
object-fit: contain !important;
}
body .sa-header.sa-header-v3 .sa-header-tools,
body .sa-header.sa-header-v3 .sa-lang-dropdown,
body .sa-header.sa-header-v3 .sa-lang-trigger{
width: 34px !important;
min-width: 34px !important;
height: 34px !important;
border-radius: 11px !important;
transform: translate(-10px, -6px) !important;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
min-width: 162px !important;
width: 162px !important;
max-width: 162px !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
padding: 0 12px 0 10px !important;
border-radius: 14px !important;
background: linear-gradient(180deg, rgba(66, 46, 104, 0.95) 0%, rgba(45, 31, 75, 0.98) 100%) !important;
border: 1px solid rgba(255,255,255,.10) !important;
box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
margin-left: 6px !important;
transform: translate(-22px, -4px) !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width: 24px !important;
height: 24px !important;
flex: 0 0 24px !important;
border-width: 1px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta{
gap: 2px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
font-size: 11.5px !important;
line-height: 1.12 !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
color: #ffffff !important;
text-shadow: none !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: geometricPrecision !important;
filter: contrast(1.08) saturate(1.02) !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
font-size: 9px !important;
line-height: 1.12 !important;
font-weight: 900 !important;
color: #b8efff !important;
letter-spacing: 0 !important;
text-shadow: none !important;
-webkit-font-smoothing: antialiased !important;
text-rendering: geometricPrecision !important;
filter: contrast(1.08) saturate(1.02) !important;
}
body .sa-header.sa-header-v3 .account-trigger-caret{
display: none !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3{
background:#ffffff !important;
box-shadow:none !important;
border:0 !important;
margin:0 !important;
padding:0 !important;
position:relative;
z-index:20;
overflow:visible !important;
}
body .sa-header.sa-header-v3::before{
content:"";
position:absolute;
inset:0 auto auto 50%;
transform:translateX(-50%);
width:100vw;
height:88px;
background:#ffffff;
z-index:0;
}
body .sa-header.sa-header-v3 .container{
width:min(1320px, calc(100% - 40px)) !important;
max-width:1320px !important;
margin:0 auto !important;
padding:0 !important;
position:relative;
z-index:1;
}
body .sa-header.sa-header-v3 .sa-header-desktop-top{
display:grid !important;
grid-template-columns:265px minmax(0, 1fr) auto auto !important;
align-items:center !important;
column-gap:20px !important;
min-height:88px !important;
height:88px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-imn{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-logo{
width:265px !important;
min-width:265px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
width:auto !important;
max-width:255px !important;
max-height:62px !important;
object-fit:contain !important;
}
body .sa-header.sa-header-v3 .sa-header-search-form{
width:100% !important;
min-width:0 !important;
height:44px !important;
display:flex !important;
align-items:center !important;
border:1px solid #e8e8ee !important;
border-radius:8px !important;
background:#ffffff !important;
box-shadow:none !important;
overflow:hidden !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input{
flex:1 1 auto !important;
min-width:0 !important;
height:44px !important;
padding:0 18px !important;
font-size:15px !important;
color:#1f2937 !important;
background:#ffffff !important;
border:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input::placeholder{
color:#9ca3af !important;
}
body .sa-header.sa-header-v3 .sa-header-search-btn{
width:64px !important;
min-width:64px !important;
height:44px !important;
border:0 !important;
border-radius:0 !important;
background:#df1010 !important;
color:#ffffff !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:22px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-tools{
display:flex !important;
align-items:center !important;
gap:10px !important;
flex:0 0 auto !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-tool-btn,
body .sa-header.sa-header-v3 .sa-lang-trigger{
width:42px !important;
min-width:42px !important;
height:42px !important;
border-radius:999px !important;
border:1px solid #ececf2 !important;
background:#ffffff !important;
color:#374151 !important;
box-shadow:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-tool-btn svg,
body .sa-header.sa-header-v3 .sa-lang-trigger svg{
width:18px;
height:18px;
display:block;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
min-width:190px !important;
height:44px !important;
border:1px solid #ececf2 !important;
border-radius:999px !important;
background:#ffffff !important;
box-shadow:none !important;
margin:0 !important;
padding:0 12px 0 8px !important;
display:flex !important;
align-items:center !important;
gap:10px !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:30px !important;
height:30px !important;
flex:0 0 30px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
color:#374151 !important;
font-size:14px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
color:#6b7280 !important;
font-size:12px !important;
}
body .sa-header.sa-header-v3 .account-trigger-caret{
border-top-color:#6b7280 !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav{
position:relative !important;
margin:-1px 0 0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav::before{
content:"";
position:absolute;
inset:0 auto 0 50%;
transform:translateX(-50%);
width:100vw;
background:#df1010;
z-index:0;
}
body .sa-header.sa-header-v3 .sa-menu{
position:relative;
z-index:1;
width:min(1320px, calc(100vw - 40px));
margin:0 auto !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li{
float:none !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle{
height:50px !important;
line-height:50px !important;
padding:0 18px !important;
font-size:14px !important;
font-weight:800 !important;
color:#ffffff !important;
background:transparent !important;
border:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a:hover,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle:hover,
body .sa-header.sa-header-v3 .sa-menu > li.active > a,
body .sa-header.sa-header-v3 .sa-menu > li.active > .sa-nav-dropdown-toggle{
color:#fff5b3 !important;
background:rgba(255,255,255,.06) !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-arrow{
border-right-color:#ffffff !important;
border-bottom-color:#ffffff !important;
}
body .sa-header.sa-header-v3 .sa-header-notice-menu,
body .sa-header.sa-header-v3 .sa-menu .sa-nav-dropdown > .dropdown-menu{
background:#ffffff !important;
border:1px solid #ececf2 !important;
box-shadow:0 18px 38px rgba(15, 23, 42, .14) !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-dropdown > .dropdown-menu{
top:100% !important;
margin-top:0 !important;
border-radius:0 0 14px 14px !important;
}
body .sa-header.sa-header-v3 + .sl-hdtop,
body .sa-header.sa-header-v3 + .sa-banner{
margin-top:0 !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3{
background:#ffffff !important;
margin:0 !important;
padding:0 !important;
min-height:0 !important;
box-shadow:none !important;
border:0 !important;
position:relative !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3::before{
content:"" !important;
position:absolute !important;
top:0 !important;
left:50% !important;
width:100vw !important;
height:150px !important;
transform:translateX(-50%) !important;
background:linear-gradient(to bottom, #ffffff 0 92px, #ef1414 92px 150px) !important;
z-index:0 !important;
}
body .sa-header.sa-header-v3 .container{
display:flex !important;
flex-direction:column !important;
width:100% !important;
max-width:none !important;
margin:0 auto !important;
padding:0 !important;
position:relative !important;
z-index:1 !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-top{
position:relative !important;
z-index:3 !important;
display:grid !important;
grid-template-columns:250px minmax(0, 1fr) auto auto !important;
align-items:center !important;
column-gap:18px !important;
min-height:86px !important;
height:86px !important;
width:min(1320px, calc(100vw - 40px)) !important;
max-width:1320px !important;
margin:0 auto !important;
padding:0 !important;
background:#ffffff !important;
border:0 !important;
box-shadow:none !important;
margin-bottom:0 !important;
}
body .sa-header.sa-header-v3 .sa-logo{
width:250px !important;
min-width:250px !important;
justify-content:flex-start !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
max-width:238px !important;
max-height:58px !important;
}
body .sa-header.sa-header-v3 .sa-header-search-form{
width:100% !important;
height:44px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
gap:14px !important;
align-items:center !important;
}
body .sa-header.sa-header-v3 .sa-header-tools{
gap:12px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
width:auto !important;
height:auto !important;
flex:0 0 auto !important;
}
body .sa-header.sa-header-v3 .sa-header-tool-btn,
body .sa-header.sa-header-v3 .sa-lang-trigger{
width:42px !important;
min-width:42px !important;
max-width:42px !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
padding:0 !important;
border:1px solid #ececf2 !important;
border-radius:999px !important;
background:#ffffff !important;
color:#374151 !important;
box-shadow:none !important;
justify-content:center !important;
transition:background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
body .sa-header.sa-header-v3 .sa-header-tool-btn:hover,
body .sa-header.sa-header-v3 .sa-lang-trigger:hover,
body .sa-header.sa-header-v3 .account-trigger:hover,
body .sa-header.sa-header-v3 .account-trigger-user:hover,
body .sa-header.sa-header-v3 .account-trigger-guest:hover{
background:#f8fafc !important;
border-color:#d7dce5 !important;
color:#df1010 !important;
}
body .sa-header.sa-header-v3 .sa-header-notice .sa-header-tool-btn{
position:relative !important;
}
body .sa-header.sa-header-v3 .sa-header-notice .sa-header-tool-btn::after{
content:"" !important;
position:absolute !important;
top:4px !important;
right:4px !important;
width:10px !important;
height:10px !important;
border-radius:999px !important;
background:#f59e0b !important;
border:2px solid #ffffff !important;
box-sizing:border-box !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account{
width:42px !important;
min-width:42px !important;
max-width:42px !important;
height:42px !important;
margin:0 !important;
flex:0 0 auto !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown{
width:42px !important;
min-width:42px !important;
max-width:42px !important;
height:42px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta,
body .sa-header.sa-header-v3 .account-trigger-caret{
display:none !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:24px !important;
height:24px !important;
flex:0 0 24px !important;
border:0 !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar img{
width:24px !important;
height:24px !important;
object-fit:cover !important;
border-radius:999px !important;
}
body .sa-header.sa-header-v3 .sa-header-search-form{
display:flex !important;
align-items:center !important;
overflow:hidden !important;
border:1px solid #e5e7eb !important;
border-radius:8px !important;
background:#ffffff !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input{
height:44px !important;
padding:0 18px !important;
font-size:15px !important;
color:#111827 !important;
border:0 !important;
background:transparent !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input::placeholder{
color:#9ca3af !important;
}
body .sa-header.sa-header-v3 .sa-header-search-btn{
width:64px !important;
min-width:64px !important;
height:44px !important;
border:0 !important;
border-radius:0 !important;
background:#df1010 !important;
color:#ffffff !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-header-search-btn:hover{
background:#c70d0d !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav{
position:relative !important;
z-index:2 !important;
width:100% !important;
margin:0 !important;
margin-top:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav::before{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav::after{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-menu{
position:relative !important;
z-index:2 !important;
width:min(1320px, calc(100vw - 40px)) !important;
margin:0 auto !important;
padding:0 !important;
justify-content:flex-start !important;
align-items:center !important;
gap:0 !important;
background:transparent !important;
min-height:58px !important;
margin-top:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle{
height:58px !important;
line-height:58px !important;
padding:0 18px !important;
border-radius:0 !important;
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.02em !important;
color:#ffffff !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a:hover,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle:hover,
body .sa-header.sa-header-v3 .sa-menu > li.active > a,
body .sa-header.sa-header-v3 .sa-menu > li.active > .sa-nav-dropdown-toggle,
body .sa-header.sa-header-v3 .sa-menu > li.open > a,
body .sa-header.sa-header-v3 .sa-menu > li.open > .sa-nav-dropdown-toggle{
background:rgba(255,255,255,.08) !important;
color:#fff7c2 !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-arrow{
border-right-color:#ffffff !important;
border-bottom-color:#ffffff !important;
filter:none !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-dropdown > .dropdown-menu,
body .sa-header.sa-header-v3 .sa-header-notice-menu,
body .sa-header.sa-header-v3 .sa-lang-menu,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu{
background:linear-gradient(180deg, rgba(61, 24, 107, 0.98) 0%, rgba(27, 13, 52, 0.99) 58%, rgba(18, 10, 36, 1) 100%) !important;
border:1px solid rgba(214, 112, 255, 0.22) !important;
box-shadow:0 26px 52px rgba(10, 5, 24, 0.56), 0 0 0 1px rgba(255,255,255,0.03), 0 0 32px rgba(181, 84, 255, 0.18) !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-dropdown > .dropdown-menu a,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu a,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu button,
body .sa-header.sa-header-v3 .sa-header-notice-menu,
body .sa-header.sa-header-v3 .sa-lang-menu{
color:#f4edff !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a .menu-item-text,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a i,
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a{
color:#f4edff !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a{
background:linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%) !important;
border-color:rgba(255,255,255,0.06) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a:hover,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a:focus,
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a:hover,
body .sa-header.sa-header-v3 .sa-header-v3-account .profile-submenu li a:focus{
color:#ffffff !important;
background:linear-gradient(135deg, rgba(170, 77, 255, 0.34) 0%, rgba(90, 49, 194, 0.24) 100%) !important;
border-color:rgba(229, 144, 255, 0.30) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu > li > a i{
background:linear-gradient(180deg, rgba(179, 98, 255, 0.26) 0%, rgba(100, 60, 181, 0.18) 100%) !important;
color:#f1d5ff !important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown,
body .sa-header.sa-header-v3 .sa-header-v3-account .wallet-breakdown *{
color:#f4edff !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu{
right:0 !important;
left:auto !important;
}
body .sa-header.sa-header-v3 + .sl-hdtop,
body .sa-header.sa-header-v3 + .sa-banner,
body .sa-header.sa-header-v3 + div{
margin-top:0 !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3{
position:relative !important;
min-height:148px !important;
height:auto !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
box-shadow:none !important;
background:transparent !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3::before{
content:"" !important;
position:absolute !important;
top:0 !important;
left:50% !important;
width:100vw !important;
height:92px !important;
transform:translateX(-50%) !important;
background:#ffffff !important;
z-index:0 !important;
}
body .sa-header.sa-header-v3::after{
content:"" !important;
position:absolute !important;
top:92px !important;
left:50% !important;
width:100vw !important;
height:56px !important;
transform:translateX(-50%) !important;
background:#f31313 !important;
z-index:0 !important;
}
body .sa-header.sa-header-v3 .container{
position:relative !important;
z-index:1 !important;
display:flex !important;
flex-direction:column !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-top{
position:relative !important;
z-index:2 !important;
display:grid !important;
grid-template-columns:250px minmax(0, 1fr) auto auto !important;
align-items:center !important;
column-gap:18px !important;
width:min(1320px, calc(100vw - 40px)) !important;
max-width:1320px !important;
height:92px !important;
min-height:92px !important;
margin:0 auto !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-logo{
width:250px !important;
min-width:250px !important;
height:56px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
margin:0 !important;
padding:0 !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
max-width:238px !important;
max-height:56px !important;
width:auto !important;
height:auto !important;
object-fit:contain !important;
}
body .sa-header.sa-header-v3 .sa-header-search-form{
display:flex !important;
align-items:center !important;
width:100% !important;
height:44px !important;
overflow:hidden !important;
margin:0 !important;
border:1px solid #e5e7eb !important;
border-radius:8px !important;
background:#ffffff !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input{
flex:1 1 auto !important;
min-width:0 !important;
height:44px !important;
padding:0 18px !important;
border:0 !important;
background:transparent !important;
color:#111827 !important;
font-size:15px !important;
}
body .sa-header.sa-header-v3 .sa-header-search-btn{
width:66px !important;
min-width:66px !important;
height:44px !important;
border:0 !important;
border-radius:0 !important;
background:#e31212 !important;
color:#ffffff !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
display:flex !important;
align-items:center !important;
gap:12px !important;
height:44px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-tools{
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:12px !important;
width:auto !important;
height:44px !important;
margin:0 !important;
flex:0 0 auto !important;
}
body .sa-header.sa-header-v3 .sa-header-tool-btn,
body .sa-header.sa-header-v3 .sa-lang-trigger,
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:42px !important;
min-width:42px !important;
max-width:42px !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
padding:0 !important;
margin:0 !important;
border:1px solid rgba(133, 92, 248, .28) !important;
border-radius:999px !important;
background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(246,240,255,.96) 100%) !important;
color:#7c3aed !important;
box-shadow:0 8px 18px rgba(85, 36, 170, .10) !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}
body .sa-header.sa-header-v3 .sa-header-tool-btn:hover,
body .sa-header.sa-header-v3 .sa-lang-trigger:hover{
background:linear-gradient(180deg, #f7f1ff 0%, #efe5ff 100%) !important;
border-color:rgba(124, 58, 237, .42) !important;
color:#6d28d9 !important;
box-shadow:0 10px 22px rgba(109, 40, 217, .16) !important;
}
body .sa-header.sa-header-v3 .sa-header-notice .sa-header-tool-btn{
position:relative !important;
}
body .sa-header.sa-header-v3 .sa-header-notice .sa-header-tool-btn::after{
content:"" !important;
position:absolute !important;
top:5px !important;
right:5px !important;
width:8px !important;
height:8px !important;
border-radius:999px !important;
background:#f59e0b !important;
border:2px solid #ffffff !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account{
width:auto !important;
min-width:0 !important;
max-width:none !important;
height:42px !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown{
width:auto !important;
min-width:0 !important;
max-width:none !important;
height:42px !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
width:auto !important;
min-width:150px !important;
max-width:190px !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
padding:0 10px 0 6px !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#4c1d95 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width:34px !important;
height:34px !important;
flex:0 0 34px !important;
margin:0 !important;
border:0 !important;
border-radius:999px !important;
overflow:hidden !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar img{
width:34px !important;
height:34px !important;
border-radius:999px !important;
object-fit:cover !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
gap:1px !important;
min-width:0 !important;
flex:1 1 auto !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
display:block !important;
width:100% !important;
margin:0 !important;
color:#ffffff !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1.1 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
text-shadow:0 1px 0 rgba(61, 23, 125, .18) !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
display:block !important;
width:100% !important;
margin:0 !important;
color:#dbeafe !important;
font-size:13px !important;
font-weight:700 !important;
line-height:1.1 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
body .sa-header.sa-header-v3 .account-trigger-caret{
display:inline-block !important;
width:0 !important;
height:0 !important;
margin-left:2px !important;
border-left:4px solid transparent !important;
border-right:4px solid transparent !important;
border-top:5px solid #c4b5fd !important;
flex:0 0 auto !important;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
padding:0 12px 0 7px !important;
border-radius:999px !important;
background:linear-gradient(135deg, #7c3aed 0%, #2563eb 100%) !important;
box-shadow:0 10px 24px rgba(76, 29, 149, .24) !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
box-shadow:0 0 0 2px rgba(255,255,255,.32) !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav{
position:relative !important;
z-index:2 !important;
width:100% !important;
height:56px !important;
min-height:56px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav::before,
body .sa-header.sa-header-v3 .sa-header-desktop-nav::after{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-menu{
position:relative !important;
z-index:2 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:0 !important;
width:min(1320px, calc(100vw - 40px)) !important;
max-width:1320px !important;
height:56px !important;
min-height:56px !important;
margin:0 auto !important;
padding:0 !important;
background:transparent !important;
}
body .sa-header.sa-header-v3 .sa-menu > li{
display:flex !important;
align-items:center !important;
height:56px !important;
margin:0 !important;
padding:0 !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
height:56px !important;
line-height:56px !important;
margin:0 !important;
padding:0 18px !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#ffffff !important;
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.02em !important;
white-space:nowrap !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a:hover,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle:hover,
body .sa-header.sa-header-v3 .sa-menu > li.active > a,
body .sa-header.sa-header-v3 .sa-menu > li.active > .sa-nav-dropdown-toggle,
body .sa-header.sa-header-v3 .sa-menu > li.open > a,
body .sa-header.sa-header-v3 .sa-menu > li.open > .sa-nav-dropdown-toggle{
background:rgba(255,255,255,.08) !important;
color:#fff7c2 !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-arrow{
border-right-color:#ffffff !important;
border-bottom-color:#ffffff !important;
filter:none !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3{
position:relative !important;
height:148px !important;
min-height:148px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
overflow:visible !important;
}
body .sa-header.sa-header-v3::before{
content:"" !important;
position:absolute !important;
top:0 !important;
left:50% !important;
width:100vw !important;
height:92px !important;
transform:translateX(-50%) !important;
background:#ffffff !important;
z-index:0 !important;
}
body .sa-header.sa-header-v3::after{
content:"" !important;
position:absolute !important;
top:92px !important;
left:50% !important;
width:100vw !important;
height:56px !important;
transform:translateX(-50%) !important;
background:#f31313 !important;
z-index:0 !important;
}
body .sa-header.sa-header-v3 .container{
position:relative !important;
z-index:1 !important;
display:block !important;
width:100% !important;
max-width:none !important;
height:148px !important;
margin:0 !important;
padding:0 !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-top{
position:relative !important;
z-index:2 !important;
display:grid !important;
grid-template-columns:250px minmax(0, 1fr) auto auto !important;
align-items:center !important;
column-gap:18px !important;
width:min(1320px, calc(100vw - 40px)) !important;
max-width:1320px !important;
height:92px !important;
min-height:92px !important;
margin:0 auto !important;
padding:0 !important;
background:#ffffff !important;
border:0 !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav{
position:relative !important;
z-index:2 !important;
width:100% !important;
height:56px !important;
min-height:56px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav::before,
body .sa-header.sa-header-v3 .sa-header-desktop-nav::after{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-menu{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:0 !important;
width:min(1320px, calc(100vw - 40px)) !important;
max-width:1320px !important;
height:56px !important;
min-height:56px !important;
margin:0 auto !important;
padding:0 !important;
background:transparent !important;
}
body .sa-header.sa-header-v3 .sa-menu > li,
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle{
height:56px !important;
line-height:56px !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3::before{
background:linear-gradient(180deg, rgba(34, 16, 63, .96) 0%, rgba(49, 22, 91, .96) 100%) !important;
}
body .sa-header.sa-header-v3::after{
background:linear-gradient(90deg, rgba(84, 27, 136, .98) 0%, rgba(124, 42, 196, .98) 50%, rgba(68, 28, 126, .98) 100%) !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-top{
background:transparent !important;
}
body .sa-header.sa-header-v3 .sa-header-search-form{
background:rgba(255,255,255,.08) !important;
border-color:rgba(255,255,255,.14) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input{
color:#ffffff !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input::placeholder{
color:rgba(255,255,255,.72) !important;
}
}
@media (min-width: 769px) and (max-width: 1023px){
body .sa-header.sa-header-v3{
height:150px !important;
min-height:150px !important;
}
body .sa-header.sa-header-v3::before{
height:96px !important;
}
body .sa-header.sa-header-v3::after{
top:96px !important;
height:54px !important;
}
body .sa-header.sa-header-v3 .container{
height:150px !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-top{
grid-template-columns: 170px minmax(0, 1fr) auto !important;
grid-template-rows: auto auto !important;
column-gap: 10px !important;
row-gap: 10px !important;
width: min(1320px, calc(100vw - 22px)) !important;
height: 96px !important;
min-height: 96px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
body .sa-header.sa-header-v3 .sa-logo{
width: 160px !important;
min-width: 160px !important;
grid-column: 1 !important;
grid-row: 1 !important;
}
body .sa-header.sa-header-v3 .sa-logo img{
max-width: 158px !important;
max-height: 44px !important;
}
body .sa-header.sa-header-v3 .sa-header-search-form{
grid-column: 1 / 4 !important;
grid-row: 2 !important;
width: 100% !important;
height: 40px !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input{
height: 40px !important;
padding: 0 14px !important;
font-size: 13px !important;
}
body .sa-header.sa-header-v3 .sa-header-search-btn{
width: 46px !important;
min-width: 46px !important;
height: 40px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-actions{
gap: 8px !important;
grid-column: 2 / 4 !important;
grid-row: 1 !important;
justify-content: flex-end !important;
}
body .sa-header.sa-header-v3 .sa-header-tools{
gap: 8px !important;
}
body .sa-header.sa-header-v3 .sa-header-tool-btn,
body .sa-header.sa-header-v3 .sa-lang-trigger{
width: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown,
body .sa-header.sa-header-v3 .sa-header-v3-account{
height: 36px !important;
}
body .sa-header.sa-header-v3 .account-trigger,
body .sa-header.sa-header-v3 .account-trigger-user,
body .sa-header.sa-header-v3 .account-trigger-guest{
min-width: 124px !important;
max-width: 148px !important;
height: 36px !important;
min-height: 36px !important;
max-height: 36px !important;
padding: 0 8px 0 5px !important;
gap: 6px !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar{
width: 28px !important;
height: 28px !important;
flex: 0 0 28px !important;
}
body .sa-header.sa-header-v3 .account-trigger-avatar img{
width: 28px !important;
height: 28px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta strong{
font-size: 12px !important;
}
body .sa-header.sa-header-v3 .account-trigger-meta small{
font-size: 11px !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-nav{
height: 54px !important;
min-height: 54px !important;
}
body .sa-header.sa-header-v3 .sa-menu{
width: min(1320px, calc(100vw - 22px)) !important;
height: 54px !important;
min-height: 54px !important;
}
body .sa-header.sa-header-v3 .sa-menu > li,
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle{
height: 54px !important;
line-height: 54px !important;
}
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle{
padding: 0 14px !important;
font-size: 13px !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3{
position:sticky !important;
top:0 !important;
z-index:3500 !important;
height:148px !important;
min-height:148px !important;
transition:height .22s ease, box-shadow .22s ease !important;
}
body .sa-header.sa-header-v3::before{
background:linear-gradient(180deg, rgba(34, 16, 63, .97) 0%, rgba(49, 22, 91, .97) 100%) !important;
transition:opacity .22s ease !important;
}
body .sa-header.sa-header-v3::after{
background:linear-gradient(90deg, rgba(84, 27, 136, .98) 0%, rgba(124, 42, 196, .98) 50%, rgba(68, 28, 126, .98) 100%) !important;
transition:opacity .22s ease, transform .22s ease !important;
}
body .sa-header.sa-header-v3 .sa-header-desktop-top{
background:transparent !important;
transition:height .22s ease !important;
}
body .sa-header.sa-header-v3 .sa-header-search-form{
background:rgba(255,255,255,.08) !important;
border:1px solid rgba(255,255,255,.14) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input{
color:#ffffff !important;
}
body .sa-header.sa-header-v3 .sa-header-search-input::placeholder{
color:rgba(255,255,255,.72) !important;
}
body .sa-header.sa-header-v3 .sa-imn{
display:none !important;
}
body .sa-header.sa-header-v3.sa-hdfix{
height:92px !important;
min-height:92px !important;
box-shadow:0 12px 28px rgba(15, 23, 42, .10) !important;
}
body .sa-header.sa-header-v3.sa-hdfix::after{
display:none !important;
}
body .sa-header.sa-header-v3.sa-hdfix::after{
opacity:0 !important;
transform:translateX(-50%) translateY(-8px) !important;
pointer-events:none !important;
}
body .sa-header.sa-header-v3.sa-hdfix .container{
height:92px !important;
}
body .sa-header.sa-header-v3.sa-hdfix .sa-header-desktop-top{
grid-template-columns:250px minmax(0, 1fr) 42px auto !important;
height:92px !important;
min-height:92px !important;
}
body .sa-header.sa-header-v3.sa-hdfix .sa-imn{
display:inline-flex !important;
grid-column:3 !important;
grid-row:1 !important;
width:42px !important;
height:42px !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
border:1px solid #f1d3d3 !important;
border-radius:10px !important;
background:#ffffff !important;
color:#df1010 !important;
font-size:18px !important;
line-height:1 !important;
cursor:pointer !important;
}
body .sa-header.sa-header-v3.sa-hdfix .sa-header-v3-actions{
grid-column:4 !important;
}
body .sa-header.sa-header-v3.sa-hdfix .sa-header-desktop-nav{
position:absolute !important;
top:92px !important;
left:0 !important;
right:0 !important;
height:0 !important;
min-height:0 !important;
opacity:0 !important;
visibility:hidden !important;
overflow:visible !important;
pointer-events:none !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
body .sa-header.sa-header-v3.sa-hdfix .sa-menu{
display:none !important;
}
body .sa-header.sa-header-v3 .sa-compact-desktop-panel{
display:none !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix{
height:132px !important;
min-height:132px !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix::after{
display:none !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .container{
height:132px !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-header-desktop-nav{
position:absolute !important;
top:92px !important;
left:0 !important;
right:0 !important;
height:40px !important;
min-height:40px !important;
opacity:1 !important;
visibility:visible !important;
overflow:visible !important;
pointer-events:auto !important;
background:#5b16a6 !important;
border-top:1px solid rgba(255,255,255,.08) !important;
box-shadow:0 10px 24px rgba(18,4,45,.18) !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-menu{
display:flex !important;
width:100% !important;
max-width:100% !important;
height:40px !important;
min-height:40px !important;
margin:0 auto !important;
padding:0 !important;
justify-content:center !important;
align-items:center !important;
gap:22px !important;
background:transparent !important;
pointer-events:auto !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-menu > li{
display:flex !important;
align-items:center !important;
height:40px !important;
margin:0 !important;
padding:0 !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-menu > li > a,
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-menu > li > .sa-nav-dropdown-toggle{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
height:40px !important;
line-height:40px !important;
margin:0 !important;
padding:0 4px !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#ffffff !important;
font-size:14px !important;
font-weight:800 !important;
letter-spacing:.02em !important;
white-space:nowrap !important;
}
body .sa-header.sa-header-v3.sa-hdfix .dropdown.open .sa-header-notice-menu,
body .sa-header.sa-header-v3.sa-hdfix .sa-header-v3-account .dropdown-menu{
margin-top:14px !important;
}
body .sa-header.sa-header-v3,
body .sa-header.sa-header-v3.sa-hdfix,
body .sa-header.sa-header-v3 .container,
body .sa-header.sa-header-v3 .sa-header-desktop-top,
body .sa-header.sa-header-v3 .sa-header-v3-actions,
body .sa-header.sa-header-v3 .sa-header-v3-account,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown{
overflow:visible !important;
}
body .sa-header.sa-header-v3,
body .sa-header.sa-header-v3.sa-hdfix{
z-index:2147482500 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account,
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown{
z-index:2147482510 !important;
}
body .sa-header.sa-header-v3 .sa-header-v3-account .dropdown-menu.ng247-account-menu{
z-index:2147482520 !important;
pointer-events:auto !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3 .sa-menu .sa-nav-arrow{
display:inline-block !important;
width:0 !important;
height:0 !important;
margin-left:8px !important;
vertical-align:middle !important;
border-left:4px solid transparent !important;
border-right:4px solid transparent !important;
border-top:5px solid #ffffff !important;
border-bottom:0 !important;
border-radius:0 !important;
transform:none !important;
filter:none !important;
transition:opacity .18s ease !important;
}
body .sa-header.sa-header-v3 .sa-menu > li:hover > .sa-nav-dropdown-toggle .sa-nav-arrow,
body .sa-header.sa-header-v3 .sa-menu > li.active > .sa-nav-dropdown-toggle .sa-nav-arrow,
body .sa-header.sa-header-v3 .sa-menu > li.open > .sa-nav-dropdown-toggle .sa-nav-arrow{
border-top-color:#fff5b3 !important;
}
}
@media (min-width: 769px){
body .sl-hdtop{
padding-top:2px !important;
}
body .sa-header.sa-header-v3 + .sl-hdtop,
body .sa-header.sa-header-v3 + .sa-banner,
body .sa-header.sa-header-v3 + div .sa-banner,
body .sa-header.sa-header-v3 + div .sl-hdtop{
margin-top:-30px !important;
padding-top:0 !important;
}
body .sa-header.sa-header-v3 + div .home-topnap-shell,
body .sa-header.sa-header-v3 + div .home-topnap-card,
body .sa-header.sa-header-v3 + div .sabner,
body .sa-header.sa-header-v3 + div .sa-banner{
margin-top:0 !important;
}
}
@media (min-width: 769px){
body .sa-header.sa-header-v3 .sa-menu > li > a,
body .sa-header.sa-header-v3 .sa-menu > li > .sa-nav-dropdown-toggle,
body .sa-header.sa-header-v3 .sa-nav-label{
font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
font-style:normal !important;
font-size:14px !important;
font-weight:700 !important;
letter-spacing:.015em !important;
text-transform:none !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-categories{
position:relative !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-categories > .dropdown-menu{
left:0 !important;
top:100% !important;
width:760px !important;
min-width:760px !important;
max-width:min(90vw, 760px) !important;
margin-top:0 !important;
padding:12px 16px !important;
border-radius:0 0 12px 12px !important;
background:linear-gradient(180deg, rgba(52, 22, 95, 0.98) 0%, rgba(25, 12, 49, 0.99) 100%) !important;
border:1px solid rgba(194, 124, 255, .22) !important;
box-shadow:0 18px 34px rgba(15, 8, 35, .34) !important;
display:none;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-categories.active > .dropdown-menu{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
column-gap:26px !important;
row-gap:6px !important;
}
body .sa-header.sa-header-v3 .sa-menu .sa-nav-categories > .dropdown-menu > li{
display:block !important;
padding:0 !important;
margin:0 !important;
}
body .sa-header.sa-header-v3 .sa-category-mega-item{
display:flex !important;
align-items:center !important;
gap:10px !important;
min-height:42px !important;
padding:4px 0 !important;
color:#f3ecff !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
text-decoration:none !important;
}
body .sa-header.sa-header-v3 .sa-category-mega-item:hover,
body .sa-header.sa-header-v3 .sa-category-mega-item:focus{
color:#ffffff !important;
background:transparent !important;
}
body .sa-header.sa-header-v3 .sa-category-mega-thumb{
width:48px !important;
height:48px !important;
flex:0 0 48px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:10px !important;
overflow:hidden !important;
background:rgba(255,255,255,.08) !important;
}
body .sa-header.sa-header-v3 .sa-category-mega-thumb img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
body .sa-header.sa-header-v3 .sa-category-mega-title{
display:block !important;
color:inherit !important;
font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
font-style:normal !important;
font-size:13px !important;
font-weight:600 !important;
letter-spacing:0 !important;
line-height:1.35 !important;
white-space:normal !important;
text-transform:none !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-nav-categories > .dropdown-menu{
width:100% !important;
min-width:0 !important;
max-width:none !important;
padding:8px !important;
border-radius:12px !important;
display:none !important;
box-shadow:none !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-nav-categories.active > .dropdown-menu{
display:block !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-category-mega-item{
min-height:44px !important;
padding:8px 10px !important;
border-radius:8px !important;
}
body.desktop-compact-menu-open .sa-header.sa-header-v3.sa-hdfix .sa-category-mega-thumb{
width:40px !important;
height:40px !important;
flex-basis:40px !important;
}
}