@media (hover: none){
  .fp-product-item:hover{
    transform:none !important;
    border-color:rgba(255,255,255,.08) !important;
    background:rgba(15,23,42,.45) !important;
    box-shadow:0 8px 30px rgba(0,0,0,.3) !important;
  }
  .fp-product-item:hover .img img{ transform:none !important; filter:none !important; }
  .gameItem:hover{ transform:none !important; }
  .gameItem:hover .gameBg{
    transform:none !important;
    border-color:rgba(var(--neon-color),.28) !important;
    box-shadow:0 4px 18px rgba(0,0,0,.38), 0 0 14px rgba(var(--neon-color),.08) !important;
  }
  .gameItem:hover .gameBg img{ transform:none !important; filter:none !important; }
  .gameItem:hover .gameBg::after{ height:48% !important; }
  .gameItem:hover::before{ opacity:.2 !important; }
  .gameItem:hover .gameLogo{ transform:none !important; }
  .gameItem:hover .gameCharacter{ opacity:0 !important; transform:translateY(15px) scale(.88) !important; }
}
@media (max-width: 991.98px){
  .fp-site-wrap{ overflow-x:clip; }
}


.fp-nav-notification-menu{
    width:min(352px, calc(100vw - 20px)) !important;
    max-width:min(352px, calc(100vw - 20px)) !important;
    min-width:0 !important;
    padding:0 !important;
    border-radius:16px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-top:1px solid rgba(0,192,255,.5) !important;
    background:radial-gradient(130% 90% at 50% -12%, rgba(0,140,255,.14), transparent 56%), linear-gradient(180deg,#1b1e27 0%,#151824 52%,#0f1218 100%) !important;
    background-image:radial-gradient(130% 90% at 50% -12%, rgba(0,140,255,.14), transparent 56%), linear-gradient(180deg,#1b1e27 0%,#151824 52%,#0f1218 100%) !important;
    background-color:#12141b !important;
    color:#fff !important;
    overflow:hidden !important;
    isolation:isolate;
    box-shadow:0 1px 0 0 rgba(255,255,255,.06) inset, 0 24px 58px -18px rgba(0,0,0,.82), 0 0 42px -10px rgba(0,140,255,.42) !important;
    top:calc(100% + 12px) !important;
    display:block !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(10px) scale(.975);
    transform-origin:top right;
    transition:opacity .2s ease, transform .3s cubic-bezier(.2,.85,.25,1), visibility .2s !important;
}
html[data-theme="dark"] .fp-nav-notification-menu{
    background:radial-gradient(130% 90% at 50% -12%, rgba(0,140,255,.14), transparent 56%), linear-gradient(180deg,#1b1e27 0%,#151824 52%,#0f1218 100%) !important;
    background-image:radial-gradient(130% 90% at 50% -12%, rgba(0,140,255,.14), transparent 56%), linear-gradient(180deg,#1b1e27 0%,#151824 52%,#0f1218 100%) !important;
    background-color:#12141b !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-top:1px solid rgba(0,192,255,.5) !important;
    box-shadow:0 1px 0 0 rgba(255,255,255,.06) inset, 0 24px 58px -18px rgba(0,0,0,.85), 0 0 42px -10px rgba(0,140,255,.42) !important;
    color:#fff !important;
}
.fp-nav-notification-menu.show-notification{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
}

.fp-nav-notification-menu .fp-nnm-head{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 13px 10px !important;
    position:relative;
    background:linear-gradient(180deg, rgba(0,150,255,.1), rgba(0,137,255,0)) !important;
    border:0 !important;
    margin:0 !important;
}
.fp-nav-notification-menu .fp-nnm-head::after{
    content:"" !important;
    display:block !important;
    position:absolute; left:13px; right:13px; bottom:0; height:1px;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.12) 16%, rgba(0,192,255,.55) 50%, rgba(255,255,255,.12) 84%, transparent);
}
.fp-nav-notification-menu .fp-nnm-head-l{ display:flex; align-items:center; gap:9px; min-width:0; }
.fp-nav-notification-menu .fp-nnm-head-ico{
    width:30px;height:30px;border-radius:9px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#0089FF,#00C0FF) !important;
    box-shadow:0 5px 14px -5px rgba(0,160,255,.8), 0 0 0 1px rgba(255,255,255,.14) inset;
}
.fp-nav-notification-menu .fp-nnm-head-ico i{ font-size:16px !important; color:#fff !important; line-height:1; }
.fp-nav-notification-menu .fp-nnm-title{
    font-size:14.5px !important;
    font-weight:700 !important;
    letter-spacing:.2px;
    color:#fff !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    text-align:left !important;
}
.fp-nav-notification-menu .fp-nnm-allread{
    flex-shrink:0;
    display:inline-flex; align-items:center; gap:5px;
    padding:6px 10px !important; border-radius:9px !important;
    font-size:11px !important; font-weight:700 !important; letter-spacing:.2px;
    color:#9fd8ff !important; text-decoration:none !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    white-space:nowrap;
    transition:color .18s ease, background .18s ease, border-color .18s ease;
}
.fp-nav-notification-menu .fp-nnm-allread i{ font-size:13px !important; color:#5cd0ff !important; }
.fp-nav-notification-menu .fp-nnm-allread:hover{
    color:#fff !important;
    background:rgba(0,160,255,.2) !important;
    border-color:rgba(0,192,255,.5) !important;
}
.fp-nav-notification-menu .fp-nnm-allread:hover i{ color:#fff !important; }

.fp-nav-notification-menu .fp-nnm-count{
    flex-shrink:0;
    min-width:20px; height:20px; padding:0 7px;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:11.5px !important; font-weight:800 !important; line-height:1;
    color:#001018 !important;
    background:linear-gradient(135deg,#00C0FF,#3ce3ff) !important;
    border-radius:999px !important;
    box-shadow:0 4px 12px -3px rgba(0,192,255,.7), 0 0 0 1px rgba(255,255,255,.18) inset;
}

.fp-nav-notification-menu .fp-nnm-list{
    max-height:min(60vh, 408px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:6px !important;
    margin:0 !important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,192,255,.5) transparent;
}
.fp-nav-notification-menu .fp-nnm-list::-webkit-scrollbar{ width:7px; }
.fp-nav-notification-menu .fp-nnm-list::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(0,137,255,.6), rgba(0,192,255,.6));
    border-radius:99px; border:2px solid transparent; background-clip:padding-box;
}
.fp-nav-notification-menu .fp-nnm-list::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg, rgba(0,137,255,.9), rgba(0,192,255,.9));
    background-clip:padding-box;
}

.fp-nav-notification-menu .fp-nnm-item{
    display:flex !important;
    align-items:flex-start;
    gap:11px;
    padding:9px 10px !important;
    border-radius:12px !important;
    border:1px solid transparent !important;
    color:#fff !important;
    text-decoration:none !important;
    position:relative;
    margin:1px 0 !important;
    background:transparent !important;
    transition:background .18s ease, border-color .18s ease, transform .18s cubic-bezier(.2,.85,.25,1);
}
.fp-nav-notification-menu .fp-nnm-item::before{
    content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px;
    border-radius:99px; background:linear-gradient(180deg,#00C0FF,#0089FF);
    transform:scaleY(0); transform-origin:center; opacity:0;
    transition:transform .2s ease, opacity .2s ease;
}
.fp-nav-notification-menu .fp-nnm-item:hover{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.09) !important;
    transform:translateX(2px);
    color:#fff !important;
    text-decoration:none !important;
}
.fp-nav-notification-menu .fp-nnm-item:hover::before{ transform:scaleY(1); opacity:1; }

.fp-nav-notification-menu .fp-nnm-item.new{
    background:linear-gradient(90deg, rgba(0,150,255,.09), rgba(0,150,255,0) 66%) !important;
    border-color:transparent !important;
}
.fp-nav-notification-menu .fp-nnm-item.new::before{ transform:scaleY(1); opacity:.55; }
.fp-nav-notification-menu .fp-nnm-item.new:hover{ background:rgba(255,255,255,.065) !important; }
.fp-nav-notification-menu .fp-nnm-item.new:hover::before{ opacity:1; }

.fp-nav-notification-menu .fp-nnm-item-img{
    width:38px;height:38px;border-radius:11px !important;
    display:flex;align-items:center;justify-content:center;
    overflow:visible !important;border:0 !important;flex-shrink:0;position:relative;
    background:linear-gradient(140deg,#64748b,#475569);
    box-shadow:0 6px 15px -6px rgba(100,116,139,.7), inset 0 0 0 1px rgba(255,255,255,.16);
}
.fp-nav-notification-menu .fp-nnm-item-img i{
    font-size:19px !important;line-height:1;color:#fff !important;position:relative;z-index:1;
}
.fp-nav-notification-menu .fp-nnm-item-img img{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;border-radius:11px;z-index:2;
}
.fp-nav-notification-menu .fp-nnm-ic--announcement{ background:linear-gradient(140deg,#a855f7,#7c3aed) !important; box-shadow:0 6px 15px -6px rgba(31,159,214,.8), inset 0 0 0 1px rgba(255,255,255,.18); }
.fp-nav-notification-menu .fp-nnm-ic--announcement i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-item-img .fp-nnm-emoji{ font-size:20px !important; line-height:1; font-style:normal; position:relative; z-index:1; }
.fp-nav-notification-menu .fp-nnm-ic--purchase_bonus{ background:linear-gradient(140deg,#22c55e,#15803d) !important; box-shadow:0 6px 15px -6px rgba(34,197,94,.8), inset 0 0 0 1px rgba(255,255,255,.18); }
.fp-nav-notification-menu .fp-nnm-ic--purchase_bonus i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-ic--system{ background:linear-gradient(140deg,#3b82f6,#1d4ed8) !important; box-shadow:0 6px 15px -6px rgba(59,130,246,.8), inset 0 0 0 1px rgba(255,255,255,.18); }
.fp-nav-notification-menu .fp-nnm-ic--system i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-ic--guard_renewal{ background:linear-gradient(140deg,#14b8a6,#0f766e) !important; box-shadow:0 6px 15px -6px rgba(20,184,166,.8), inset 0 0 0 1px rgba(255,255,255,.18); }
.fp-nav-notification-menu .fp-nnm-ic--guard_renewal i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-ic--review,
.fp-nav-notification-menu .fp-nnm-ic--review_request{ background:linear-gradient(140deg,#f59e0b,#d97706) !important; box-shadow:0 6px 15px -6px rgba(245,158,11,.8), inset 0 0 0 1px rgba(255,255,255,.18); }
.fp-nav-notification-menu .fp-nnm-ic--review i,
.fp-nav-notification-menu .fp-nnm-ic--review_request i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-ic--coupon{ background:linear-gradient(140deg,#ec4899,#be185d) !important; box-shadow:0 6px 15px -6px rgba(236,72,153,.8), inset 0 0 0 1px rgba(255,255,255,.18); }
.fp-nav-notification-menu .fp-nnm-ic--coupon i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-ic--cart_reminder{ background:linear-gradient(140deg,#fb923c,#ea580c) !important; box-shadow:0 6px 15px -6px rgba(249,115,22,.8), inset 0 0 0 1px rgba(255,255,255,.18); }
.fp-nav-notification-menu .fp-nnm-ic--cart_reminder i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-ic--default{ background:linear-gradient(140deg,#64748b,#475569) !important; box-shadow:0 6px 15px -6px rgba(100,116,139,.7), inset 0 0 0 1px rgba(255,255,255,.16); }
.fp-nav-notification-menu .fp-nnm-ic--default i{ color:#fff !important; }

.fp-nav-notification-menu .fp-nnm-item.new .fp-nnm-item-img::before{ display:none !important; }
.fp-nav-notification-menu .fp-nnm-item.new .fp-nnm-item-img::after{ display:none !important; }
.fp-nav-notification-menu .fp-nnm-item.new::after{
    content:"" !important; display:block !important;
    position:absolute; top:5px; left:41px; width:9px; height:9px; border-radius:50%;
    background:#00e0ff; border:2px solid #12141b; z-index:6;
    box-shadow:0 0 8px 1px rgba(0,224,255,.55);
    animation:fpNnmPulse 2s ease-out infinite;
}
@keyframes fpNnmPulse{
    0%{ box-shadow:0 0 0 0 rgba(0,224,255,.55), 0 0 8px 0 rgba(0,224,255,.5); }
    70%{ box-shadow:0 0 0 6px rgba(0,224,255,0), 0 0 8px 0 rgba(0,224,255,.5); }
    100%{ box-shadow:0 0 0 0 rgba(0,224,255,0), 0 0 8px 0 rgba(0,224,255,.5); }
}

.fp-nav-notification-menu .fp-nnm-item-content{ flex:1 1 auto; min-width:0; }
.fp-nav-notification-menu .fp-nnm-item-title{
    font-size:13px !important; font-weight:700 !important; color:#ffffff !important;
    margin:0 0 2px !important; line-height:1.25;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.fp-nav-notification-menu .fp-nnm-item-text{
    font-size:12px !important; font-weight:400 !important; color:#aab4c2 !important;
    margin:0 0 3px !important; line-height:1.4;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.fp-nav-notification-menu .fp-nnm-item:not(.fp-announcement-link) .fp-nnm-item-content{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"title date" "text text";
    column-gap:8px;
    align-items:baseline;
}
.fp-nav-notification-menu .fp-nnm-item:not(.fp-announcement-link) .fp-nnm-item-title{ grid-area:title; }
.fp-nav-notification-menu .fp-nnm-item:not(.fp-announcement-link) .fp-nnm-item-text{ grid-area:text; margin:0 !important; }
.fp-nav-notification-menu .fp-nnm-item:not(.fp-announcement-link) .fp-nnm-item-date{
    grid-area:date; justify-self:end; white-space:nowrap;
    font-size:10px !important; color:#7d8899 !important; font-weight:600 !important;
}
.fp-nav-notification-menu .fp-nnm-item:not(.fp-announcement-link) .fp-nnm-item-date::before{ display:none !important; }
.fp-nav-notification-menu .fp-nnm-item-date{
    font-size:10.5px !important; font-weight:600 !important; color:#7f8b9c !important;
    opacity:1 !important; margin:0 !important;
    display:inline-flex; align-items:center; gap:5px; letter-spacing:.2px;
}
.fp-nav-notification-menu .fp-nnm-item-date::before{
    content:""; width:4px;height:4px;border-radius:50%;
    background:#00c0ff; opacity:.85; flex-shrink:0;
}

.fp-nav-notification-menu .fp-nnm-link{
    display:flex !important; align-items:center; justify-content:center; gap:7px;
    margin:4px 8px 9px !important;
    padding:9px 13px !important;
    font-size:12px !important; font-weight:700 !important; letter-spacing:.2px;
    color:#eaf6ff !important; text-decoration:none !important;
    border-radius:10px !important;
    border:1px solid rgba(0,192,255,.34) !important;
    background:linear-gradient(180deg, rgba(0,150,255,.2), rgba(0,120,255,.07)) !important;
    transition:border-color .2s ease, box-shadow .2s ease, color .2s ease, background .2s ease, transform .12s ease;
}
.fp-nav-notification-menu .fp-nnm-link i{
    font-size:15px !important; color:#5cd0ff !important;
    transition:transform .2s ease, color .2s ease;
}
.fp-nav-notification-menu .fp-nnm-link:hover i{ transform:translateX(3px); }
.fp-nav-notification-menu .fp-nnm-link:hover{
    color:#fff !important;
    border-color:rgba(0,192,255,.75) !important;
    background:linear-gradient(180deg, rgba(0,160,255,.34), rgba(0,192,255,.16)) !important;
    box-shadow:0 8px 22px -10px rgba(0,160,255,.85), 0 0 0 1px rgba(0,192,255,.3) inset !important;
}
.fp-nav-notification-menu .fp-nnm-link:hover i{ color:#fff !important; }
.fp-nav-notification-menu .fp-nnm-link:active{ transform:translateY(1px); }

.fp-nav-notification-menu .fp-nnm-empty{
    display:flex !important; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; gap:3px; padding:28px 22px 26px !important; color:#fff !important;
}
.fp-nav-notification-menu .fp-nnm-empty-ico{
    width:50px;height:50px;border-radius:50%;margin-bottom:8px;
    display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle at 50% 35%, rgba(0,192,255,.24), rgba(0,137,255,.08));
    box-shadow:0 0 0 1px rgba(0,192,255,.3) inset, 0 10px 26px -12px rgba(0,160,255,.7);
}
.fp-nav-notification-menu .fp-nnm-empty-ico i{ font-size:24px !important; color:#5cd0ff !important; }
.fp-nav-notification-menu .fp-nnm-empty-title{ font-size:14px; font-weight:700; color:#ffffff !important; }
.fp-nav-notification-menu .fp-nnm-empty-desc{ font-size:12px; color:#aab4c2 !important; line-height:1.4; }

.fp-nav-notification-menu .fp-nnm-item.fp-announcement-link{
    background:linear-gradient(120deg, rgba(168,85,247,.22), rgba(236,72,153,.13) 52%, rgba(14,165,183,.06)) !important;
    border:1px solid rgba(168,85,247,.42) !important;
    box-shadow:0 10px 26px -12px rgba(168,85,247,.6), inset 0 0 0 1px rgba(255,255,255,.04) !important;
    overflow:hidden !important;
    margin:4px 0 6px !important;
}
.fp-nav-notification-menu .fp-nnm-item.fp-announcement-link:hover{
    background:linear-gradient(120deg, rgba(168,85,247,.3), rgba(236,72,153,.18) 52%, rgba(14,165,183,.1)) !important;
    border-color:rgba(192,132,252,.65) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 14px 30px -12px rgba(168,85,247,.78), inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
.fp-nav-notification-menu .fp-nnm-item.fp-announcement-link::before{
    content:"" !important; display:block !important;
    left:0 !important; top:0 !important; bottom:0 !important; width:4px !important;
    background:var(--acc, linear-gradient(180deg,#c084fc,#a855f7 50%,#7c3aed)) !important;
    transform:none !important; opacity:1 !important; border-radius:0 !important;
}
.fp-nav-notification-menu .fp-announcement-link .fp-nnm-item-img,
.fp-nav-notification-menu .fp-announcement-link .fp-nnm-item-content{ position:relative; z-index:2; }
.fp-nav-notification-menu .fp-nnm-item.fp-announcement-link .fp-nnm-item-content{
    position:static !important;
    z-index:2;
}
.fp-nav-notification-menu .fp-announcement-link .fp-nnm-item-title{ padding-right:64px !important; }

.fp-nav-notification-menu .fp-nnm-tag{
    position:absolute !important; top:0 !important; right:0 !important; z-index:3 !important;
    display:inline-flex !important; align-items:center; gap:3px;
    font-size:8.5px !important; font-weight:800 !important; letter-spacing:.6px; line-height:1;
    text-transform:uppercase; color:#fff !important;
    padding:4px 8px 4.5px !important; margin:0 !important;
    border-radius:0 12px 0 8px !important;
    background:var(--acc, linear-gradient(135deg,#a855f7,#e040c0)) !important;
    box-shadow:0 4px 12px -4px rgba(200,50,220,.8), inset 0 0 0 1px rgba(255,255,255,.2);
    white-space:nowrap;
}
.fp-nav-notification-menu .fp-nnm-tag i{ font-size:10px !important; color:#fff !important; }
.fp-nav-notification-menu .fp-announcement-link .fp-nnm-item-title{
    white-space:normal !important; text-overflow:clip !important;
    display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden !important;
    font-size:13.5px !important; color:#fff !important;
}
.fp-nav-notification-menu .fp-announcement-link .fp-nnm-item-date{ display:none !important; }
.fp-nav-notification-menu .fp-announcement-link .fp-nnm-shine{
    position:absolute; top:0; left:-65%; width:42%; height:100%;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent);
    transform:skewX(-18deg); pointer-events:none; z-index:1;
    animation:fpAnnShine 4s ease-in-out infinite;
}
@keyframes fpAnnShine{ 0%{ left:-65%; } 20%{ left:135%; } 100%{ left:135%; } }

.fp-nav-notification-menu.show-notification .fp-nnm-item{
    animation:fpNnmItemIn .34s cubic-bezier(.2,.85,.25,1) backwards;
}
.fp-nav-notification-menu.show-notification .fp-nnm-item:nth-child(1){ animation-delay:.02s; }
.fp-nav-notification-menu.show-notification .fp-nnm-item:nth-child(2){ animation-delay:.06s; }
.fp-nav-notification-menu.show-notification .fp-nnm-item:nth-child(3){ animation-delay:.10s; }
.fp-nav-notification-menu.show-notification .fp-nnm-item:nth-child(4){ animation-delay:.14s; }
.fp-nav-notification-menu.show-notification .fp-nnm-item:nth-child(n+5){ animation-delay:.17s; }
@keyframes fpNnmItemIn{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:translateY(0); } }

@media (prefers-reduced-motion: reduce){
    .fp-nav-notification-menu, .fp-nav-notification-menu *{ transition:none !important; animation:none !important; }
}

@media (max-width: 991.98px){
    .fp-nav-notification-menu{ right:-8px !important; left:auto !important; }
}