*{margin:0;padding:0;box-sizing:border-box}.seo-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}html,body{min-height:100vh;max-width:100%;overflow-x:hidden}html{overflow-x:hidden;touch-action:pan-y}body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}*{box-sizing:border-box}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 14px}img{max-width:100%;height:auto}input,select,textarea{font-size:16px}@media(max-width:768px){.site-header{height:auto;padding:10px 0}.header-inner{gap:10px}.header-brand{flex:1;min-width:0}.header-logo img{max-height:42px;width:auto}.header-nav{display:none}.logged-in-area{display:none}.mobile-lang-trigger,.hamburger{flex-shrink:0}.product-search-container{width:100%;display:flex;gap:8px}.product-search-container input{width:100%;min-width:0}.product-search-container button{white-space:nowrap;flex-shrink:0}.brand-grid{grid-template-columns:repeat(3,1fr);gap:12px}.brand-body{padding:12px}.brand-name{font-size:13px;line-height:1.3}.brand-price-range{font-size:11px}.btn-view{width:100%;text-align:center;font-size:11px;padding:8px}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;text-align:center}.flash-header{flex-direction:column;align-items:flex-start}.flash-title h2{font-size:18px}.flash-timer{width:100%;text-align:center}}@media(max-width:1200px){.brand-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.brand-card{border-radius:18px}}.table-responsive{width:100%;overflow-x:auto}.footer-grid{max-width:100%;overflow-x:hidden}*{touch-action:manipulation}body{font-family:'Inter',sans-serif;color:#eef2ff;line-height:1.5;overflow-x:hidden;background-image:none;background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;background-color:#0a0c10}body::before{content:"";position:fixed;inset:0;background-color:rgba(0,0,0,0.65);z-index:-1;pointer-events:none}body.sidebar-open{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none}.container{max-width:1280px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}html,body{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,select,[contenteditable="true"],.allow-select{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}img,svg,video,canvas{-webkit-user-drag:none;user-drag:none}.site-header{position:sticky;top:0;z-index:200;min-height:86px;height:auto;display:flex;align-items:center;background:radial-gradient(circle at 12% 10%,rgba(212,168,59,.14),transparent 24rem),linear-gradient(180deg,rgba(10,13,18,.96),rgba(5,6,9,.94));border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 52px rgba(0,0,0,.26);backdrop-filter:blur(18px)saturate(130%)}.header-inner{min-height:86px;display:flex;justify-content:space-between;align-items:center;width:100%;gap:14px}.brand-wrap{position:relative;display:inline-flex;align-items:center;gap:14px;min-width:0;text-decoration:none}.brand-mark{width:68px;height:68px;flex:0 0 auto;display:grid;place-items:center;filter:drop-shadow(0 12px 24px rgba(0,0,0,.34))}.brand-mark img{width:100%;height:100%;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.brand-mark.logo-fallback{border-radius:18px;background:linear-gradient(145deg,#5d430f,#b8860b 55%,#f0d582);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 34px rgba(0,0,0,.28)}.brand-mark.logo-fallback::before{content:'CG';color:#fff;font-family:'Oxanium','Inter',sans-serif;font-size:22px;font-weight:900;letter-spacing:-.05em}.brand-copy{display:grid;gap:3px;line-height:.82;font-family:'Oxanium','Inter',sans-serif;min-width:0}.brand-line{display:inline-block;overflow:hidden;white-space:nowrap;max-width:max-content;font-family:'Oxanium','Inter',sans-serif;font-weight:800;text-transform:uppercase;line-height:.86}.brand-line.top{color:#d4a83b;font-size:clamp(22px,3vw,38px);text-shadow:0 2px 0 rgba(96,62,8,.95),0 7px 16px rgba(0,0,0,.32)}.brand-line.bottom{color:#fff;margin-top:4px;font-size:clamp(29px,4vw,50px);text-shadow:0 2px 0 rgba(80,80,80,.95),0 8px 18px rgba(0,0,0,.34)}.site-header .brand-line{width:max-content;max-width:0}.site-header .brand-line.top{animation:cgoTypeTop 5.8s steps(9,end)infinite}.site-header .brand-line.bottom{animation:cgoTypeBottom 5.8s steps(5,end)infinite}.site-header .brand-line.bottom::after{content:'';display:inline-block;width:3px;height:.78em;margin-left:5px;vertical-align:-.05em;border-radius:999px;background:#fff;animation:cgoBlink .72s steps(1,end)infinite}@keyframes cgoTypeTop{0%,6%{max-width:0}24%,80%{max-width:13ch}98%,100%{max-width:0}}@keyframes cgoTypeBottom{0%,24%{max-width:0}42%,60%{max-width:5.6ch}76%,100%{max-width:0}}@keyframes cgoBlink{0%,48%{opacity:1}49%,100%{opacity:0}}.login-trigger{background:#f9c531;color:#0a0c10;padding:6px 18px;border-radius:60px;font-weight:700;cursor:pointer;border:none;font-size:14px;display:inline-flex;align-items:center;gap:8px}.logged-in-area{display:none}.header-nav{display:none}.hamburger{width:58px;height:58px;border-radius:20px;border:1px solid rgba(212,168,59,.22);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(184,134,11,.05));color:#f6f0e6;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px rgba(0,0,0,.24)}.hamburger span{display:block;width:26px;height:2px;border-radius:999px;background:currentColor}.side-overlay{position:fixed;inset:0;background:rgba(0,0,0,.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:300;opacity:0;visibility:hidden;transition:var(--transition)}.side-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.side-menu{position:fixed;z-index:301;overflow:hidden auto;transition:right .34s cubic-bezier(.22,1,.36,1)}.side-menu.active{transform:translateX(0)}.side-body{padding:10px 12px 0}.side-menu-close{cursor:pointer;z-index:20;pointer-events:auto}.side-menu ul{list-style:none;margin:0;padding:0}.side-menu*{min-width:0}body.sidebar-open{overflow:hidden;position:fixed;width:100%}@media(max-width:768px){.site-header{min-height:76px}.header-inner{min-height:76px;gap:10px}.brand-mark{width:54px;height:54px}.brand-wrap{gap:10px}.brand-line.top{font-size:clamp(15px,5vw,22px)}.brand-line.bottom{font-size:clamp(19px,6.8vw,28px)}.hamburger{width:58px;height:58px;border-radius:20px}}.cat-bar-wrap{background:#13161f;border-bottom:1px solid #1e2432;position:sticky;top:70px;z-index:100}.cat-bar-outer{display:flex;align-items:center;gap:4px;position:relative}.cat-scroll-btn{width:36px;height:36px;background:#1e2535;border:1px solid #2a3448;border-radius:40px;cursor:pointer;color:#b0bedb;flex-shrink:0;opacity:0;pointer-events:none}.cat-scroll-btn.visible{opacity:1;pointer-events:auto}.cat-bar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;padding:8px 0}.cat-bar::-webkit-scrollbar{display:none}.cat-btn{padding:6px 20px;border-radius:40px;font-weight:700;white-space:nowrap;background:transparent;border:1px solid #2a3448;color:#b0bedb;cursor:pointer}.cat-btn.active,.cat-btn:hover{background:#f9c531;color:#0a0c10;border-color:#f9c531}.cat-count{background:rgba(0,0,0,0.2);padding:2px 6px;border-radius:99px;font-size:11px;margin-left:6px}.banner-hero{display:flex;align-items:stretch;gap:16px}.banner-hero-main{flex:1;min-width:0}.banner-hero-side{width:280px;border-radius:24px;padding:20px;background:linear-gradient(145deg,#121620 0%,#1a2030 100%);border:1px solid rgba(249,197,49,0.18);box-shadow:0 14px 36px rgba(0,0,0,0.26);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.banner-hero-side::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(249,197,49,0.14),transparent 34%),radial-gradient(circle at bottom left,rgba(249,197,49,0.08),transparent 30%);pointer-events:none}.banner-hero-side>*{position:relative;z-index:1}.banner-hero-kicker{display:inline-flex;align-items:center;gap:8px;width:fit-content;background:rgba(249,197,49,0.12);border:1px solid rgba(249,197,49,0.2);color:#f9c531;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.banner-hero-side h3{font-size:24px;line-height:1.1;font-weight:900;color:#fff;margin-top:2px}.banner-hero-side p{font-size:13px;color:#b8c4da;line-height:1.6}.banner-hero-points{display:grid;gap:10px;margin-top:2px}.banner-hero-point{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:16px;padding:10px 12px;font-size:12px;color:#eef2ff}.banner-hero-point i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(249,197,49,0.12);color:#f9c531;flex-shrink:0}.banner-hero-side .hero-stat{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.banner-hero-side .hero-stat span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,0.22);border:1px solid rgba(249,197,49,0.14);color:#f8df95;font-size:11px;font-weight:700;white-space:nowrap}@media(max-width:1024px){.banner-hero{display:block}.banner-hero-side{display:none}}.flash-note-strip{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(249,197,49,0.12),rgba(255,255,255,0.03));border:1px solid rgba(249,197,49,0.18);box-shadow:0 8px 20px -18px rgba(0,0,0,0.7);overflow:hidden;position:relative}.flash-note-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);pointer-events:none}.flash-note-label{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f9c531;white-space:nowrap}.flash-note-label i{font-size:11px;color:#f9c531}.flash-note-marquee{flex:1 1 auto;overflow:hidden;min-width:0}.flash-note-track{display:inline-flex;align-items:center;white-space:nowrap;width:max-content;animation:flash-marquee 18s linear infinite;will-change:transform}.flash-note-track span{display:inline-block;padding-right:56px;color:#f8df95;font-size:11px;font-weight:600;letter-spacing:.02em}@keyframes flash-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.flash-sale-wrapper{position:relative;overflow:hidden;margin:18px 0 22px;padding:clamp(14px,2vw,20px);border-radius:30px;border:1px solid rgba(249,197,49,.18);background:radial-gradient(circle at 16% 0%,rgba(249,197,49,.18),transparent 22rem),radial-gradient(circle at 90% 20%,rgba(255,221,136,.08),transparent 18rem),linear-gradient(180deg,rgba(13,16,24,.96),rgba(6,8,13,.96));box-shadow:0 26px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}.flash-sale-wrapper::before{content:"";position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 38%,rgba(249,197,49,.12)48%,transparent 58%);transform:translateX(-38%);animation:flashCreativeGlow 5.5s linear infinite;pointer-events:none}@keyframes flashCreativeGlow{0%{transform:translateX(-42%)rotate(0deg);opacity:.28}45%{opacity:.55}100%{transform:translateX(42%)rotate(0deg);opacity:.28}}.flash-sale-inner{position:relative;z-index:1}.flash-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.flash-title{display:flex;align-items:center;gap:12px;min-width:0}.flash-title i{width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:clamp(30px,4vw,38px);line-height:1;color:#ff3b30;background:none;box-shadow:none;text-shadow:0 0 10px rgba(255,59,48,.55),0 0 22px rgba(255,59,48,.35);animation:flashRedBlink 1.05s ease-in-out infinite}.flash-title h2{margin:0;font:900 clamp(22px,4vw,34px)/1.05 'Inter',system-ui,sans-serif;letter-spacing:-.02em;color:#f2d77c;-webkit-text-fill-color:#f2d77c;text-shadow:0 2px 0 rgba(76,48,8,.82),0 0 12px rgba(255,59,48,.42),0 0 24px rgba(255,59,48,.26),0 12px 24px rgba(0,0,0,.30);animation:flashTitleRedGlow 1.6s ease-in-out infinite}.flash-side{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.flash-timer{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(249,197,49,.22);color:#f2d77c;font-size:12px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);white-space:nowrap}.flash-promo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 15px;border-radius:999px;text-decoration:none;color:#151105;background:linear-gradient(135deg,#fff0a3,#f6c835 48%,#c88704);border:1px solid rgba(255,240,163,.46);box-shadow:0 12px 24px rgba(249,197,49,.20),inset 0 1px 0 rgba(255,255,255,.42);font-size:11px;font-weight:950;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.flash-promo-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 30px rgba(249,197,49,.27),inset 0 1px 0 rgba(255,255,255,.48)}.flash-promo-btn i{font-size:12px}@keyframes flashRedBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.28;transform:scale(.84)}}@keyframes flashTitleRedGlow{0%,100%{text-shadow:0 2px 0 rgba(76,48,8,.82),0 0 10px rgba(255,59,48,.34),0 0 18px rgba(255,59,48,.20),0 12px 24px rgba(0,0,0,.30)}50%{text-shadow:0 2px 0 rgba(76,48,8,.82),0 0 16px rgba(255,59,48,.60),0 0 34px rgba(255,59,48,.40),0 12px 24px rgba(0,0,0,.30)}}#flashCountdown{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#fff;letter-spacing:.04em}.flash-swiper{width:min(520px,100%);margin:0 auto;padding:8px 0 38px;overflow:visible;perspective:1200px}.flash-swiper .swiper-wrapper{align-items:stretch}.flash-swiper .swiper-slide{width:100%!important;height:auto;transform-style:preserve-3d}.flash-card{position:relative;display:grid;grid-template-columns:42% 58%;min-height:230px;height:100%;overflow:hidden;border-radius:28px;text-decoration:none;color:inherit;background:radial-gradient(circle at 16% 10%,rgba(249,197,49,.18),transparent 12rem),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),linear-gradient(180deg,rgba(15,19,29,.98),rgba(6,8,13,.98));border:1px solid rgba(249,197,49,.20);box-shadow:0 26px 58px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.flash-card:hover{transform:translateY(-3px);border-color:rgba(249,197,49,.36);box-shadow:0 30px 70px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.07)}.flash-img-wrap{position:relative;min-height:100%;overflow:hidden;background:#07090e}.flash-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 56%,rgba(6,8,13,.62));pointer-events:none}.flash-img-wrap img{width:100%;height:100%;min-height:230px;object-fit:cover;transition:transform .42s ease}.flash-card:hover .flash-img-wrap img{transform:scale(1.055)}.flash-discount{position:absolute;top:12px;left:12px;z-index:3;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:12px;font-weight:950;line-height:1;border:1px solid rgba(255,255,255,.24);box-shadow:0 12px 24px rgba(0,0,0,.28);animation:pulse-discount 1.6s infinite}.flash-info{position:relative;z-index:2;min-width:0;padding:22px 20px;display:flex;flex-direction:column;justify-content:center;gap:9px}.flash-cat{color:rgba(242,215,124,.82);font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.flash-name{color:#fff;font-size:clamp(18px,3.8vw,24px);font-weight:950;line-height:1.12;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}.flash-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:2px}.flash-price-now{color:#f2d77c;font-size:clamp(18px,3.5vw,25px);font-weight:950;line-height:1;text-shadow:0 10px 24px rgba(249,197,49,.16)}.flash-price-old{color:#ff4d4d;font-size:12px;font-weight:900;text-decoration:line-through;text-decoration-color:#ff4d4d;text-decoration-thickness:2px}.stock-badge{width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff}.stock-badge.low{color:#ffd28a;border-color:rgba(249,197,49,.24);background:rgba(249,197,49,.10)}.stock-badge.in{color:#5bf197;border-color:rgba(38,209,127,.24);background:rgba(38,209,127,.10)}.stock-badge.out{color:#ff8c8c;border-color:rgba(239,68,68,.24);background:rgba(239,68,68,.10)}.flash-swiper .swiper-pagination{bottom:2px!important}.flash-swiper .swiper-pagination-bullet{width:7px;height:7px;background:rgba(255,255,255,.36);opacity:1}.flash-swiper .swiper-pagination-bullet-active{width:22px;border-radius:999px;background:linear-gradient(135deg,#ffe27a,#f1c334)}.flash-swiper .swiper-slide-shadow,.flash-swiper .swiper-slide-shadow-left,.flash-swiper .swiper-slide-shadow-right{border-radius:28px;background:rgba(0,0,0,.32)!important}@media(max-width:640px){.flash-sale-wrapper{margin:10px 0 14px;padding:8px;border-radius:20px}.flash-header{align-items:flex-start;gap:7px;margin-bottom:8px}.flash-title{gap:7px}.flash-title i{width:auto;height:auto;border-radius:0;font-size:18px}.flash-title h2{font-size:18px;letter-spacing:.02em}.flash-side{width:100%;display:grid;grid-template-columns:1fr;gap:6px}.flash-timer{width:100%;min-height:29px;padding:0 9px;font-size:9px;justify-content:center}.flash-promo-btn{width:100%;min-height:32px;padding:0 10px;font-size:9px;border-radius:14px}.flash-swiper{width:min(100%,350px);padding:3px 0 24px}.flash-card{grid-template-columns:112px minmax(0,1fr);align-items:stretch;min-height:126px;border-radius:19px}.flash-img-wrap{width:112px;min-height:126px;aspect-ratio:auto;display:grid;place-items:center;padding:8px;background:radial-gradient(circle at 50% 30%,rgba(242,215,124,.12),transparent 70%),#07090e}.flash-img-wrap img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:14px}.flash-img-wrap::after{display:none}.flash-discount{top:7px;left:7px;padding:5px 8px;font-size:10px}.flash-info{padding:11px 11px 11px;gap:5px;justify-content:center}.flash-cat{font-size:8px;letter-spacing:.10em}.flash-name{font-size:13px;line-height:1.15;min-height:auto;-webkit-line-clamp:2}.flash-price{gap:5px;margin-top:0}.flash-price-now{font-size:15px}.flash-price-old{font-size:9px}.stock-badge{min-height:22px;padding:0 8px;font-size:8px}.flash-swiper .swiper-pagination{bottom:0!important}.flash-swiper .swiper-pagination-bullet{width:5px;height:5px}.flash-swiper .swiper-pagination-bullet-active{width:18px}}.section-row{display:flex;justify-content:space-between;align-items:center;margin:32px 0 20px 0;flex-wrap:wrap;gap:10px}.section-title{font-size:24px;font-weight:800;display:flex;align-items:center;gap:10px}.section-title .ttl-accent{color:#f9c531}.section-title-bar{width:4px;height:28px;background:#f9c531;border-radius:4px}.section-badge{background:rgba(249,197,49,0.15);color:#f9c531;padding:6px 14px;border-radius:40px;font-size:12px;font-weight:700}.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-bottom:40px}.brand-card{position:relative;min-width:0;height:100%;overflow:hidden;border-radius:24px;color:inherit;text-decoration:none;display:flex;flex-direction:column;border:1px solid rgba(249,197,49,.16);background:radial-gradient(circle at 24% 0%,rgba(249,197,49,.10),transparent 13rem),linear-gradient(180deg,rgba(16,21,31,.98),rgba(8,12,18,.99));box-shadow:0 18px 40px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);transform:translateZ(0);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease;backface-visibility:hidden}.brand-card:hover{transform:translateY(-6px);border-color:rgba(249,197,49,.38);box-shadow:0 26px 54px rgba(0,0,0,.46),0 0 0 1px rgba(249,197,49,.08)}.brand-img-box{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;display:block;isolation:isolate;background:radial-gradient(circle at 50% 20%,rgba(249,197,49,.14),rgba(249,197,49,.035)55%,rgba(5,8,14,.98));border-bottom:1px solid rgba(249,197,49,.12)}.brand-img-box::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%,rgba(0,0,0,.16))}.brand-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;transform:translateZ(0)scale(1.01);backface-visibility:hidden;transition:transform .46s ease,filter .34s ease;filter:saturate(1.09)contrast(1.05)brightness(1.035);will-change:transform}.brand-card:hover .brand-img{transform:scale(1.045);filter:saturate(1.15)contrast(1.07)brightness(1.05)}.brand-body{padding:14px 14px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0))}.brand-name{width:100%;font-size:17px;line-height:1.22;font-weight:900;color:#fff;letter-spacing:.01em;margin:0;overflow-wrap:anywhere}.brand-price-range{width:100%;font-size:13px;line-height:1.32;font-weight:800;color:rgba(255,255,255,.80);margin:0}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:78px;min-height:28px;font-size:10px;font-weight:900;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 20px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand-badge.android{background:linear-gradient(135deg,#b8f3c8,#6ddc8d);color:#14311e}.brand-badge.ios{background:linear-gradient(135deg,#c7ecff,#7cc7ff);color:#0b2a45}.brand-badge.account{background:linear-gradient(135deg,#f8d66d,#b88718);color:#14100a}.brand-badge.pc{background:linear-gradient(135deg,#d6d3ff,#8b5cf6);color:#160f37}.brand-safety-badge{position:absolute;left:9px;top:9px;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:calc(100% - 18px);min-height:25px;padding:0 9px;border-radius:999px;font-size:9px;line-height:1;font-weight:950;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#07110a;box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.brand-safety-badge.safe{background:linear-gradient(135deg,#bbf7d0,#22c55e);border:1px solid rgba(34,197,94,.55)}.brand-safety-badge.risk{background:linear-gradient(135deg,#fde68a,#f59e0b);border:1px solid rgba(245,158,11,.60);color:#1f1300}.btn-view{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;margin-top:auto;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#ffd84d,#f8c931 46%,#dca313);color:#0a0c10;font-weight:900;font-size:13px;line-height:1.15;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 22px rgba(0,0,0,.25);transition:filter .2s ease,transform .2s ease}.btn-view:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-view.maintenance{background:linear-gradient(135deg,rgba(239,68,68,.20),rgba(127,29,29,.68))!important;color:#fecaca!important;border:1px solid rgba(239,68,68,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 24px rgba(127,29,29,.22)}@media(max-width:1024px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}@media(max-width:768px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.brand-card{border-radius:18px}.brand-card:hover{transform:translateY(-3px)}.brand-body{padding:11px 9px 10px;gap:7px}.brand-name{font-size:11px;line-height:1.25}.brand-price-range{font-size:9px;line-height:1.25}.brand-badge{min-width:56px;min-height:22px;font-size:8px;padding:0 8px}.brand-safety-badge{left:6px;top:6px;min-height:20px;padding:0 7px;font-size:7px;gap:4px}.btn-view{min-height:34px;font-size:9px;padding:6px 7px}}@media(max-width:480px){.brand-grid{gap:8px}.brand-name{font-size:10px}.brand-price-range{font-size:8px}.btn-view{min-height:32px;font-size:8px;padding:5px 6px}}.product-search-bar{margin:32px 0 20px;display:flex;justify-content:center}.product-search-container{width:100%;max-width:500px;display:flex;gap:10px}.product-search-container input{flex:1;padding:12px 16px;background:#1e2535;border:1px solid #2a3448;border-radius:48px;color:#eef2ff;font-size:14px}.product-search-container input:focus{outline:none;border-color:#f9c531}.product-search-container button{background:#f9c531;border:none;padding:0 20px;border-radius:48px;color:#0a0c10;font-weight:600;cursor:pointer}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.step-card{background:#1e2535;border:1px solid #2a3448;border-radius:20px;padding:24px 16px;text-align:center;position:relative}.step-num{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#f9c531;color:#0a0c10;width:28px;height:28px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px}.step-icon{font-size:32px;color:#f9c531;margin:8px 0 12px}.step-card h4{font-size:14px;font-weight:800;margin-bottom:8px}.step-card p{font-size:12px;color:#b0bedb}.testi-card{background:#1e2535;border:1px solid #2a3448;border-radius:20px;padding:20px;height:100%}.testi-stars{color:#f9c531;margin-bottom:12px}.testi-text{font-size:13px;color:#b0bedb;font-style:italic;margin-bottom:16px}.testi-author{font-weight:800;color:#fff}.index-footer{padding:28px 0 88px;background:transparent}.index-footer-grid{display:grid;grid-template-columns:1fr;gap:24px;width:min(1180px,calc(100% - 32px));margin-inline:auto}.index-footer-card{width:100%;padding:24px;border-radius:34px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 12% 8%,rgba(212,168,59,.16),transparent 24rem),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),linear-gradient(180deg,rgba(11,18,32,.82),rgba(5,8,15,.76));box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)}.index-showcase-box{width:100%;padding:clamp(18px,3vw,28px);border-radius:32px;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 14% 8%,rgba(212,168,59,.16),transparent 24rem),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.index-showcase-title{margin:0 0 16px;font:900 clamp(24px,3.2vw,34px)/1.08 'Inter',system-ui,sans-serif;letter-spacing:-.02em;color:#f2d77c;text-shadow:0 2px 0 rgba(76,48,8,.82),0 10px 22px rgba(0,0,0,.24)}.index-games-window{overflow:hidden;width:100%;border-radius:26px}.index-games-track,.index-payment-grid{display:grid;gap:16px;width:100%;align-items:stretch}.index-games-track{grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);transition:transform .38s cubic-bezier(.22,.78,.22,1);will-change:transform}.index-games-track.no-transition{transition:none!important}.index-payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.index-showcase-card{min-width:0;min-height:220px;padding:20px 10px 18px;border-radius:30px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 24% 12%,rgba(212,168,59,.13),transparent 8rem),linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.028));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.24)}.index-showcase-logo{width:82px;height:82px;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.10);flex:0 0 82px}.index-showcase-logo img{width:62px;height:62px;border-radius:18px;object-fit:cover;object-position:center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}.index-showcase-card.game .index-showcase-logo img{width:100%;height:100%;border-radius:22px;object-fit:cover}.index-showcase-card.payment .index-showcase-logo img{object-fit:contain;border-radius:12px}.index-showcase-name{width:100%;min-height:48px;margin-top:14px;color:#fff;font:900 12px/1.22 'Inter',system-ui,sans-serif;letter-spacing:.025em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;overflow:hidden}.index-showcase-tag{margin-top:auto;color:#f2d77c;font:900 10px/1 'Inter',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 6px 16px rgba(184,134,11,.18)}.index-footer-copy{color:rgba(246,240,230,.72);text-align:center;font-weight:800;padding:4px 92px 4px 0}.copy-protection-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);text-align:center}.copy-protection-overlay.show{display:flex}.copy-protection-box{max-width:420px;padding:22px;border-radius:22px;border:1px solid rgba(212,168,59,.30);background:linear-gradient(180deg,rgba(28,24,18,.96),rgba(8,8,8,.96));box-shadow:0 26px 70px rgba(0,0,0,.45);color:#fff;font-weight:850}.copy-protection-box i{width:46px;height:46px;margin-bottom:12px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c4d12,#d4a83b);color:#fff}@media(max-width:640px){.index-footer-grid{width:min(100% - 18px,1180px);gap:18px}.index-footer-card{padding:14px;border-radius:24px}.index-showcase-box{padding:16px;border-radius:24px}.index-games-track,.index-payment-grid{gap:10px}.index-games-track{grid-auto-columns:calc((100% - 30px)/4)}.index-showcase-card{min-height:145px;padding:14px 6px 12px;border-radius:22px}.index-showcase-logo{width:58px;height:58px;border-radius:16px;flex-basis:58px}.index-showcase-logo img{width:46px;height:46px;border-radius:13px}.index-showcase-card.game .index-showcase-logo img{width:100%;height:100%;border-radius:16px}.index-showcase-name{min-height:44px;margin-top:10px;font-size:10px;letter-spacing:.015em;line-height:1.18}.index-showcase-tag{font-size:8px;letter-spacing:.10em}#side-menu.side-menu{width:min(310px,calc(100% - 20px));top:10px;right:10px;bottom:10px;border-radius:22px}}.help-popup{position:fixed;bottom:90px;right:24px;background:#1e2535;border:1px solid #2a3448;border-radius:20px;padding:18px;min-width:220px;opacity:0;visibility:hidden;transition:0.2s;z-index:998}.help-popup.show{opacity:1;visibility:visible}.help-popup-btns a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-weight:600;border-radius:40px;margin-bottom:8px;text-decoration:none}.help-popup-btns a.tg{background:#0088cc;color:white}.help-popup-btns a.wa{background:#25D366;color:white}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.25s ease}.popup-overlay.show{opacity:1;visibility:visible}.popup-box{max-width:440px;width:90%;background:linear-gradient(145deg,#1a1f2e 0%,#13161f 100%);border-radius:32px;overflow:hidden;transform:scale(0.96);transition:transform 0.25s;border:1px solid rgba(249,197,49,0.2)}.popup-overlay.show .popup-box{transform:scale(1)}.popup-head{background:linear-gradient(135deg,#f9c531,#e0a800);color:#0a0c10;padding:16px 20px;text-align:center;font-weight:800;font-size:20px}.popup-body{padding:24px 20px 12px;text-align:center}.popup-body img{width:100%;max-height:180px;object-fit:contain;border-radius:16px;margin-bottom:16px;background:#fff}.popup-marquee{font-size:13px;color:#f9c531;background:rgba(0,0,0,0.2);padding:8px;border-radius:40px;margin-bottom:20px;width:100%}.popup-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.popup-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:48px;font-weight:700;font-size:14px;transition:all 0.2s;text-decoration:none}.popup-btn.channel{background:#0088cc;color:white;border:1px solid rgba(255,255,255,0.2)}.popup-btn.group{background:#1e2535;color:#f9c531;border:1px solid #f9c531}.popup-controls{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.08);margin-top:8px}.popup-hide{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#9aa6b5}.popup-hide input{width:16px;height:16px;cursor:pointer;accent-color:#f9c531}.popup-close-btn{background:#2a3448;border:none;padding:6px 16px;border-radius:40px;color:#fff;cursor:pointer;font-size:13px;font-weight:600}.footer-socials,.top-bar-links{display:none!important}.side-menu a[href*="wa.me"],.side-menu a[href*="t.me"]{display:none!important}.section-block{margin:28px 0 8px}.section-row{margin:28px 0 18px;gap:12px}.section-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(249,197,49,0.10);border:1px solid rgba(249,197,49,0.22);color:#f9c531;font-size:13px;font-weight:700;transition:0.2s ease;white-space:nowrap}.section-link:hover{background:#f9c531;color:#0a0c10;transform:translateY(-1px)}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.step-card{background:linear-gradient(180deg,rgba(30,37,53,0.96)0%,rgba(16,20,30,0.96)100%);border:1px solid rgba(42,52,72,0.95);box-shadow:0 12px 30px rgba(0,0,0,0.16);transition:transform 0.2s ease,border-color 0.2s ease}.step-card:hover{transform:translateY(-4px);border-color:rgba(249,197,49,0.45)}.testi-section .swiper{padding-bottom:12px}.testi-card{background:linear-gradient(180deg,rgba(30,37,53,0.96)0%,rgba(16,20,30,0.96)100%);border:1px solid rgba(42,52,72,0.95);box-shadow:0 12px 30px rgba(0,0,0,0.16)}.testi-section .swiper-slide{height:auto}.testi-card{height:100%;min-height:180px}.swiper-pagination{position:relative;margin-top:12px}.swiper-pagination-bullet{background:rgba(255,255,255,0.35);opacity:1}.swiper-pagination-bullet-active{background:#f9c531}.purch-notif{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:9px;width:min(86vw,310px);padding:9px 11px 9px 9px;border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(249,197,49,0.16),transparent 44%),linear-gradient(145deg,rgba(16,21,34,0.94)0%,rgba(7,10,17,0.96)100%);border:1px solid rgba(249,197,49,0.26);box-shadow:0 16px 38px rgba(0,0,0,0.42),0 0 0 1px rgba(255,255,255,0.035)inset,0 0 28px rgba(249,197,49,0.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translate3d(34px,18px,0)scale(0.91)rotate(1.2deg);filter:blur(5px);pointer-events:none;overflow:hidden;transform-origin:100% 100%;transition:opacity .38s ease,transform .54s cubic-bezier(.16,1,.3,1),filter .42s ease;will-change:opacity,transform,filter}.purch-notif::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,0.08)38%,transparent 56%);transform:translateX(-125%)}.purch-notif::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#fff4b0,#f9c531,#a66b00);transform:scaleX(0);transform-origin:left center;opacity:.9}.purch-notif.show{opacity:1;transform:translate3d(0,0,0)scale(1)rotate(0deg);filter:blur(0);pointer-events:auto;animation:purchNotifPop .7s cubic-bezier(.2,1.35,.28,1)both}.purch-notif.show::before{animation:purchNotifShine .9s .12s ease both}.purch-notif.show::after{animation:purchNotifTimer 5.1s linear forwards}.purch-notif.leaving{opacity:0;transform:translate3d(42px,10px,0)scale(0.88)rotate(-1.5deg);filter:blur(7px);pointer-events:none;transition:opacity .32s ease,transform .38s cubic-bezier(.55,0,.1,1),filter .32s ease}.purch-notif-img{width:44px;height:44px;border-radius:13px;object-fit:cover;background:#0a0c10;border:1px solid rgba(249,197,49,0.24);box-shadow:0 8px 18px rgba(0,0,0,.28);flex-shrink:0}.purch-notif-body{flex:1;min-width:0}.purch-notif-body p{margin:0;font-size:12px;line-height:1.32;color:#eef2ff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.purch-notif-body strong{color:#f9c531;font-weight:900}.purch-notif-time{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:rgba(249,197,49,0.12);color:#f9c531;font-size:10px;font-weight:900;line-height:1.1;white-space:nowrap}.purch-notif-close{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#b0bedb;background:rgba(255,255,255,0.055);border:1px solid rgba(255,255,255,0.07);flex-shrink:0;font-size:18px;line-height:1;transition:transform .18s ease,background .18s ease,color .18s ease}.purch-notif-close:hover{color:#fff;background:rgba(255,255,255,0.1);transform:scale(1.06)rotate(8deg)}@keyframes purchNotifPop{0%{opacity:0;transform:translate3d(38px,22px,0)scale(.86)rotate(2deg);filter:blur(8px)}58%{opacity:1;transform:translate3d(-5px,-3px,0)scale(1.025)rotate(-.6deg);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0)scale(1)rotate(0);filter:blur(0)}}@keyframes purchNotifShine{from{transform:translateX(-125%)}to{transform:translateX(125%)}}@keyframes purchNotifTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:1024px){.section-title{font-size:22px}.steps-grid{gap:16px}}@media(max-width:768px){.section-block{margin:24px 0 6px}.section-row{margin:20px 0 14px;align-items:flex-start}.section-title{font-size:18px;line-height:1.2;gap:8px}.section-title-bar{height:22px;width:3px}.section-link{font-size:12px;padding:8px 12px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.step-card{padding:18px 12px 14px;border-radius:18px}.step-num{width:26px;height:26px;font-size:11px;top:-11px}.step-icon{font-size:26px;margin:10px 0 10px}.step-card h4{font-size:13px;margin-bottom:6px}.step-card p{font-size:11px;line-height:1.45}.testi-card{min-height:168px;padding:16px;border-radius:18px}.testi-text{font-size:12px;line-height:1.5;margin-bottom:12px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-main{padding:36px 0}.footer-brand-name{font-size:18px}.footer-desc{font-size:12px}.footer-img-grid{gap:6px;margin-bottom:14px}.footer-img-grid img{border-radius:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}.purch-notif{right:12px;bottom:76px;width:min(82vw,292px);padding:8px 10px 8px 8px;gap:8px;border-radius:17px}.purch-notif-img{width:40px;height:40px;border-radius:12px}.purch-notif-body p{font-size:11px;line-height:1.28}.purch-notif-time{font-size:9px;padding:3px 6px}.purch-notif-close{width:22px;height:22px;font-size:16px}.help-popup{right:14px;bottom:78px;min-width:min(88vw,280px);padding:16px;border-radius:18px}.side-menu{width:min(88vw,340px);padding:calc(env(safe-area-inset-top)+14px)14px calc(env(safe-area-inset-bottom)+14px)}.side-menu ul li a{padding:13px 14px;font-size:14px}.logged-area-mobile{border-radius:18px;padding:12px}.side-lang-box{padding:12px;border-radius:16px}.side-lang-actions{gap:8px}.side-lang-btn{height:40px;border-radius:10px}.cat-bar-wrap{top:63px}.container{padding-left:12px;padding-right:12px}}@media(max-width:420px){.steps-grid{grid-template-columns:1fr}.section-title{font-size:17px}.footer-img-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.popup-box{width:94vw;border-radius:24px}.popup-head{font-size:18px;padding:14px 16px}.popup-body{padding:18px 14px 10px}.popup-buttons{gap:10px}}.brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}.brand-card{border-radius:20px!important}.brand-body{padding:14px 12px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important}.brand-badge{align-self:center!important;margin:0 auto 2px auto!important;min-width:unset!important;width:fit-content!important;padding:4px 10px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.2px!important;box-shadow:0 8px 16px rgba(0,0,0,0.18)!important}.brand-name{font-size:15px!important;line-height:1.25!important;margin-bottom:0!important}.brand-price-range{font-size:12px!important;line-height:1.25!important;margin-bottom:0!important;opacity:.92}.btn-view{min-height:34px!important;padding:7px 12px!important;font-size:12px!important;border-radius:999px!important;line-height:1.1!important;box-shadow:0 8px 16px rgba(0,0,0,0.14)!important}.btn-view.maintenance{min-height:34px!important;padding:7px 12px!important;font-size:12px!important;border-radius:999px!important;line-height:1.1!important}@media(max-width:1024px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}}@media(max-width:768px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.brand-card{border-radius:16px!important}.brand-body{padding:10px 9px 9px!important;gap:5px!important}.brand-badge{padding:4px 9px!important;font-size:8px!important}.brand-name{font-size:10px!important;line-height:1.2!important}.brand-price-range{font-size:8px!important}.btn-view{min-height:30px!important;padding:6px 8px!important;font-size:8px!important}.btn-view.maintenance{min-height:30px!important;padding:6px 8px!important;font-size:8px!important}}@media(max-width:480px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.brand-body{padding:9px 8px 8px!important}.brand-name{font-size:9px!important}.btn-view,.btn-view.maintenance{min-height:28px!important}}main{position:relative;z-index:1;background:radial-gradient(circle at top,rgba(247,211,106,.08),transparent 26%),linear-gradient(180deg,rgba(8,8,8,.60)0%,rgba(5,5,5,.92)100%)!important}.section-block{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.14)),linear-gradient(145deg,rgba(18,18,18,.96)0%,rgba(10,10,10,.98)100%)!important;border:1px solid rgba(247,211,106,.16)!important;border-radius:28px!important;padding:24px!important;box-shadow:0 18px 40px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.03)!important}.section-block::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(247,211,106,.10),transparent 24%),radial-gradient(circle at 88% 100%,rgba(247,211,106,.08),transparent 22%);opacity:.9}.section-block>*{position:relative;z-index:1}.site-footer{position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(247,211,106,.10),transparent 28%),linear-gradient(180deg,#090909 0%,#040404 100%)!important;border-top:1px solid rgba(247,211,106,.24)!important;box-shadow:0 -18px 40px rgba(0,0,0,.35)!important}.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(247,211,106,.12),transparent 26%),radial-gradient(circle at 85% 100%,rgba(247,211,106,.08),transparent 24%)}.footer-main,.footer-bottom{position:relative;z-index:1}.footer-grid>div{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.12))!important;border:1px solid rgba(247,211,106,.12)!important;border-radius:22px!important;padding:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.footer-brand-name,.footer-col-title{text-shadow:0 0 18px rgba(247,211,106,.18)}.footer-bottom{background:rgba(255,255,255,.02)!important;border-top:1px solid rgba(247,211,106,.16)!important;border-radius:20px 20px 0 0!important;padding:18px 20px!important}.footer-img-grid img{background:rgba(255,255,255,.03);box-shadow:0 10px 22px rgba(0,0,0,.25)}@media(max-width:768px){.section-block{padding:18px!important;border-radius:22px!important}.footer-grid>div{padding:18px!important;border-radius:18px!important}.footer-bottom{padding:16px!important;border-radius:16px 16px 0 0!important}}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 16%,rgba(249,197,49,.08),transparent 24%),radial-gradient(circle at 88% 10%,rgba(249,197,49,.05),transparent 20%),linear-gradient(180deg,#05070b 0%,#090c12 42%,#06080c 100%)}a,button,input,.brand-card,.flash-card,.section-block,.cat-btn,.btn-view,.section-badge{transition:all .25s ease}.page-body{padding-bottom:28px}.container{max-width:1220px}.cat-bar-wrap{margin-top:12px}.cat-bar-outer{background:linear-gradient(180deg,rgba(12,16,24,.96),rgba(8,11,17,.94));border:1px solid rgba(249,197,49,.16);border-radius:24px;padding:10px 54px;box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(10px)}.cat-scroll-btn{background:linear-gradient(180deg,rgba(26,33,49,.96),rgba(17,22,33,.96));border:1px solid rgba(249,197,49,.14);box-shadow:0 10px 24px rgba(0,0,0,.28)}.cat-scroll-btn:hover{border-color:rgba(249,197,49,.45);transform:translateY(-1px)}.cat-btn{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.cat-btn:hover{background:rgba(249,197,49,.09);border-color:rgba(249,197,49,.26);transform:translateY(-1px)}.cat-btn.active{background:linear-gradient(135deg,#ffe27a 0%,#f3c53a 56%,#dda712 100%);color:#12161f;border-color:transparent;box-shadow:0 12px 26px rgba(249,197,49,.24)}.cat-btn.active .cat-count{background:rgba(0,0,0,.14);color:#12161f}.banner-hero{gap:18px;align-items:stretch}.banner-hero-main{min-width:0}.banner-hero-side{position:relative;overflow:hidden;padding:22px 20px;border:1px solid rgba(249,197,49,.18);border-radius:30px!important;background:linear-gradient(180deg,rgba(14,19,28,.96),rgba(8,11,16,.94));box-shadow:0 24px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)}.banner-hero-side:before{background:radial-gradient(circle at 100% 0%,rgba(249,197,49,.14),transparent 46%)}.banner-hero-side:after{content:"";position:absolute;right:-50px;bottom:-50px;width:160px;height:160px;background:radial-gradient(circle,rgba(249,197,49,.16),transparent 68%);pointer-events:none}.banner-hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(249,197,49,.10);border:1px solid rgba(249,197,49,.18);color:#ffe7a5}.banner-hero-kicker i,.banner-hero-point i{color:#f9c531}.banner-hero-side h3{font-size:24px;line-height:1.25;margin:16px 0 12px}.banner-hero-side p{color:#b9c3d9;line-height:1.65}.banner-hero-point{padding:12px 14px!important;color:#e9eef7;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px}.banner-hero-point i{font-size:13px}.hero-stat{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.hero-stat span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:#f3f6fc}.flash-note-strip{gap:18px;margin-top:8px;border-radius:24px;background:linear-gradient(90deg,rgba(26,20,8,.72),rgba(34,28,14,.44)32%,rgba(13,16,24,.94));border:1px solid rgba(249,197,49,.18);box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03)}.flash-note-label{white-space:nowrap;font-size:13px;letter-spacing:.08em;color:#ffd971}.flash-note-marquee{mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent)}.flash-note-track span{color:#f2f5fb;font-weight:500}.product-search-bar{margin:28px 0 24px}.product-search-container{width:100%;max-width:100%}.product-search-container form{display:flex!important;width:100%;gap:12px!important;padding:12px;border-radius:28px;background:linear-gradient(180deg,rgba(13,17,24,.96),rgba(9,12,18,.96));border:1px solid rgba(249,197,49,.14);box-shadow:0 20px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.03)}.product-search-container input{flex:1;height:56px;padding:0 22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:20px;color:#f3f6fc;font-size:16px}.product-search-container input::placeholder{color:#a0a9bc}.product-search-container input:focus{border-color:rgba(249,197,49,.46);box-shadow:0 0 0 4px rgba(249,197,49,.08)}.product-search-container button{height:56px;padding:0 28px;border-radius:20px;background:linear-gradient(135deg,#ffe27a,#f1c334 58%,#dca712);color:#101319;font-weight:800;box-shadow:0 14px 28px rgba(249,197,49,.22)}.product-search-container button:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(249,197,49,.26)}.section-block{margin:22px 0 8px;padding:24px 22px;border-radius:30px;background:linear-gradient(180deg,rgba(14,18,26,.96),rgba(8,11,17,.96));border:1px solid rgba(249,197,49,.15);box-shadow:0 24px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.03)}.section-row{margin:0 0 20px;gap:14px}.section-title{font-size:clamp(26px,3.8vw,40px);letter-spacing:-.02em}.section-title-bar{width:6px;height:34px;border-radius:999px;background:linear-gradient(180deg,#ffe792,#f9c531);box-shadow:0 0 18px rgba(249,197,49,.20)}.section-badge{background:linear-gradient(135deg,#ffe27a,#f1c334 58%,#ddb017);color:#12161f;border:0;box-shadow:0 12px 24px rgba(249,197,49,.20)}.brand-grid{display:grid!important;width:100%!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px}.brand-card{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;background:linear-gradient(180deg,rgba(16,20,30,.96),rgba(9,12,18,.98));border:1px solid rgba(249,197,49,.12);box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.02)}.brand-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(249,197,49,.10),transparent 28%);pointer-events:none}.brand-card:hover{transform:translateY(-4px);border-color:rgba(249,197,49,.26);box-shadow:0 24px 50px rgba(0,0,0,.34),0 0 0 1px rgba(249,197,49,.06)}.brand-img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#0a0d12;transition:transform .45s ease}.brand-card:hover .brand-img{transform:scale(1.04)}.brand-body{padding:16px;display:flex;flex-direction:column;gap:8px}.brand-name{margin-bottom:0;color:#fff;font-size:17px}.brand-price-range{margin-bottom:4px;color:#cdd6e8}.btn-view{margin-top:auto;min-height:42px;border-radius:16px;background:linear-gradient(135deg,#ffe27a,#f1c334 58%,#dda712);color:#11151d;font-weight:800;box-shadow:0 12px 24px rgba(249,197,49,.20)}.btn-view:hover{transform:translateY(-1px)}.testi-card{border-radius:24px}.popup-overlay{background:rgba(2,4,8,.80)!important;backdrop-filter:blur(12px)!important;padding:18px}.popup-box-premium-compact{width:min(92vw,410px)!important;max-width:410px!important;border-radius:26px!important;background:radial-gradient(circle at 78% 0%,rgba(249,197,49,.14),transparent 34%),linear-gradient(180deg,rgba(16,20,30,.98),rgba(7,10,16,.98))!important;border:1px solid rgba(249,197,49,.22)!important;box-shadow:0 30px 76px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden!important}.popup-head-premium-compact{padding:16px 18px 0!important;background:transparent!important;color:#fff!important;text-align:center!important}.popup-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,rgba(249,197,49,.22),rgba(249,197,49,.08));border:1px solid rgba(249,197,49,.28);color:#ffdc78;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.popup-body-premium-compact{padding:18px 22px 14px!important;text-align:center!important}.popup-alert-icon{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,rgba(249,197,49,.22),rgba(249,197,49,.08));border:1px solid rgba(249,197,49,.22);color:#f9c531;font-size:20px}.popup-body-premium-compact h3{margin:0 0 8px!important;color:#fff;font-size:22px!important;line-height:1.18;font-weight:900!important}.popup-body-premium-compact p{margin:0!important;color:#c2ccdd!important;font-size:13px!important;line-height:1.65!important}.popup-foot-premium-compact{padding:0 18px 18px!important}.popup-buttons-premium-compact{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:12px!important}.popup-buttons-premium-compact .popup-btn{min-height:46px!important;border-radius:15px!important;font-size:13px!important;font-weight:850!important;padding:10px!important;box-shadow:0 14px 26px rgba(0,0,0,.22)}.popup-btn.channel{background:linear-gradient(135deg,#1ca6f2,#0b83d1)!important;border:1px solid rgba(255,255,255,.10)!important}.popup-btn.group{background:linear-gradient(135deg,rgba(249,197,49,.15),rgba(249,197,49,.07))!important;color:#ffd76a!important;border:1px solid rgba(249,197,49,.30)!important}.popup-controls-premium-compact{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding-top:12px!important;margin-top:0!important;border-top:1px solid rgba(255,255,255,.06)!important}.popup-hide{font-size:12px!important;color:#aeb8cb!important;font-weight:600}.popup-close-btn{min-width:82px!important;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;background:linear-gradient(135deg,#f9cf49,#dba313)!important;color:#11151d!important;font-size:13px!important;font-weight:850!important;box-shadow:0 12px 22px rgba(249,197,49,.18)}@media(max-width:960px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:768px){.container{padding-left:12px!important;padding-right:12px!important}.cat-bar-outer{padding:8px 48px;border-radius:20px}.flash-note-strip{padding:12px 14px;gap:10px;border-radius:20px;align-items:flex-start;flex-direction:column}.flash-note-label{font-size:11px}.flash-note-marquee{width:100%}.flash-note-track span{font-size:11px;padding-right:28px}.product-search-container form{padding:10px;border-radius:24px;gap:10px!important}.product-search-container input,.product-search-container button{height:52px;border-radius:18px}.product-search-container input{font-size:15px}.product-search-container button{padding:0 22px}.section-block{padding:20px 16px;border-radius:24px}.section-title{font-size:22px}.section-title-bar{width:5px;height:28px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}.brand-card{border-radius:18px}.brand-body{padding:10px;gap:6px}.brand-name{font-size:11px!important;line-height:1.2!important}.brand-price-range{font-size:9px!important}.btn-view{font-size:9px!important;padding:6px 8px!important;min-height:30px!important}.popup-box-premium-compact{width:min(92vw,390px)!important;border-radius:22px!important}.popup-head-premium-compact{padding:14px 14px 0!important}.popup-pill{font-size:11px;padding:8px 12px}.popup-body-premium-compact{padding:16px 16px 12px!important}.popup-alert-icon{width:42px;height:42px;margin-bottom:10px;border-radius:14px;font-size:18px}.popup-body-premium-compact h3{font-size:18px!important}.popup-body-premium-compact p{font-size:12px!important}.popup-foot-premium-compact{padding:0 14px 14px!important}.popup-buttons-premium-compact{grid-template-columns:1fr!important}.popup-buttons-premium-compact .popup-btn{min-height:44px!important}.popup-controls-premium-compact{flex-wrap:wrap}.popup-close-btn{width:100%}}@media(max-width:420px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.brand-body{padding:9px 8px}.brand-name{font-size:9px!important}.btn-view{min-height:28px!important}}.footer-brand-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch;margin-bottom:14px!important}.footer-logo-card{position:relative;min-height:92px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 84% 14%,rgba(247,211,106,.15),transparent 34%),radial-gradient(circle at 15% 86%,rgba(247,211,106,.07),transparent 36%),linear-gradient(145deg,rgba(16,18,25,.98),rgba(3,4,7,.98));border:1px solid rgba(247,211,106,.20)!important;box-shadow:0 12px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px 8px;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease;will-change:transform}.footer-logo-card::before{content:'';position:absolute;inset:1px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%,rgba(247,211,106,.06));pointer-events:none;z-index:-1}.footer-logo-card:hover{transform:translateY(-3px)scale(1.025);border-color:rgba(247,211,106,.55)!important;box-shadow:0 18px 38px rgba(0,0,0,.48),0 0 24px rgba(247,211,106,.13)!important;filter:brightness(1.07)}.footer-logo-card img{display:block;width:54px!important;height:54px!important;max-width:58%!important;max-height:58%!important;object-fit:contain!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:0 8px 18px rgba(0,0,0,.35)!important;position:relative;z-index:2}.footer-logo-card.payment img{width:62px!important;height:48px!important;max-width:70%!important;max-height:54%!important;border-radius:10px!important;box-shadow:none!important;filter:drop-shadow(0 7px 12px rgba(0,0,0,.45))}.footer-logo-card .fallback-logo{display:none}.footer-logo-card .logo-name{display:block;margin-top:8px;max-width:100%;font-size:7.5px;line-height:1.15;font-weight:900;letter-spacing:.8px;color:rgba(255,255,255,.92);text-align:center;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.9);white-space:normal}.footer-logo-card.logo-failed img{display:none!important}.footer-logo-card.logo-failed .fallback-logo{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:rgba(247,211,106,.12);color:#fff;font-size:9px;line-height:1.1;font-weight:900;letter-spacing:.6px;text-align:center;text-shadow:0 0 10px rgba(247,211,106,.35)}@media(max-width:480px){.footer-brand-grid{gap:8px!important}.footer-logo-card{min-height:78px;border-radius:13px!important;padding:8px 5px 7px}.footer-logo-card::before{border-radius:12px}.footer-logo-card img{width:44px!important;height:44px!important;border-radius:12px!important}.footer-logo-card.payment img{width:50px!important;height:38px!important}.footer-logo-card .logo-name{margin-top:6px;font-size:6.4px;letter-spacing:.45px}}@media(min-width:961px){.banner-hero{display:block!important}.banner-hero-main{width:100%!important;max-width:100%!important}.banner-hero-side{display:none!important}}.search-smart-wrap{position:relative;z-index:45}.search-input-shell{position:relative;flex:1;min-width:0;display:flex}.search-input-shell input{width:100%}.search-suggestions{position:absolute;top:calc(100%+12px);left:0;right:0;max-height:320px;overflow-y:auto;z-index:120;padding:10px;border-radius:24px;background:linear-gradient(180deg,rgba(13,17,25,.98),rgba(7,10,16,.98));border:1px solid rgba(249,197,49,.20);box-shadow:0 24px 58px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px)}.search-suggestions::-webkit-scrollbar{width:7px}.search-suggestions::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px}.search-suggestions::-webkit-scrollbar-thumb{background:rgba(249,197,49,.34);border-radius:999px}.product-search-container .search-suggestion-item,.product-search-container button.search-suggestion-item{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;height:auto!important;min-height:58px!important;margin:0 0 7px!important;padding:10px 12px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.06)!important;background:linear-gradient(180deg,rgba(18,23,33,.94),rgba(12,16,24,.94))!important;color:#edf2ff!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;transform:none!important;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}.product-search-container .search-suggestion-item:last-child{margin-bottom:0!important}.product-search-container .search-suggestion-item:hover,.product-search-container .search-suggestion-item.active{background:linear-gradient(180deg,rgba(31,29,18,.98),rgba(16,18,23,.98))!important;border-color:rgba(249,197,49,.42)!important;box-shadow:0 10px 22px rgba(0,0,0,.28),inset 3px 0 0 rgba(249,197,49,.9)!important;transform:translateY(-1px)!important}.search-suggestion-icon{width:36px;height:36px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(249,197,49,.11);color:#f9c531;border:1px solid rgba(249,197,49,.12);flex:0 0 auto}.search-suggestion-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.search-suggestion-title{display:block;font-weight:850;font-size:14px;line-height:1.2;color:#f6f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-type{display:block;font-size:11px;line-height:1.15;color:#7f8aa1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion-badge{flex:0 0 auto;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#12151c;background:linear-gradient(135deg,#ffe27a,#f6c637);border-radius:99px;padding:6px 10px;box-shadow:none}.search-empty{padding:14px;color:#9aa6b5;font-size:13px}.search-highlight{color:#f9c531;background:transparent!important}@media(max-width:768px){.product-search-container form{align-items:stretch}.search-input-shell{width:100%}.search-suggestions{border-radius:20px;max-height:300px;padding:8px}.product-search-container .search-suggestion-item,.product-search-container button.search-suggestion-item{min-height:54px!important;padding:9px 10px!important;border-radius:15px!important}.search-suggestion-title{font-size:13px}.search-suggestion-icon{width:32px;height:32px;border-radius:11px}.search-suggestion-badge{font-size:9px;padding:5px 8px}.product-search-container button{min-width:92px}}@media(max-width:480px){.product-search-container form{display:grid!important;grid-template-columns:1fr auto}.search-suggestions{left:-2px;right:-2px;top:calc(100%+9px)}.product-search-container button{padding:0 16px!important}.product-search-container button i{margin-right:0}}.flash-note-label i{color:#f9c531!important;animation:announcementBullhornPulse 1.8s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(249,197,49,.42))}.flash-note-track .announcement-item{display:inline-flex!important;align-items:center;gap:9px;padding-right:64px;color:#f2f5fb!important;font-size:12px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.flash-note-track .announcement-item strong{color:#ffd86f;font-weight:950;text-shadow:0 0 14px rgba(249,197,49,.22)}.flash-note-track .announcement-item.is-default{color:#f8df95!important;font-weight:600}.flash-note-track .announcement-item.is-default strong{color:#f8df95;font-weight:800;text-shadow:none}.announcement-divider{color:rgba(255,255,255,.34)!important;padding:0 2px!important}.announcement-fire-emoji{display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1;transform-origin:center bottom;filter:drop-shadow(0 0 6px rgba(255,48,48,.85))drop-shadow(0 0 12px rgba(255,0,0,.46))drop-shadow(0 0 18px rgba(249,197,49,.22));animation:announcementFireRedBlink .72s ease-in-out infinite alternate}.announcement-fire-emoji.fire-end{animation-delay:.22s}@keyframes announcementFireRedBlink{0%{opacity:.72;transform:translateY(1px)scale(.94)rotate(-3deg);filter:drop-shadow(0 0 3px rgba(255,48,48,.5))drop-shadow(0 0 9px rgba(255,0,0,.25))}45%{opacity:1;transform:translateY(-1px)scale(1.14)rotate(4deg);filter:drop-shadow(0 0 8px rgba(255,35,35,1))drop-shadow(0 0 18px rgba(255,0,0,.72))drop-shadow(0 0 24px rgba(249,197,49,.32))}100%{opacity:.9;transform:translateY(0)scale(1.03)rotate(-1deg);filter:drop-shadow(0 0 6px rgba(255,60,60,.85))drop-shadow(0 0 14px rgba(255,0,0,.52))}}@keyframes announcementBullhornPulse{0%,100%{transform:rotate(0deg)scale(1)}50%{transform:rotate(-7deg)scale(1.12)}}@media(max-width:768px){.flash-note-track .announcement-item{font-size:11px!important;gap:7px;padding-right:46px!important}.announcement-fire-emoji{font-size:16px}}#side-menu ul li a span{flex:1;min-width:0}.side-menu::-webkit-scrollbar{width:4px}.side-menu::-webkit-scrollbar-thumb{background:rgba(212,168,59,.35);border-radius:99px}@media(max-width:640px){.side-menu ul li a{min-height:42px}.side-menu ul li a i{width:28px;height:28px;font-size:12px}.index-footer-copy{padding-right:88px;font-size:14px;line-height:1.4}}html,body{overflow-x:hidden!important}.index-footer{width:100%!important;max-width:100%!important;overflow:hidden!important;padding-bottom:92px!important;margin:0!important;transform:none!important}.index-footer .container.index-footer-grid,.container.index-footer-grid,.index-footer-grid{width:min(1180px,calc(100% - 32px))!important;max-width:calc(100% - 32px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;left:auto!important;right:auto!important;transform:none!important;box-sizing:border-box!important}.index-footer-card,.index-showcase-box,.index-games-window,.index-games-track,.index-payment-grid{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}@media(max-width:640px){.index-footer{width:100%!important;margin-left:0!important;margin-right:0!important}.index-footer .container.index-footer-grid,.container.index-footer-grid,.index-footer-grid{width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;margin-left:auto!important;margin-right:auto!important}.index-footer-card{padding:14px!important}.index-showcase-box{padding:16px!important}.index-footer-copy{padding-left:0!important;padding-right:88px!important;text-align:center!important}}@media(max-width:640px){.side-menu-close{left:-18px;top:43%;width:42px;height:42px}}#side-overlay.side-overlay{background:rgba(0,0,0,.42)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;z-index:300!important}#side-menu.side-menu{position:fixed!important;top:28px!important;right:-430px!important;width:min(410px,calc(100% - 22px))!important;height:calc(100vh - 46px)!important;z-index:301!important;padding:0!important;background:rgba(255,179,0,0.14)!important;border-radius:16px!important;box-shadow:0 4px 30px rgba(0,0,0,0.1)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;border:1px solid rgba(255,179,0,1)!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;transition:right .34s cubic-bezier(.22,1,.36,1)!important}#side-menu.side-menu.active{right:10px!important;transform:none!important}#side-menu.side-menu::before,#side-menu.side-menu::after{display:none!important;pointer-events:none!important}#side-menu .side-head{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:22px 112px 16px 18px!important;border-bottom:1px solid rgba(255,179,0,.42)!important;background:transparent!important}#side-menu .side-body{position:relative!important;z-index:4!important;padding:10px 12px 0!important}#side-menu .side-menu-close{position:absolute!important;top:16px!important;right:16px!important;left:auto!important;transform:none!important;width:auto!important;min-width:78px!important;height:38px!important;padding:0 14px!important;border-radius:16px!important;background:rgba(255,179,0,0.14)!important;box-shadow:0 4px 30px rgba(0,0,0,0.1)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;border:1px solid rgba(255,179,0,1)!important;color:#f6f0e6!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;pointer-events:auto!important;z-index:9999!important;margin:0!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;font-size:11px!important;font-weight:950!important;letter-spacing:.14em!important;line-height:1!important}#side-menu .side-menu-close span{pointer-events:none!important}#side-menu ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important}#side-menu ul li a{min-height:50px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 14px!important;border-radius:16px!important;background:rgba(8,9,12,0.62)!important;box-shadow:0 10px 24px rgba(0,0,0,0.16)!important;border:1px solid rgba(255,179,0,0.46)!important;color:#f6f0e6!important;font-size:14px!important;font-weight:900!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media(max-width:640px){#side-menu.side-menu{top:18px!important;width:min(410px,calc(100% - 22px))!important;height:calc(100vh - 36px)!important}#side-menu.side-menu.active{right:10px!important}#side-menu .side-menu-close{top:14px!important;right:14px!important;left:auto!important;transform:none!important;width:auto!important;min-width:74px!important;height:36px!important;padding:0 12px!important}}#side-menu ul li a:hover{background:rgba(18,19,22,0.78)!important;border-color:rgba(255,179,0,0.78)!important;color:#ffffff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#side-menu ul li a i{background:linear-gradient(135deg,rgba(255,179,0,.88),rgba(143,103,0,.88))!important;border:1px solid rgba(255,179,0,.46)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.popup-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .25s ease}.popup-box,.popup-box-premium-compact{position:relative;width:min(92vw,430px)!important;max-width:430px!important;border-radius:26px!important;overflow:hidden!important;transform:scale(.96);transition:transform .25s ease;background:rgba(255,179,0,0.14)!important;box-shadow:0 4px 30px rgba(0,0,0,0.1)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;border:1px solid rgba(255,179,0,1)!important}.popup-overlay.show .popup-box,.popup-overlay.show .popup-box-premium-compact{transform:scale(1)}.popup-box-premium-compact::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,179,0,.22),transparent 38%),linear-gradient(180deg,rgba(8,10,14,.52),rgba(8,10,14,.28))}.popup-head,.popup-head-premium-compact,.popup-body,.popup-body-premium-compact,.popup-foot-premium-compact{position:relative!important;z-index:1!important;background:transparent!important}.popup-head-premium-compact{padding:22px 18px 0!important;color:#fff!important;text-align:center!important}.popup-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:10px 18px!important;border-radius:999px!important;background:rgba(8,9,12,.48)!important;border:1px solid rgba(255,179,0,.72)!important;color:#ffe08a!important;font-size:12px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}.popup-body-premium-compact{padding:24px 24px 18px!important;text-align:center!important}.popup-alert-icon{width:58px!important;height:58px!important;margin:0 auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;background:rgba(239,68,68,.14)!important;border:1px solid rgba(239,68,68,.55)!important;color:#ff2f2f!important;font-size:25px!important;box-shadow:0 0 24px rgba(239,68,68,.24)!important;animation:dangerBlinkV18 1s ease-in-out infinite!important}@keyframes dangerBlinkV18{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 18px rgba(239,68,68,.20)}50%{opacity:.48;transform:scale(.96);box-shadow:0 0 34px rgba(239,68,68,.65)}}.popup-body-premium-compact h3{max-width:360px!important;margin:0 auto 12px!important;color:#fff!important;font-size:clamp(20px,4.8vw,27px)!important;line-height:1.22!important;font-weight:950!important;letter-spacing:.02em!important;text-transform:uppercase!important}.popup-body-premium-compact p{max-width:370px!important;margin:0 auto!important;color:rgba(246,240,230,.86)!important;font-size:14px!important;line-height:1.7!important;font-weight:600!important}.popup-foot-premium-compact{padding:0 22px 22px!important}.popup-buttons-premium-compact{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px!important}.popup-buttons-premium-compact .popup-btn{min-height:50px!important;border-radius:16px!important;font-size:14px!important;font-weight:900!important;padding:11px 14px!important;box-shadow:0 14px 26px rgba(0,0,0,.18)!important}.popup-btn.channel{background:linear-gradient(135deg,#1ca6f2,#0b83d1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}.popup-btn.group{background:rgba(8,9,12,.44)!important;color:#ffd76a!important;border:1px solid rgba(255,179,0,.56)!important}.popup-controls-premium-compact{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding-top:14px!important;margin-top:0!important;border-top:1px solid rgba(255,255,255,.10)!important}.popup-hide{display:flex!important;align-items:center!important;gap:10px!important;color:rgba(246,240,230,.78)!important;font-size:13px!important;font-weight:700!important}.popup-hide input{width:18px!important;height:18px!important;accent-color:#f2d77c!important}.popup-close-btn{width:100%!important;min-height:46px!important;border-radius:999px!important;background:linear-gradient(135deg,#f9cf49,#dba313)!important;color:#11151d!important;font-size:14px!important;font-weight:950!important;border:0!important;cursor:pointer!important}@media(max-width:420px){.popup-body-premium-compact{padding:22px 18px 16px!important}.popup-body-premium-compact h3{font-size:20px!important}.popup-body-premium-compact p{font-size:13px!important;line-height:1.65!important}.popup-foot-premium-compact{padding:0 18px 18px!important}}#side-menu.side-menu{top:22px!important;height:auto!important;max-height:calc(100vh - 150px)!important;padding-bottom:14px!important;overflow-y:auto!important;overflow-x:hidden!important}#side-menu .side-head{min-height:auto!important;padding:16px 112px 14px 18px!important}#side-menu .brand-mark{width:48px!important;height:48px!important}#side-menu .brand-line.top{font-size:13px!important;line-height:1.05!important}#side-menu .brand-line.bottom{font-size:16px!important;line-height:1.05!important}#side-menu .side-body{padding:8px 14px 2px!important}#side-menu ul{gap:8px!important}#side-menu ul li a{min-height:46px!important;padding:0 13px!important;border-radius:15px!important;font-size:13px!important}#side-menu ul li a i{width:34px!important;height:34px!important;border-radius:13px!important;font-size:13px!important}#side-menu .side-menu-close{top:14px!important;right:14px!important;min-width:74px!important;height:34px!important;padding:0 12px!important;border-radius:14px!important;font-size:10px!important}@media(max-width:640px){#side-menu.side-menu{top:20px!important;max-height:calc(100vh - 170px)!important;width:min(410px,calc(100% - 22px))!important}#side-menu .side-head{padding:15px 104px 13px 16px!important}#side-menu .side-body{padding:8px 12px 2px!important}#side-menu ul li a{min-height:45px!important}}.choice-modal,.modal-login{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-login{z-index:2000}.choice-card,.login-glass-card{position:relative;width:min(92vw,430px);border-radius:24px;padding:26px 24px;overflow:hidden;text-align:center;background:rgba(255,179,0,0.14);box-shadow:0 4px 30px rgba(0,0,0,0.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(255,179,0,1)}.choice-card::before,.login-glass-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,179,0,.20),transparent 42%),linear-gradient(180deg,rgba(7,9,13,.50),rgba(7,9,13,.28))}.choice-card>*,.login-glass-card>*{position:relative;z-index:1}.choice-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.choice-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,179,0,.16);border:1px solid rgba(255,179,0,.42);color:#ffe08a;font-size:18px}.choice-card h3,.login-glass-card h3{margin:0 0 22px;color:#ffe08a;font-size:22px;font-weight:950;letter-spacing:.03em}.choice-head h3{margin:0}.choice-card p{margin:0 0 18px;color:rgba(246,240,230,.82);font-size:13px;line-height:1.5}.choice-buttons{display:grid;grid-template-columns:1fr;gap:12px}.choice-btn,.login-glass-card input[type="text"],.login-glass-card input[type="email"],.login-glass-card input[type="password"]{width:100%;min-height:48px;border-radius:16px;background:rgba(8,9,12,.58);border:1px solid rgba(255,179,0,.36);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.14);backdrop-filter:none;-webkit-backdrop-filter:none}.choice-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;cursor:pointer;font-weight:900}.choice-btn i{color:#ffe08a}.choice-btn:hover{border-color:rgba(255,179,0,.86);background:rgba(18,19,22,.78)}.login-glass-card input[type="text"],.login-glass-card input[type="email"],.login-glass-card input[type="password"]{display:block;margin:9px 0;padding:0 14px;font-size:14px;outline:none}.login-glass-card input::placeholder{color:rgba(246,240,230,.55)}.login-check-row{display:flex;justify-content:space-between;gap:12px;margin:18px 0 16px;color:rgba(246,240,230,.82);font-size:13px;font-weight:700}.login-check-row.single{justify-content:flex-start}.login-check-row label{display:inline-flex;align-items:center;gap:8px}.login-submit{width:100%;min-height:48px;border:0;border-radius:999px;background:linear-gradient(135deg,#f9cf49,#dba313);color:#11151d;box-shadow:0 14px 26px rgba(249,197,49,.18);font-weight:950;cursor:pointer}.choice-close{margin-top:14px;color:#ffe08a;cursor:pointer;background:transparent;border:0;font-weight:850}.close-modal{position:absolute!important;top:18px;right:22px;z-index:9999;width:44px;height:44px;border:0;border-radius:16px;display:grid;place-items:center;background:rgba(8,9,12,.42);color:#fff;font-size:34px;line-height:1;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 0 16px rgba(255,179,0,.35)}.close-modal:active{transform:scale(.96)}.login-error{color:#ff8c8c!important;text-align:center;margin-bottom:10px;font-weight:800;font-size:13px}.login-register-link{text-align:center;margin-top:16px}.login-register-link a,.login-glass-card a{color:#ffe08a;font-weight:850;text-decoration:none}@media(max-width:480px){.choice-card,.login-glass-card{width:min(92vw,420px);padding:24px 20px;border-radius:22px}.login-check-row{flex-direction:column;align-items:flex-start}}.game-browser-block{overflow:visible!important}.game-browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-card{min-width:0}.game-card-btn{width:100%;min-width:0;border:1px solid rgba(247,211,106,.18);background:radial-gradient(circle at 20% 0%,rgba(247,211,106,.13),transparent 12rem),linear-gradient(180deg,rgba(20,20,20,.96),rgba(9,9,9,.98));box-shadow:0 18px 38px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);border-radius:24px;padding:14px;color:#f8f5ea;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transform:translateZ(0);backface-visibility:hidden}.game-card-btn:hover{transform:translateY(-4px);border-color:rgba(247,211,106,.45);box-shadow:0 24px 50px rgba(0,0,0,.48),0 0 0 1px rgba(247,211,106,.10)}.game-img-wrap{position:relative;width:100%;aspect-ratio:1/1;display:block;border-radius:20px;overflow:hidden;background:rgba(247,211,106,.08);border:1px solid rgba(247,211,106,.18);isolation:isolate}.game-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%,rgba(0,0,0,.14));pointer-events:none}.game-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;transform:translateZ(0)scale(1.01);filter:saturate(1.08)contrast(1.05)brightness(1.03);transition:transform .42s ease,filter .34s ease;backface-visibility:hidden}.game-card-btn:hover .game-img{transform:scale(1.045);filter:saturate(1.14)contrast(1.07)brightness(1.05)}.game-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0}.game-name{font-family:Oxanium,Inter,sans-serif;font-size:18px;font-weight:900;color:#fff;line-height:1.15;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-count{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#c9c2b5;font-size:12px;font-weight:850}.game-count i{color:#f8c931}.game-view-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;border-radius:999px;background:linear-gradient(135deg,rgba(248,201,49,.24),rgba(185,137,25,.12));border:1px solid rgba(248,201,49,.30);color:#ffe58a;font-size:12px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.game-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:18px}.game-modal.show{display:flex}.game-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.game-modal-box{position:relative;width:min(1020px,100%);max-height:min(86vh,840px);overflow:auto;overscroll-behavior:contain;border-radius:30px;border:1px solid rgba(248,201,49,.25);background:radial-gradient(circle at 12% 0%,rgba(248,201,49,.15),transparent 19rem),radial-gradient(circle at 88% 22%,rgba(0,255,255,.045),transparent 18rem),linear-gradient(180deg,rgba(17,18,22,.98),rgba(5,6,8,.99));box-shadow:0 34px 100px rgba(0,0,0,.70),inset 0 1px 0 rgba(255,255,255,.06)}.game-modal-head{position:sticky;top:0;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px;border-bottom:1px solid rgba(248,201,49,.16);background:rgba(7,8,10,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.game-modal-kicker{display:inline-flex;color:#f8c931;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.game-modal-head h3{font-family:Oxanium,Inter,sans-serif;font-size:28px;line-height:1.1;color:#fff;margin:0 0 5px}.game-modal-head p{color:#aaa394;font-size:13px;font-weight:850;margin:0}.game-modal-close{width:48px;height:48px;border-radius:16px;border:1px solid rgba(248,201,49,.22);background:rgba(248,201,49,.08);color:#ffe58a;cursor:pointer;flex:0 0 auto;transition:transform .2s ease,background .2s ease,border-color .2s ease}.game-modal-close:hover{transform:translateY(-1px);background:rgba(248,201,49,.13);border-color:rgba(248,201,49,.34)}.game-modal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px}.game-brand-card{min-width:0;border-radius:22px;border:1px solid rgba(248,201,49,.16);background:radial-gradient(circle at 22% 0%,rgba(248,201,49,.11),transparent 13rem),linear-gradient(180deg,rgba(18,22,30,.98),rgba(8,9,12,.99));overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;transform:translateZ(0);backface-visibility:hidden}.game-brand-card:hover{transform:translateY(-4px);border-color:rgba(248,201,49,.36);box-shadow:0 22px 48px rgba(0,0,0,.48),0 0 0 1px rgba(248,201,49,.08)}.game-brand-img-box{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;display:block;isolation:isolate;background:radial-gradient(circle at 50% 20%,rgba(248,201,49,.13),rgba(248,201,49,.035)55%,rgba(5,8,14,.98));border-bottom:1px solid rgba(248,201,49,.12)}.game-brand-img-box::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%,rgba(0,0,0,.16))}.game-brand-img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;transform:translateZ(0)scale(1.01);transition:transform .46s ease,filter .34s ease;filter:saturate(1.09)contrast(1.05)brightness(1.035);backface-visibility:hidden}.game-brand-card:hover .game-brand-img{transform:scale(1.045);filter:saturate(1.15)contrast(1.07)brightness(1.05)}.game-brand-body{padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0))}.game-brand-name{font-size:14px;font-weight:950;color:#fff;line-height:1.25;overflow-wrap:anywhere}.game-brand-price{font-size:11px;font-weight:850;color:rgba(255,255,255,.80);line-height:1.3}.game-brand-platform{display:inline-flex;min-height:24px;align-items:center;justify-content:center;border-radius:999px;padding:0 9px;font-size:9px;font-weight:950;background:rgba(248,201,49,.13);border:1px solid rgba(248,201,49,.20);color:#ffe58a;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.game-brand-platform.android{background:linear-gradient(135deg,#b8f3c8,#6ddc8d);color:#14311e}.game-brand-platform.ios{background:linear-gradient(135deg,#c7ecff,#7cc7ff);color:#0b2a45}.game-brand-platform.account{background:linear-gradient(135deg,#f8d66d,#b88718);color:#14100a}.game-brand-platform.pc{background:linear-gradient(135deg,#d6d3ff,#8b5cf6);color:#160f37}.game-buy-btn,.game-maintenance-badge{width:100%;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;font-size:12px;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 22px rgba(0,0,0,.24)}.game-buy-btn{background:linear-gradient(135deg,#ffd84d,#f8c931 46%,#dca313);color:#0a0c10}.game-maintenance-badge{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.22);color:#fecaca}.game-modal-empty{grid-column:1/-1;padding:34px 18px;text-align:center;color:#aaa394;font-weight:850;border:1px dashed rgba(248,201,49,.20);border-radius:22px;background:rgba(248,201,49,.04)}@media(max-width:1024px){.game-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.game-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.game-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-card-btn{border-radius:18px;padding:10px;gap:9px}.game-card-btn:hover{transform:translateY(-2px)}.game-img-wrap{border-radius:15px}.game-name{font-size:14px}.game-count{font-size:10px}.game-view-badge{min-height:30px;font-size:10px;padding:0 10px}.game-modal{padding:10px;align-items:flex-start;padding-top:62px}.game-modal-box{width:100%;max-height:calc(100vh - 82px);border-radius:24px}.game-modal-head{padding:16px}.game-modal-head h3{font-size:22px}.game-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.game-brand-card{border-radius:18px}.game-brand-card:hover{transform:translateY(-2px)}.game-brand-body{padding:10px;gap:6px}.game-brand-name{font-size:12px}.game-brand-price{font-size:9px}.game-buy-btn,.game-maintenance-badge{min-height:30px;font-size:10px}}@media(max-width:420px){.game-modal-grid{gap:8px;padding:10px}.game-brand-body{padding:9px 8px}.game-buy-btn,.game-maintenance-badge{font-size:9px}}.flash-sale-wrapper{overflow:hidden!important}.flash-card{display:grid!important;grid-template-columns:minmax(128px,38%)minmax(0,62%)!important;align-items:stretch!important;padding:0!important;overflow:hidden!important;isolation:isolate!important;border-radius:28px!important}.flash-img-wrap{position:relative!important;width:100%!important;height:auto!important;min-height:100%!important;align-self:stretch!important;overflow:hidden!important;border-radius:0!important;background:#07090e!important}.flash-img-wrap img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;display:block!important;border-radius:0!important}.flash-img-wrap::after{inset:0!important;border-radius:0!important}.flash-info{min-width:0!important;overflow:hidden!important}@media(max-width:768px){.flash-card{grid-template-columns:37% 63%!important;min-height:170px!important;border-radius:22px!important}.flash-img-wrap{min-height:170px!important;border-radius:0!important}.flash-img-wrap img{object-fit:cover!important;object-position:center center!important}.flash-info{padding:15px 12px!important;gap:7px!important}.flash-discount{top:10px!important;left:10px!important;font-size:11px!important;padding:7px 9px!important}}@media(max-width:420px){.flash-card{grid-template-columns:36% 64%!important;min-height:160px!important}.flash-img-wrap{min-height:160px!important}.flash-info{padding:13px 11px!important}}.game-browser-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px;align-items:stretch}.game-card,.brand-grid>.brand-card,.game-modal-grid>.game-brand-card{min-width:0}.game-card-btn,.brand-card,.game-brand-card{height:100%;display:flex;flex-direction:column}.game-card-btn{align-items:stretch}.game-body,.brand-body,.game-brand-body{flex:1;width:100%}.game-body{justify-content:flex-start}.brand-grid,.game-modal-grid{align-items:stretch;grid-auto-rows:1fr}.brand-name,.game-brand-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.6em}.brand-name{-webkit-line-clamp:2}.game-brand-name{-webkit-line-clamp:2;min-height:2.7em}.game-name{min-height:2.45em;display:flex;align-items:center;justify-content:center;text-align:center}.game-count{width:100%;min-height:2.9em;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;gap:6px;line-height:1.25}.game-count i{flex:0 0 auto}.game-view-badge{width:100%;margin-top:auto;text-align:center;line-height:1.15}.brand-price-range,.game-brand-price{min-height:2.7em;display:flex;align-items:center;justify-content:center;text-align:center}.btn-view,.game-buy-btn,.game-maintenance-badge{margin-top:auto}.brand-safety-badge{top:10px;left:10px;max-width:calc(100% - 20px);min-height:30px;padding:0 11px;border-radius:999px;font-size:10px;letter-spacing:.03em;color:#07110a;background:linear-gradient(135deg,#bbf7d0,#22c55e);border:1px solid rgba(34,197,94,.58);box-shadow:0 12px 28px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.38);overflow:hidden;align-items:center}.brand-safety-badge i{font-size:.95em}.brand-safety-badge.safe{background:linear-gradient(135deg,#bbf7d0,#22c55e);border-color:rgba(34,197,94,.58);color:#07110a}.brand-safety-badge.risk{white-space:normal!important;text-align:center;line-height:1.08;justify-content:center;align-items:center;min-height:34px;padding:4px 8px;max-width:calc(100% - 16px);border-radius:16px;font-size:9px;letter-spacing:.01em;background:linear-gradient(135deg,#fde68a,#f59e0b);border:1px solid rgba(245,158,11,.62);color:#1f1300}.brand-safety-badge.risk i{margin-right:2px;flex:0 0 auto}.brand-safety-badge.maintenance{background:linear-gradient(135deg,#ff8c8c,#dc2626)!important;border:1px solid rgba(220,38,38,.72)!important;color:#fff6f6!important;box-shadow:0 14px 30px rgba(127,29,29,.38),inset 0 1px 0 rgba(255,255,255,.18)!important}.game-modal{padding:16px}.game-modal-box{width:min(1100px,100%);max-height:min(88vh,900px);overflow:auto;padding-bottom:4px}.game-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px;padding:20px 20px 92px}.game-brand-card{overflow:hidden}.game-brand-img-box,.brand-img-box{overflow:hidden}.trust-stats-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:18px 0 16px!important;padding:10px!important;border-radius:32px!important;border:1px solid rgba(248,201,49,.46)!important;background:radial-gradient(circle at 0% 50%,rgba(248,201,49,.14),transparent 24%),radial-gradient(circle at 100% 50%,rgba(248,201,49,.14),transparent 24%),linear-gradient(180deg,rgba(8,8,9,.94),rgba(2,3,5,.985))!important;box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(248,201,49,.08),0 0 0 3px rgba(248,201,49,.06)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;position:relative;isolation:isolate}.trust-stats-strip::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%,rgba(255,255,255,.01)100%),radial-gradient(circle at 50% -20%,rgba(255,255,255,.04),transparent 38%);opacity:1}.trust-stats-strip::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.trust-stat-item{position:relative;z-index:1;min-width:0;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding:22px 14px 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.trust-stat-item:not(:last-child)::after{content:"";position:absolute;right:0;top:16%;bottom:16%;width:1px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.82)18%,rgba(255,255,255,.82)82%,rgba(255,255,255,0));opacity:.92}.trust-stat-icon{width:52px!important;height:52px!important;margin:0 0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(248,201,49,.07),rgba(248,201,49,.018))!important;border:1px solid rgba(248,201,49,.07)!important;color:#f8c931!important;box-shadow:0 0 18px rgba(248,201,49,.12)!important;font-size:30px!important;line-height:1!important}.trust-stat-item strong{font-family:Oxanium,Inter,sans-serif!important;font-size:clamp(26px,2.35vw,50px)!important;font-weight:950!important;line-height:.96!important;letter-spacing:-.025em!important;color:#fff!important;margin:0!important;text-shadow:0 0 22px rgba(248,201,49,.06),0 6px 18px rgba(0,0,0,.22)!important;width:100%!important;white-space:nowrap}.trust-stat-item span{display:block!important;width:100%!important;margin:0!important;font-size:clamp(14px,1.05vw,21px)!important;line-height:1.04!important;font-weight:500!important;color:rgba(231,236,255,.82)!important;letter-spacing:-.01em!important}.trust-stat-separator{display:none!important}@media(max-width:1200px){.game-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:1024px){.game-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}.game-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.trust-stats-strip{padding:8px!important;border-radius:28px!important}.trust-stat-item{padding:18px 10px 16px!important}.trust-stat-icon{width:46px!important;height:46px!important;font-size:26px!important;margin-bottom:8px!important}.trust-stat-item strong{font-size:clamp(22px,3.2vw,32px)!important}.trust-stat-item span{font-size:clamp(12px,1.65vw,15px)!important}}@media(max-width:768px){.game-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}.game-card-btn{padding:10px;gap:8px;border-radius:18px}.game-name{min-height:2.55em;font-size:12px;line-height:1.18}.game-count{min-height:2.95em;font-size:9px;gap:4px}.game-view-badge{min-height:30px;padding:0 8px;font-size:9px}.game-modal{padding:8px;padding-top:56px;align-items:flex-start}.game-modal-box{max-height:calc(100vh - 72px);border-radius:24px}.game-modal-head{padding:15px 14px;gap:10px}.game-modal-head h3{font-size:20px}.game-modal-head p{font-size:11px}.game-modal-close{width:42px;height:42px;border-radius:14px}.game-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px;padding:12px 12px 108px}.game-brand-card{border-radius:16px}.game-brand-body{padding:9px 8px 10px;gap:6px}.game-brand-platform{min-height:22px;padding:0 8px;font-size:8px}.game-brand-name{font-size:11px;min-height:2.7em}.game-brand-price{font-size:8px;min-height:2.8em}.game-buy-btn,.game-maintenance-badge{min-height:28px;font-size:9px;padding:0 8px}.brand-safety-badge{top:6px;left:6px;max-width:calc(100% - 12px);min-height:20px;padding:0 6px;gap:3px;font-size:6.4px;letter-spacing:0}.brand-safety-badge.risk{min-height:25px;padding:2px 5px;font-size:6.2px;border-radius:12px;max-width:calc(100% - 12px)}.trust-stats-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:4px!important;margin:14px 0 12px!important;border-radius:22px!important}.trust-stat-item{padding:12px 5px 10px!important;gap:3px!important}.trust-stat-item:not(:last-child)::after{top:17%;bottom:17%}.trust-stat-icon{width:30px!important;height:30px!important;font-size:17px!important;margin-bottom:4px!important;border-radius:10px!important}.trust-stat-item strong{font-size:clamp(12px,4.1vw,18px)!important;letter-spacing:-.03em!important}.trust-stat-item span{font-size:clamp(8px,2.15vw,10px)!important;line-height:1.05!important}.purch-notif{right:12px!important;bottom:78px!important;width:min(82vw,292px)!important}}@media(max-width:420px){.game-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px}.game-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px;padding:10px 10px 112px}.game-brand-name{font-size:10px}.game-brand-price{font-size:7.7px}.game-buy-btn,.game-maintenance-badge{font-size:8.5px}.brand-safety-badge.risk{font-size:6.1px;line-height:1.02}}.search-results-block{scroll-margin-top:110px}.search-results-block .brand-grid{margin-top:10px}.brand-game-list{display:flex;align-items:center;justify-content:center;gap:5px;min-height:2.35em;padding:0 4px;color:rgba(248,201,49,.82);font-size:10px;font-weight:850;line-height:1.18;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.brand-game-list i{font-size:10px;margin-right:3px;color:#f8c931}.search-empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(248,201,49,.16)}.search-empty-state i{font-size:34px;color:#f8c931}.search-empty-state p{margin:0;color:#f6f0e6;font-weight:800;text-align:center}@media(max-width:768px){.brand-game-list{font-size:7.8px;line-height:1.12;min-height:2.55em}.search-results-block .section-badge{font-size:10px}}.product-search-container.search-smart-wrap{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;max-width:100%!important}.product-search-container.search-smart-wrap #product-search-form{width:100%!important;flex:0 0 auto!important}.product-search-container.search-smart-wrap .quick-filter-strip{flex:0 0 auto!important;margin-top:12px!important}.quick-filter-strip{width:100%;margin:12px 0 0;display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.quick-filter-strip::-webkit-scrollbar{display:none}.quick-filter-chip{flex:0 0 auto;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:18px;border:1px solid rgba(249,197,49,.20);background:linear-gradient(180deg,rgba(14,18,26,.96),rgba(9,12,18,.96));color:#d8deea;font-size:14px;font-weight:900;text-decoration:none;letter-spacing:.01em;box-shadow:0 12px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03)}.quick-filter-chip i{color:#f9c531;font-size:14px}.quick-filter-chip:hover,.quick-filter-chip.active{border-color:rgba(249,197,49,.55);background:linear-gradient(135deg,#ffe27a,#f1c334 58%,#dca712);color:#11151d;transform:translateY(-1px);box-shadow:0 16px 30px rgba(249,197,49,.20),inset 0 1px 0 rgba(255,255,255,.30)}.quick-filter-chip:hover i,.quick-filter-chip.active i{color:#11151d}.quick-filter-chip.android.active,.quick-filter-chip.android:hover{background:linear-gradient(135deg,#b8f3c8,#6ddc8d);color:#14311e;border-color:rgba(109,220,141,.50)}.quick-filter-chip.ios.active,.quick-filter-chip.ios:hover{background:linear-gradient(135deg,#c7ecff,#7cc7ff);color:#0b2a45;border-color:rgba(124,199,255,.50)}.quick-filter-chip.pc.active,.quick-filter-chip.pc:hover{background:linear-gradient(135deg,#d6d3ff,#8b5cf6);color:#160f37;border-color:rgba(139,92,246,.50)}.quick-filter-chip.account.active,.quick-filter-chip.account:hover{background:linear-gradient(135deg,#f8d66d,#b88718);color:#14100a;border-color:rgba(248,214,109,.50)}.quick-filter-chip.safe.active,.quick-filter-chip.safe:hover{background:linear-gradient(135deg,#bbf7d0,#22c55e);color:#092516;border-color:rgba(34,197,94,.55)}.quick-filter-chip.risk.active,.quick-filter-chip.risk:hover{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#1f1300;border-color:rgba(245,158,11,.60)}.quick-filter-chip.maintenance.active,.quick-filter-chip.maintenance:hover{background:linear-gradient(135deg,#fecaca,#ef4444);color:#2a0808;border-color:rgba(239,68,68,.60)}@media(max-width:768px){.quick-filter-strip{gap:8px;margin-top:10px;padding-bottom:6px}.quick-filter-chip{min-height:42px;padding:0 14px;border-radius:16px;font-size:12px;gap:7px}.quick-filter-chip i{font-size:12px}}:root{--cgo-bg:#070806;--cgo-gold:#f8c931;--cgo-line:rgba(248,201,49,.24);--cgo-text:#fff7e6;--cgo-muted:#b9b4a7;--cgo-neo:14px 14px 34px rgba(0,0,0,.38),-8px -8px 22px rgba(255,255,255,.024),inset 1px 1px 0 rgba(255,255,255,.07);--cgo-in:inset 7px 7px 18px rgba(0,0,0,.34),inset -5px -5px 14px rgba(255,255,255,.025)}html{background:var(--cgo-bg)!important}body{background:#070806!important;background-image:radial-gradient(circle at 14% -8%,rgba(248,201,49,.16),transparent 30rem),radial-gradient(circle at 96% 8%,rgba(255,255,255,.055),transparent 25rem),linear-gradient(180deg,#101109 0%,#060705 52%,#101007 100%)!important;background-attachment:fixed!important;color:var(--cgo-text)!important}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);background-size:52px 52px;opacity:.32}.container{max-width:1260px!important;padding-left:clamp(14px,2.6vw,24px)!important;padding-right:clamp(14px,2.6vw,24px)!important}.site-header{background:linear-gradient(180deg,rgba(9,10,7,.92),rgba(9,10,7,.72))!important;border-bottom:1px solid rgba(248,201,49,.12)!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important}.section-block,.product-search-container.search-smart-wrap #product-search-form,.trust-stats-strip,.game-card-btn,.brand-card,.game-brand-card,.game-modal-box,.choice-card,.login-glass-card,.help-popup{background:linear-gradient(145deg,rgba(255,255,255,.062),rgba(255,255,255,.020) 36%,rgba(7,8,6,.88))!important;border:1px solid var(--cgo-line)!important;box-shadow:var(--cgo-neo)!important;backdrop-filter:blur(8px) saturate(1.08);-webkit-backdrop-filter:blur(8px) saturate(1.08)}.section-block{position:relative;border-radius:30px!important;padding:clamp(16px,2.2vw,24px)!important;margin:22px 0!important;overflow:hidden}.section-block::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 0%,rgba(248,201,49,.15),transparent 18rem),linear-gradient(180deg,rgba(255,255,255,.045),transparent 38%)}.section-block>*{position:relative;z-index:1}.section-row{align-items:center!important;margin-bottom:18px!important}.section-title{gap:12px!important;color:#fff!important;font-size:clamp(22px,2.4vw,34px)!important;font-weight:950!important;letter-spacing:-.02em!important}.ttl-accent{color:var(--cgo-gold)!important}.section-title-bar{width:8px!important;height:40px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffe47b,#d49a1b)!important;box-shadow:0 0 20px rgba(248,201,49,.32)!important}.product-search-container.search-smart-wrap #product-search-form{border-radius:28px!important;padding:14px!important;gap:14px!important}.product-search-container input,#product-search-form input{min-height:56px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(3,4,7,.88),rgba(14,16,22,.72))!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:var(--cgo-in)!important}.product-search-container button,#product-search-form button{min-height:56px!important;border-radius:20px!important;background:linear-gradient(145deg,#ffe177,#efbc22 55%,#c98d14)!important;color:#10100a!important;font-weight:950!important}.quick-filter-chip{min-height:44px!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;color:#f3efe3!important}.quick-filter-chip.active,.quick-filter-chip:hover{background:linear-gradient(145deg,#ffe47b,#eab421)!important;color:#10100a!important}.trust-stats-strip{border-radius:30px!important;padding:8px!important;margin:18px 0!important}.trust-stat-icon{background:linear-gradient(145deg,#ffe177,#c78d18)!important;color:#131107!important}.game-card-btn,.brand-card,.game-brand-card{border-radius:24px!important;transition:transform .20s ease,border-color .20s ease,box-shadow .20s ease!important}.game-card-btn:hover,.brand-card:hover,.game-brand-card:hover{transform:translateY(-3px)!important;border-color:rgba(248,201,49,.40)!important}.game-img-wrap,.brand-img-box,.game-brand-img-box{border-color:rgba(248,201,49,.16)!important;background:linear-gradient(145deg,rgba(248,201,49,.075),rgba(255,255,255,.026))!important;box-shadow:var(--cgo-in)!important}.game-name,.brand-name,.game-brand-name{color:#fff!important}.game-count,.brand-price-range,.game-brand-price{color:var(--cgo-muted)!important}.game-view-badge,.btn-view,.game-buy-btn{background:linear-gradient(145deg,rgba(248,201,49,.22),rgba(255,255,255,.055))!important;color:#ffe177!important;border:1px solid rgba(248,201,49,.25)!important}@media(max-width:768px){body{background-attachment:scroll!important}body::before{opacity:.18;background-size:42px 42px}.section-block{border-radius:24px!important;margin:16px 0!important;padding:14px!important}.section-title{font-size:24px!important}.section-block,.product-search-container.search-smart-wrap #product-search-form,.trust-stats-strip,.game-card-btn,.brand-card,.game-brand-card,.game-modal-box,.choice-card,.login-glass-card,.help-popup{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 12px 26px rgba(0,0,0,.34),inset 1px 1px 0 rgba(255,255,255,.055)!important}.product-search-container.search-smart-wrap #product-search-form{padding:10px!important;border-radius:24px!important}.product-search-container input,#product-search-form input,.product-search-container button,#product-search-form button{min-height:50px!important;border-radius:18px!important}.trust-stats-strip{border-radius:24px!important;padding:4px!important}.game-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.game-card-btn{border-radius:19px!important;padding:10px 8px!important;gap:8px!important}.game-card-btn:hover,.brand-card:hover,.game-brand-card:hover{transform:none!important}.game-name{font-size:12px!important;line-height:1.18!important}.game-count{font-size:9px!important;min-height:auto!important}.game-view-badge{min-height:30px!important;padding:0 7px!important;border-radius:14px!important;font-size:9.5px!important;gap:4px!important}}@media(max-width:390px){.game-browser-grid{gap:8px!important}.game-card-btn{padding:9px 7px!important}.game-view-badge{font-size:9px!important;padding:0 6px!important}}
.cgo-account-modal{position:fixed;inset:0;z-index:3400;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cgo-account-modal.show{display:flex}.cgo-account-card{position:relative;width:min(92vw,458px);padding:20px;border-radius:30px;color:#fff;background:radial-gradient(circle at 12% 0%,rgba(255,210,82,.12),transparent 12rem),linear-gradient(180deg,rgba(13,16,22,.985),rgba(5,7,10,.995));border:1px solid rgba(255,210,82,.18);box-shadow:0 28px 88px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.055)}.cgo-account-card:before{content:"";position:absolute;inset:1px;border-radius:29px;pointer-events:none;background:linear-gradient(135deg,rgba(255,210,82,.10),transparent 34%,rgba(255,255,255,.025));opacity:.8}.cgo-account-card>*{position:relative;z-index:1}.cgo-account-close{position:relative;display:flex;align-items:center;justify-content:center;width:124px;min-width:124px;height:40px;margin:2px auto 14px;border:1px solid rgba(248,113,113,.46);border-radius:999px;background:linear-gradient(180deg,rgba(127,29,29,.34),rgba(69,10,10,.22));color:#ff8c8c;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05);z-index:3}.cgo-account-close span{font-size:11px;font-weight:950;letter-spacing:.18em;line-height:1}.cgo-account-head{display:block;padding-right:0;margin-bottom:16px}.cgo-account-info-box{width:min(100%,392px);margin:0 auto;min-width:0;display:block;padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.016));border:1px solid rgba(255,210,82,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.14);align-items:start}.cgo-account-detail-stack{min-width:0;display:grid;gap:0}.cgo-account-row,.cgo-balance-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;min-width:0;padding:10px 0}.cgo-account-detail-stack>.cgo-account-row,.cgo-account-detail-stack>.cgo-balance-box{border-bottom:1px solid rgba(255,255,255,.055)}.cgo-account-detail-stack>.cgo-account-row:first-child{padding-top:0}.cgo-account-detail-stack>.cgo-account-row:last-child{padding-bottom:0;border-bottom:0}.cgo-balance-box{padding:0;margin:0;background:transparent;border:0;box-shadow:none}.cgo-account-label,.cgo-balance-label{color:#ffd85c;font-size:10px;font-weight:950;letter-spacing:.135em;text-transform:uppercase;line-height:1.15}.cgo-account-value{margin:0;color:#f8fafc;font-size:14px;font-weight:760;line-height:1.32;word-break:break-word}.cgo-account-value.is-name{font-size:20px;font-weight:950;line-height:1.08;color:#ffffff;letter-spacing:-.02em}.cgo-account-value.is-email{color:rgba(226,232,240,.78);font-weight:650;font-size:13.5px}.cgo-account-value.is-role{color:#fff4d4;font-weight:900}.cgo-balance-value{color:#22c55e;font-size:24px;font-weight:950;letter-spacing:-.035em;line-height:1.05;text-shadow:0 0 18px rgba(34,197,94,.16)}.cgo-account-value.is-email[data-hidden='1'],.cgo-balance-value[data-hidden='1']{letter-spacing:.12em;color:rgba(226,232,240,.55)!important;text-shadow:none!important}.cgo-status-online{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;color:#bbf7d0;background:linear-gradient(180deg,rgba(34,197,94,.16),rgba(34,197,94,.08));border:1px solid rgba(74,222,128,.24);font-size:12px;font-weight:900;line-height:1}.cgo-status-online i{color:#22c55e;font-size:13px}.cgo-account-actions{width:min(100%,392px);margin:0 auto;display:grid;grid-template-columns:1fr;gap:10px}.cgo-account-btn{min-height:52px;border:1px solid transparent;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer;letter-spacing:-.01em}.cgo-account-btn.full{color:#0b0d0b;background:linear-gradient(135deg,#ffe77a,#f59e0b);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 28px rgba(245,158,11,.13)}.cgo-account-btn.primary{color:#d1fae5;background:linear-gradient(180deg,rgba(34,197,94,.14),rgba(34,197,94,.08));border-color:rgba(34,197,94,.24)}.cgo-account-btn.logout{color:#fee2e2;background:linear-gradient(180deg,rgba(239,68,68,.12),rgba(239,68,68,.075));border-color:rgba(248,113,113,.20)}@media(max-width:420px){.cgo-account-card{padding:18px;border-radius:24px;width:min(94vw,390px)}.cgo-account-card:before{border-radius:23px}.cgo-account-close{width:110px;min-width:110px;height:38px;margin:0 auto 12px;border-radius:999px}.cgo-account-close span{font-size:10px;letter-spacing:.16em}.cgo-account-head{padding-right:0}.cgo-account-info-box{width:100%;padding:13px 14px;border-radius:18px}.cgo-account-row,.cgo-balance-row{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:9px 0}.cgo-account-label,.cgo-balance-label{font-size:9px;letter-spacing:.115em}.cgo-account-value{font-size:13px}.cgo-account-value.is-name{font-size:17px}.cgo-account-value.is-email{font-size:12.8px}.cgo-balance-value{font-size:20px}.cgo-status-online{font-size:11px;padding:6px 10px}.cgo-account-btn{min-height:50px;border-radius:17px}}
/* SEARCH TYPING PLACEHOLDER V1 */
#product-search-input.cgo-typing-placeholder::placeholder{
  color:rgba(255,226,122,.78)!important;
  text-shadow:0 0 10px rgba(249,197,49,.18);
}


/* SEARCH TYPING PLACEHOLDER V2 - mobile readable */
#product-search-input.cgo-typing-placeholder::placeholder{
  color:rgba(255,226,122,.92)!important;
  opacity:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-shadow:0 0 10px rgba(249,197,49,.24);
}
@media(max-width:520px){
  #product-search-input.cgo-typing-placeholder::placeholder{
    font-size:14px!important;
  }
}



.index-footer{width:100%!important;max-width:100%!important;overflow:hidden!important;padding:28px 0 92px!important;background:transparent!important;transform:none!important;} .index-footer,.index-footer *{box-sizing:border-box!important;} .index-footer-grid.container,.index-footer-grid{width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(16px,2.5vw,24px)!important;padding-right:clamp(16px,2.5vw,24px)!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;justify-items:center!important;transform:none!important;} .index-footer-card,.index-showcase-box{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;transform:none!important;left:auto!important;right:auto!important;} .index-footer-card{overflow:hidden!important;} .index-games-window{width:100%!important;max-width:100%!important;overflow:hidden!important;} .index-games-track,.index-payment-grid{width:100%!important;max-width:100%!important;margin:0!important;} .index-showcase-card{transform:none!important;} .index-footer-copy{width:100%!important;margin:22px auto 0!important;padding:8px 0!important;text-align:center!important;color:rgba(246,240,230,.78)!important;font-weight:900!important;letter-spacing:.01em!important;line-height:1.35!important;transform:none!important;} @media(max-width:640px){ .index-footer{padding-top:24px!important;padding-bottom:96px!important;} .index-footer-grid.container,.index-footer-grid{width:100%!important;max-width:100%!important;padding-left:18px!important;padding-right:18px!important;gap:18px!important;} .index-footer-card{padding:14px!important;border-radius:24px!important;} .index-showcase-box{padding:16px!important;border-radius:24px!important;} .index-payment-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;} .index-games-track{grid-auto-columns:calc((100% - 30px)/4)!important;} .index-footer-copy{font-size:14px!important;padding:8px 72px 8px 0!important;white-space:nowrap!important;} } @media(max-width:390px){ .index-footer-grid.container,.index-footer-grid{padding-left:14px!important;padding-right:14px!important;} .index-footer-card{padding:12px!important;} .index-showcase-box{padding:14px!important;} .index-footer-copy{font-size:13px!important;padding-right:58px!important;} } @media(max-width:340px){.index-footer-copy{white-space:normal!important;padding-right:0!important;}}  html:not(.cgo-loader-on) #site-loader{display:none!important}html.cgo-loader-on #site-loader{display:grid!important} #site-loader{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(248,201,49,.14),transparent 34%),linear-gradient(145deg,#020201,#070707 58%,#010101);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .78s ease,visibility .78s ease} #site-loader:before{content:"";position:absolute;inset:-25%;opacity:.10;background:linear-gradient(30deg,transparent 48%,rgba(248,201,49,.10) 49%,transparent 51%),linear-gradient(150deg,transparent 48%,rgba(248,201,49,.08) 49%,transparent 51%);background-size:100px 58px} #site-loader:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,223,116,.13),transparent);height:1px;top:47%;box-shadow:0 0 30px rgba(248,201,49,.45);opacity:.85;animation:cgoScan 2.8s ease-in-out infinite} #site-loader.hide{opacity:0;visibility:hidden;pointer-events:none}.cgo-shield-loader{position:relative;width:min(87vw,384px);min-height:438px;padding:48px 28px 34px;border-radius:36px;text-align:center;overflow:hidden;background:linear-gradient(145deg,rgba(30,28,18,.66),rgba(8,8,7,.56));border:1px solid rgba(248,201,49,.42);box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 42px rgba(248,201,49,.12),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 28px rgba(248,201,49,.04)} .cgo-shield-loader:before{content:"";position:absolute;left:17%;right:17%;top:0;height:1px;background:linear-gradient(90deg,transparent,#fff2a8,transparent);box-shadow:0 0 22px rgba(248,201,49,.75)}.cgo-shield-loader:after{content:"";position:absolute;inset:14px;border-radius:28px;border:1px solid rgba(255,222,111,.08);pointer-events:none} .cgo-lock-core{position:relative;width:236px;height:236px;margin:0 auto 25px;display:grid;place-items:center}.cgo-lock-core:before{content:"";position:absolute;width:164px;height:164px;border-radius:50%;background:radial-gradient(circle,rgba(248,201,49,.22),transparent 62%);filter:blur(2px);opacity:.9}.cgo-lock-core:after{content:"";position:absolute;width:128px;height:128px;border-radius:28px;border:1px solid rgba(248,201,49,.18);box-shadow:inset 0 0 22px rgba(248,201,49,.06),0 0 32px rgba(248,201,49,.10)}.cgo-lock{position:relative;width:112px;height:132px;z-index:3;filter:drop-shadow(0 0 18px rgba(248,201,49,.45))}.cgo-lock-shackle{position:absolute;left:22px;top:2px;width:68px;height:66px;border:8px solid #f8d34d;border-bottom:0;border-radius:46px 46px 0 0;transform-origin:86% 100%;transform:translate(-19px,5px) rotate(-32deg);box-shadow:0 0 14px rgba(248,201,49,.42),inset 0 0 10px rgba(255,255,255,.08);animation:cgoLockClose 1.55s cubic-bezier(.2,.8,.2,1) .15s forwards}.cgo-lock-body{position:absolute;left:6px;right:6px;bottom:0;height:78px;border-radius:20px 20px 24px 24px;background:linear-gradient(145deg,rgba(255,237,142,.96),#f8c931 45%,#8f640e);border:1px solid rgba(255,240,166,.66);box-shadow:inset 0 2px 8px rgba(255,255,255,.25),inset 0 -12px 20px rgba(0,0,0,.18),0 0 22px rgba(248,201,49,.28);animation:cgoLockBody 1.8s ease-in-out .35s forwards}.cgo-lock-hole{position:absolute;left:50%;top:23px;width:18px;height:18px;border-radius:50%;transform:translateX(-50%);background:#18130a;box-shadow:0 0 12px rgba(0,0,0,.45)}.cgo-lock-hole:after{content:"";position:absolute;left:50%;top:14px;width:8px;height:24px;border-radius:8px;transform:translateX(-50%);background:#18130a}.cgo-lock-flash{position:absolute;left:50%;top:68px;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%) scale(.4);background:#7dffbf;box-shadow:0 0 18px rgba(125,255,191,.85),0 0 42px rgba(125,255,191,.35);opacity:0;animation:cgoLockFlash 1.65s ease-out .45s forwards}.cgo-loader-title{margin:0;color:#f8c931;font-size:21px;font-weight:950;letter-spacing:5px;text-indent:5px;text-transform:uppercase;text-shadow:0 0 18px rgba(248,201,49,.50),0 0 34px rgba(248,201,49,.22)}.cgo-loader-sub{display:block;margin-top:12px;color:rgba(255,255,255,.78);font-size:15px;font-weight:720}.cgo-loader-bar{position:relative;width:min(82%,248px);height:10px;margin:18px auto 0;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,rgba(255,243,177,.08),rgba(248,201,49,.14));border:1px solid rgba(248,201,49,.20);box-shadow:inset 0 1px 1px rgba(255,255,255,.07),inset 0 0 18px rgba(248,201,49,.06),0 0 16px rgba(248,201,49,.08)}.cgo-loader-bar:before{content:"";position:absolute;inset:1px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.cgo-loader-bar i{position:absolute;top:1px;left:0;width:42%;height:calc(100% - 2px);border-radius:999px;background:linear-gradient(90deg,rgba(255,240,168,0),rgba(255,235,145,.72) 24%,#fff0a0 48%,#f8c931 62%,rgba(255,235,145,.72) 80%,rgba(255,240,168,0));box-shadow:0 0 16px rgba(248,201,49,.62),0 0 32px rgba(248,201,49,.20);animation:cgoBarFlow 1.8s cubic-bezier(.45,0,.2,1) infinite;will-change:transform,opacity}.cgo-loader-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px}.cgo-loader-dots span{width:6px;height:6px;border-radius:50%;background:rgba(248,201,49,.32);box-shadow:0 0 10px rgba(248,201,49,.26);animation:cgoDot 1.6s ease-in-out infinite}.cgo-loader-dots span:nth-child(2){animation-delay:.15s}.cgo-loader-dots span:nth-child(3){animation-delay:.3s}.cgo-loader-dots span:nth-child(4){animation-delay:.45s}.cgo-loader-dots span:nth-child(5){animation-delay:.6s}.cgo-loader-dots span:nth-child(6){animation-delay:.75s}.cgo-loader-dots span:nth-child(7){animation-delay:.9s} @keyframes cgoSpin{to{transform:rotate(360deg)}}@keyframes cgoSpinRev{to{transform:rotate(-360deg)}}@keyframes cgoShieldFloat{from{transform:translateY(2px) scale(.97);opacity:.93}to{transform:translateY(-2px) scale(1.03);opacity:1}}@keyframes cgoSvgPulse{from{transform:scale(.88);opacity:.78}to{transform:scale(1.16);opacity:1}}@keyframes cgoBarFlow{0%{transform:translate3d(-120%,0,0);opacity:.18}16%{opacity:.85}52%{opacity:1}100%{transform:translate3d(255%,0,0);opacity:.28}}@keyframes cgoLockClose{0%{transform:translate(-19px,5px) rotate(-32deg)}64%,100%{transform:translate(0,0) rotate(0)}}@keyframes cgoLockBody{0%,55%{filter:saturate(1)}70%{filter:saturate(1.15) brightness(1.12)}100%{filter:saturate(1)}}@keyframes cgoLockFlash{0%,42%{opacity:0;transform:translate(-50%,-50%) scale(.4)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}100%{opacity:.78;transform:translate(-50%,-50%) scale(1)}}@keyframes cgoDot{0%,100%{opacity:.32;transform:scale(.75)}45%{opacity:1;transform:scale(1.25)}}@keyframes cgoBgMove{to{transform:translate3d(100px,58px,0)}}@keyframes cgoScan{0%,100%{opacity:.18;transform:translateY(-54px)}50%{opacity:.88;transform:translateY(44px)}} @media(max-width:560px){.cgo-shield-loader{width:min(88vw,342px);min-height:396px;padding:42px 22px 30px;border-radius:34px}.cgo-shield-core{width:210px;height:210px;margin-bottom:23px}.cgo-lock-core{width:210px;height:210px}.cgo-lock{transform:scale(.92)}.cgo-loader-title{font-size:17px;letter-spacing:4px;text-indent:4px}.cgo-loader-sub{font-size:13px}.cgo-loader-bar{width:min(86%,224px);height:9px;margin-top:16px}.cgo-loader-dots{margin-top:20px}} @media(max-width:360px){.cgo-shield-loader{width:88vw;min-height:376px;padding:37px 18px 28px}.cgo-shield-core{width:194px;height:194px}.cgo-lock-core{width:194px;height:194px}.cgo-lock{transform:scale(.84)}.cgo-loader-title{font-size:15px;letter-spacing:3px;text-indent:3px}} @media(prefers-reduced-motion:reduce){#site-loader:before,#site-loader:after,.cgo-lock-shackle,.cgo-lock-body,.cgo-lock-flash,.cgo-loader-bar i,.cgo-loader-dots span{animation:none!important}} .cgo-bottom-nav{position:fixed;left:10px;right:10px;bottom:8px;z-index:1200;display:none;grid-template-columns:repeat(4,minmax(0,1fr));height:68px;padding:7px;background:linear-gradient(180deg,rgba(22,24,21,.96),rgba(6,8,7,.96));border:1px solid rgba(245,181,36,.28);border-radius:24px;box-shadow:0 -10px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.cgo-bottom-item{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:18px;color:rgba(241,245,249,.58);font-size:11px;font-weight:900;letter-spacing:-.02em;text-decoration:none;line-height:1;transition:transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}.cgo-bottom-item i{font-size:21px;line-height:1;color:currentColor}.cgo-bottom-item span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cgo-bottom-item.is-active{color:#ffb51f;background:linear-gradient(180deg,rgba(255,181,31,.18),rgba(255,181,31,.08));box-shadow:inset 0 0 0 1px rgba(255,181,31,.18)}.cgo-bottom-item:active{transform:scale(.96)}.cgo-bottom-dot{position:absolute;top:9px;right:29%;width:10px;height:10px;border-radius:999px;background:#22c55e;border:2px solid #15160f;box-shadow:0 0 0 0 rgba(34,197,94,.72),0 0 14px rgba(34,197,94,.55);animation:cgoNotifPulse 1.18s ease-in-out infinite}@keyframes cgoNotifPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,.72),0 0 14px rgba(34,197,94,.55)}55%{opacity:.62;transform:scale(1.18);box-shadow:0 0 0 8px rgba(34,197,94,0),0 0 22px rgba(34,197,94,.42)}100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(34,197,94,0),0 0 14px rgba(34,197,94,.55)}}.cgo-comingsoon-modal{position:fixed;inset:0;z-index:3300;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cgo-comingsoon-modal.show{display:flex}.cgo-comingsoon-card{position:relative;width:min(92vw,390px);padding:26px 22px 24px;border-radius:26px;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(22,24,21,.98),rgba(6,8,7,.98));border:1px solid rgba(255,181,31,.30);box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08)}.cgo-comingsoon-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer}.cgo-comingsoon-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:20px;display:grid;place-items:center;color:#0b0d0b;background:linear-gradient(135deg,#ffd86b,#ff9d00);box-shadow:0 12px 30px rgba(255,157,0,.25)}.cgo-comingsoon-icon i{font-size:25px}.cgo-comingsoon-card h3{margin:0 0 6px;font-size:21px;font-weight:900}.cgo-comingsoon-card p{margin:0;color:rgba(255,255,255,.68);font-size:13.5px;line-height:1.5}.help-popup{z-index:3300!important;background:linear-gradient(180deg,rgba(22,24,21,.98),rgba(6,8,7,.98))!important;border:1px solid rgba(255,181,31,.28)!important;box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;color:#fff!important}.help-popup h4{color:#ffd86b!important}.help-popup p{color:rgba(255,255,255,.68)!important}.help-popup-btns a{min-height:42px;border-radius:15px!important;font-weight:900!important}.side-menu #sideHelpBtn i{background:linear-gradient(135deg,#0ea5e9,#22c55e)!important}.side-overlay{z-index:2500!important;background:rgba(0,0,0,.50)!important;backdrop-filter:blur(5px)!important}.side-menu{z-index:2501!important}@media(max-width:768px){body{padding-bottom:88px!important}body.sidebar-open .cgo-bottom-nav{opacity:0!important;transform:translateY(110%)!important;pointer-events:none!important}.cgo-bottom-nav{display:grid!important}.purch-notif{bottom:92px!important}.help-popup{left:14px!important;right:14px!important;bottom:92px!important;min-width:0!important;width:auto!important;border-radius:22px!important}.side-menu{top:12px!important;right:-105%!important;bottom:12px!important;height:auto!important;width:calc(100% - 24px)!important;max-width:390px!important;padding:0!important;border-radius:24px!important;background:radial-gradient(circle at 18% 0%,rgba(255,181,31,.18),transparent 13rem),linear-gradient(180deg,rgba(22,24,21,.96),rgba(7,8,7,.96))!important;border:1px solid rgba(255,181,31,.42)!important;box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(16px) saturate(145%)!important;-webkit-backdrop-filter:blur(16px) saturate(145%)!important;overflow-y:auto!important}.side-menu.active{right:12px!important}.side-head{min-height:82px!important;padding:14px 106px 14px 14px!important;border-bottom:1px solid rgba(255,181,31,.22)!important;background:linear-gradient(180deg,rgba(255,181,31,.07),rgba(255,255,255,.02))!important}.side-menu-close{top:22px!important;right:16px!important;left:auto!important;transform:none!important;width:auto!important;min-width:84px!important;height:40px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,181,31,.20),rgba(255,181,31,.08))!important;border:1px solid rgba(255,181,31,.54)!important;color:#ffe6a3!important;box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important}.side-menu-close span{font-size:11px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important;line-height:1!important}.side-body{padding:12px 14px 18px!important}.side-menu ul{padding:0!important;margin:0!important;display:grid!important;gap:8px!important}.side-menu ul li a{min-height:50px!important;padding:0 12px!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;border:1px solid rgba(255,181,31,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;color:#f7f2e6!important;font-size:14px!important;font-weight:900!important;letter-spacing:-.02em!important}.side-menu ul li a i{width:38px!important;height:38px!important;border-radius:14px!important;color:#15110a!important;background:linear-gradient(135deg,#ffe07a,#d79600)!important;box-shadow:0 10px 20px rgba(0,0,0,.22)!important}.side-menu ul li a:hover,.side-menu ul li a:active{background:linear-gradient(180deg,rgba(255,181,31,.13),rgba(255,181,31,.05))!important;border-color:rgba(255,181,31,.42)!important;color:#fff!important}.side-menu .brand-mark{width:58px!important;height:58px!important}.side-menu .brand-wrap{gap:10px!important;max-width:100%!important}.side-menu .brand-copy{min-width:0!important}.side-menu .brand-line.top{font-size:15px!important;color:#ffca3a!important;text-shadow:0 2px 0 rgba(79,48,0,.85),0 8px 18px rgba(0,0,0,.28)!important}.side-menu .brand-line.bottom{font-size:21px!important;color:#fff!important;text-shadow:0 2px 0 rgba(43,43,43,.85),0 8px 18px rgba(0,0,0,.30)!important}}@media(max-width:380px){.cgo-bottom-nav{left:8px;right:8px;height:64px;border-radius:22px}.cgo-bottom-item{font-size:10px}.cgo-bottom-item i{font-size:20px}.side-menu{width:calc(100% - 18px)!important}.side-menu.active{right:9px!important}.side-menu ul li a{font-size:13px!important}}@media(min-width:769px){.cgo-bottom-nav{display:none!important}}

.cgo-price-switch-box{width:min(100%,392px);margin:0 auto 12px;padding:12px;border-radius:20px;background:linear-gradient(180deg,rgba(255,216,92,.075),rgba(255,255,255,.025));border:1px solid rgba(255,216,92,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.14)}
.cgo-price-switch-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#ffe178;text-transform:uppercase;font-weight:950;letter-spacing:.13em;font-size:11px}.cgo-price-switch-head span{display:inline-flex;align-items:center;gap:9px}.cgo-price-switch-head em{font-style:normal;color:rgba(255,248,223,.68);letter-spacing:.06em}
.cgo-price-switch-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cgo-switch-currency{height:48px;border-radius:16px;border:1px solid rgba(255,216,92,.22);background:rgba(0,0,0,.22);color:#fff8df;font-weight:950;font-size:14px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.cgo-switch-currency.active{background:linear-gradient(135deg,#ffe77a,#f59e0b);border-color:rgba(255,216,92,.55);color:#0b0d0b;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 12px 26px rgba(245,158,11,.12)}
@media(max-width:420px){.cgo-price-switch-box{width:100%;padding:11px;border-radius:18px}.cgo-price-switch-head{font-size:10px}.cgo-switch-currency{height:44px;border-radius:14px;font-size:13px}}


body.game-modal-open .cgo-bottom-nav,
body.game-modal-open .purchase-toast,
body.game-modal-open .live-purchase-toast,
body.game-modal-open .toast-notification,
body.game-modal-open .notification-toast,
body.game-modal-open .cgo-live-toast{display:none!important;opacity:0!important;pointer-events:none!important}
.game-modal.show{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;overflow:hidden!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.game-modal-box{width:min(94vw,900px)!important;max-height:86dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(12,15,21,.98),rgba(3,5,7,.98))!important;border:1px solid rgba(225,177,57,.42)!important;box-shadow:0 26px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)!important}
.game-modal-head{position:relative!important;flex:0 0 auto!important;padding:20px 25px 18px!important;border-bottom:1px solid rgba(225,177,57,.26)!important;background:radial-gradient(circle at 15% 0%,rgba(255,206,78,.08),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005))!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important}
.game-modal-kicker{font-size:13px!important;letter-spacing:.20em!important;color:#ffd24d!important;font-weight:950!important;text-transform:uppercase!important;line-height:1!important;margin:0!important;text-shadow:0 5px 14px rgba(0,0,0,.35)!important}
.game-modal-head h3{font-family:'Oxanium','Inter',sans-serif!important;font-size:clamp(29px,6vw,48px)!important;font-weight:900!important;letter-spacing:.025em!important;line-height:.98!important;margin:12px 0 8px!important;color:#fff!important;text-transform:uppercase!important;text-shadow:0 8px 22px rgba(0,0,0,.35)!important}
.game-modal-head p{font-size:15px!important;font-weight:900!important;color:rgba(255,255,255,.65)!important;margin:0!important;line-height:1.2!important}
.game-modal-close{width:60px!important;height:60px!important;flex:0 0 60px!important;border-radius:21px!important;border:1px solid rgba(255,210,77,.32)!important;background:linear-gradient(145deg,rgba(255,210,77,.10),rgba(255,255,255,.035))!important;color:#ffd878!important;font-size:24px!important;display:grid!important;place-items:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 28px rgba(0,0,0,.30)!important;cursor:pointer!important}
.game-modal-close:hover,.game-modal-close:active{border-color:rgba(255,95,95,.70)!important;color:#ff7777!important;background:linear-gradient(145deg,rgba(255,61,61,.18),rgba(255,255,255,.035))!important}
.game-modal-grid{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:16px 18px 22px!important;align-items:start!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,0))!important}
.game-modal-grid::-webkit-scrollbar{width:7px!important}.game-modal-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.035)!important;border-radius:999px!important}.game-modal-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f3c545,#8b6418)!important;border-radius:999px!important}
.game-brand-card{position:relative!important;height:286px!important;min-height:286px!important;max-height:286px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(18,24,31,.96),rgba(5,7,9,.98))!important;border:1px solid rgba(227,177,54,.38)!important;box-shadow:0 18px 36px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)!important;transform:translateZ(0)!important}
.game-brand-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 35%,rgba(255,206,78,.035))!important;z-index:2!important}
.game-brand-img-box{position:relative!important;z-index:1!important;flex:0 0 122px!important;height:122px!important;min-height:122px!important;max-height:122px!important;width:100%!important;overflow:visible!important;border-radius:24px 24px 0 0!important;background:#06090d!important;border-bottom:1px solid rgba(227,177,54,.28)!important}
.game-brand-img-box::before{content:"";position:absolute;inset:0;border-radius:24px 24px 0 0;overflow:hidden;pointer-events:none;z-index:1;box-shadow:inset 0 -24px 30px rgba(0,0,0,.22)}
.game-brand-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;border-radius:24px 24px 0 0!important;filter:saturate(1.08) contrast(1.06)!important}
.brand-safety-badge{position:absolute!important;top:9px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;z-index:7!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:24px!important;min-height:24px!important;max-width:calc(100% - 14px)!important;padding:0 8px!important;border-radius:999px!important;font-weight:950!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:0!important;text-align:center!important;overflow:hidden!important;box-shadow:0 8px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.30)!important}.brand-safety-badge i{font-size:9px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}.brand-safety-badge.safe{width:auto!important;min-width:91px!important;white-space:nowrap!important;font-size:7.7px!important;background:linear-gradient(135deg,#ccffd8,#21d768 60%,#13aa49)!important;color:#06180e!important;border:1px solid rgba(25,201,96,.72)!important}.brand-safety-badge.risk{width:108px!important;height:29px!important;padding:0 7px!important;white-space:normal!important;font-size:6.9px!important;line-height:1.02!important;background:linear-gradient(135deg,#fff0a9,#ffc13f 60%,#f59e0b)!important;color:#170e02!important;border:1px solid rgba(245,158,11,.72)!important}.brand-safety-badge.maintenance{width:108px!important;white-space:nowrap!important;font-size:7.4px!important;background:linear-gradient(135deg,#ff9898,#ef334d 62%,#b91224)!important;color:#fff!important;border:1px solid rgba(255,130,130,.78)!important}
.game-brand-body{position:relative!important;z-index:3!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:20px 9px 13px!important;min-height:0!important;background:linear-gradient(180deg,rgba(8,12,15,.94),rgba(4,6,8,.97))!important}
.game-brand-platform{position:relative!important;z-index:8!important;margin-top:-35px!important;margin-bottom:5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:max-content!important;max-width:calc(100% - 8px)!important;height:31px!important;min-height:31px!important;padding:0 13px!important;border-radius:999px!important;font-size:11.6px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 10px 18px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.35)!important}.game-brand-platform i{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;font-size:13px!important;line-height:1!important;color:currentColor!important;flex:0 0 auto!important}.game-brand-platform span{display:inline!important;line-height:1!important}.game-brand-platform.android{background:linear-gradient(135deg,#d3ffdc,#22cf65)!important;color:#082211!important;border:1px solid rgba(34,207,101,.68)!important}.game-brand-platform.ios{background:linear-gradient(135deg,#ecf9ff,#92d4ff)!important;color:#082334!important;border:1px solid rgba(146,212,255,.70)!important}.game-brand-platform.pc{background:linear-gradient(135deg,#efe8ff,#a77bff)!important;color:#1a0e3a!important;border:1px solid rgba(167,123,255,.70)!important}.game-brand-platform.account{background:linear-gradient(135deg,#ffe98d,#e1aa1f)!important;color:#151007!important;border:1px solid rgba(225,170,31,.75)!important}
.game-brand-name{width:100%!important;min-height:35px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#fff!important;font-size:14.2px!important;font-weight:950!important;line-height:1.10!important;letter-spacing:-.02em!important;text-transform:uppercase!important;margin:0!important;overflow:hidden!important;text-shadow:0 5px 14px rgba(0,0,0,.38)!important}.game-brand-price{width:100%!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:rgba(255,255,255,.73)!important;font-size:11.8px!important;font-weight:900!important;line-height:1.13!important;margin:0!important;overflow:hidden!important}.game-buy-btn,.game-maintenance-badge{margin-top:auto!important;width:min(100%,146px)!important;min-height:37px!important;padding:0 12px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:12.8px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important}.game-buy-btn{background:linear-gradient(180deg,rgba(255,222,105,.20),rgba(144,102,18,.20))!important;color:#ffe083!important;border:1px solid rgba(255,216,92,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 20px rgba(0,0,0,.22)!important}.game-buy-btn i{font-size:14px!important;color:#ffe083!important}.game-maintenance-badge{font-size:10.6px!important;gap:6px!important;background:linear-gradient(180deg,rgba(255,90,105,.18),rgba(68,13,19,.46))!important;color:#ffb7bd!important;border:1px solid rgba(255,98,114,.45)!important}.game-maintenance-badge i{font-size:12px!important;color:#ffb7bd!important}
.flash-swiper .swiper-pagination{display:none!important}.flash-card.js-currency-link{touch-action:manipulation!important}
@media(max-width:520px){.game-modal.show{padding:9px!important}.game-modal-box{width:95vw!important;max-height:84dvh!important;border-radius:25px!important}.game-modal-head{padding:17px 15px 15px!important}.game-modal-head h3{font-size:clamp(25px,7.8vw,35px)!important}.game-modal-close{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:18px!important}.game-modal-grid{gap:8px!important;padding:12px 9px 18px!important}.game-brand-card{height:266px!important;min-height:266px!important;max-height:266px!important;border-radius:20px!important}.game-brand-img-box{flex-basis:106px!important;height:106px!important;min-height:106px!important;border-radius:20px 20px 0 0!important}.game-brand-img{border-radius:20px 20px 0 0!important}.game-brand-img-box::before{border-radius:20px 20px 0 0!important}.brand-safety-badge{top:8px!important;height:22px!important;min-height:22px!important;padding:0 6px!important;gap:4px!important}.brand-safety-badge i{font-size:8.5px!important}.brand-safety-badge.safe{min-width:80px!important;font-size:6.65px!important}.brand-safety-badge.risk{width:95px!important;height:26px!important;font-size:6.1px!important}.brand-safety-badge.maintenance{width:96px!important;font-size:6.7px!important}.game-brand-body{padding:19px 6px 11px!important;gap:6px!important}.game-brand-platform{height:27px!important;min-height:27px!important;margin-top:-32px!important;margin-bottom:4px!important;padding:0 10px!important;font-size:10.3px!important;gap:5px!important}.game-brand-platform i{font-size:11px!important;width:12px!important;height:12px!important}.game-brand-name{font-size:12.2px!important;min-height:31px!important;line-height:1.08!important}.game-brand-price{font-size:10.4px!important;min-height:28px!important;line-height:1.12!important}.game-buy-btn,.game-maintenance-badge{width:min(100%,126px)!important;min-height:32px!important;font-size:11.2px!important;padding:0 8px!important;gap:6px!important}.game-buy-btn i{font-size:12.5px!important}.game-maintenance-badge{font-size:9.4px!important}.game-maintenance-badge i{font-size:11px!important}}
@media(max-width:370px){.game-modal-grid{gap:7px!important;padding-left:8px!important;padding-right:8px!important}.game-brand-card{height:254px!important;min-height:254px!important;max-height:254px!important}.game-brand-img-box{flex-basis:98px!important;height:98px!important;min-height:98px!important}.brand-safety-badge.safe{min-width:78px!important;font-size:6.4px!important}.brand-safety-badge.risk{width:91px!important;font-size:5.9px!important}.brand-safety-badge.maintenance{width:91px!important;font-size:6.3px!important}.game-brand-name{font-size:11.6px!important}.game-brand-price{font-size:9.8px!important}.game-buy-btn,.game-maintenance-badge{min-height:30px!important;font-size:10.5px!important}.game-maintenance-badge{font-size:8.9px!important}}
@media(min-width:820px){.game-modal-grid{gap:18px!important;padding:22px 26px 28px!important}.game-brand-card{height:342px!important;min-height:342px!important;max-height:342px!important}.game-brand-img-box{flex-basis:154px!important;height:154px!important;min-height:154px!important}.game-brand-name{font-size:18px!important}.game-brand-price{font-size:15px!important}.game-buy-btn,.game-maintenance-badge{min-height:46px!important;width:min(100%,180px)!important;font-size:15px!important}.game-maintenance-badge{font-size:12.6px!important}.brand-safety-badge.safe{font-size:9.7px!important}.brand-safety-badge.risk{width:146px!important;font-size:8.6px!important}.brand-safety-badge.maintenance{width:132px!important;font-size:9.2px!important}}


/* Show bottom bar in desktop mode too; older CSS hid it at min-width:769px. */
@media (min-width:769px){
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    width:min(720px,calc(100vw - 42px))!important;
    height:76px!important;
    transform:translateX(-50%)!important;
    z-index:5200!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body{padding-bottom:104px!important;}
  .index-footer{padding-bottom:122px!important;}
}
@media (max-width:768px){
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}



.brand-price-range.locked,.game-brand-price.locked{color:#ffd36a!important;background:rgba(255,179,0,.10)!important;border:1px solid rgba(255,179,0,.36)!important;border-radius:12px!important;padding:7px 8px!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important;min-height:38px!important}.btn-view.locked,.game-buy-btn.locked{background:linear-gradient(135deg,rgba(255,211,106,.22),rgba(255,179,0,.10))!important;color:#ffd36a!important;border:1px solid rgba(255,179,0,.36)!important}.btn-view.locked i,.game-buy-btn.locked i{color:#ffd36a!important}@media(max-width:520px){.brand-price-range.locked,.game-brand-price.locked{font-size:8px!important;padding:6px!important;min-height:34px!important}}


* { margin: 0px; padding: 0px; box-sizing: border-box; }
.seo-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
html, body { min-height: 100vh; max-width: 100%; overflow-x: hidden; }
html { overflow-x: hidden; touch-action: pan-y; }
body { width: 100%; overflow-x: hidden; text-size-adjust: 100%; }
* { box-sizing: border-box; }
.container { width: 100%; max-width: 1280px; margin: 0px auto; padding: 0px 14px; }
img { max-width: 100%; height: auto; }
input, select, textarea { font-size: 16px; }
@media (max-width: 768px) {
  .site-header { height: auto; padding: 10px 0px; }
  .header-inner { gap: 10px; }
  .header-brand { flex: 1 1 0%; min-width: 0px; }
  .header-logo img { max-height: 42px; width: auto; }
  .header-nav { display: none; }
  .logged-in-area { display: none; }
  .mobile-lang-trigger, .hamburger { flex-shrink: 0; }
  .product-search-container { width: 100%; display: flex; gap: 8px; }
  .product-search-container input { width: 100%; min-width: 0px; }
  .product-search-container button { white-space: nowrap; flex-shrink: 0; }
  .brand-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .brand-body { padding: 12px; }
  .brand-name { font-size: 13px; line-height: 1.3; }
  .brand-price-range { font-size: 11px; }
  .btn-view { width: 100%; text-align: center; font-size: 11px; padding: 8px; }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .flash-header { flex-direction: column; align-items: flex-start; }
  .flash-title h2 { font-size: 18px; }
  .flash-timer { width: 100%; text-align: center; }
}
@media (max-width: 1200px) {
  .brand-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 900px) {
  .brand-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
  .brand-card { border-radius: 18px; }
}
.table-responsive { width: 100%; overflow-x: auto; }
.footer-grid { max-width: 100%; overflow-x: hidden; }
* { touch-action: manipulation; }
body { font-family: Inter, sans-serif; color: rgb(238, 242, 255); line-height: 1.5; overflow-x: hidden; background-image: none; background-size: cover; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-color: rgb(10, 12, 16); }
body::before { content: ""; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.65); z-index: -1; pointer-events: none; }
body.sidebar-open { overflow: hidden; position: fixed; width: 100%; height: 100%; overscroll-behavior: none; }
.container { max-width: 1280px; margin: 0px auto; padding: 0px 20px; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; user-select: none; -webkit-user-drag: none; }
html, body { user-select: none; }
input, textarea, select, [contenteditable="true"], .allow-select { user-select: text !important; }
img, svg, video, canvas { -webkit-user-drag: none; }
.site-header { position: sticky; top: 0px; z-index: 200; min-height: 86px; height: auto; display: flex; align-items: center; background: radial-gradient(circle at 12% 10%, rgba(212, 168, 59, 0.14), transparent 24rem), linear-gradient(rgba(10, 13, 18, 0.96), rgba(5, 6, 9, 0.94)); border-bottom: 1px solid rgba(255, 255, 255, 0.08); box-shadow: rgba(0, 0, 0, 0.26) 0px 18px 52px; backdrop-filter: blur(18px) saturate(130%); }
.header-inner { min-height: 86px; display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 14px; }
.brand-wrap { position: relative; display: inline-flex; align-items: center; gap: 14px; min-width: 0px; text-decoration: none; }
.brand-mark { width: 68px; height: 68px; flex: 0 0 auto; display: grid; place-items: center; filter: drop-shadow(rgba(0, 0, 0, 0.34) 0px 12px 24px); }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; border: 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; }
.brand-mark.logo-fallback { border-radius: 18px; background: linear-gradient(145deg, rgb(93, 67, 15), rgb(184, 134, 11) 55%, rgb(240, 213, 130)); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(0, 0, 0, 0.28) 0px 18px 34px; }
.brand-mark.logo-fallback::before { content: "CG"; color: rgb(255, 255, 255); font-family: Oxanium, Inter, sans-serif; font-size: 22px; font-weight: 900; letter-spacing: -0.05em; }
.brand-copy { display: grid; gap: 3px; line-height: 0.82; font-family: Oxanium, Inter, sans-serif; min-width: 0px; }
.brand-line { display: inline-block; overflow: hidden; white-space: nowrap; max-width: max-content; font-family: Oxanium, Inter, sans-serif; font-weight: 800; text-transform: uppercase; line-height: 0.86; }
.brand-line.top { color: rgb(212, 168, 59); font-size: clamp(22px, 3vw, 38px); text-shadow: rgba(96, 62, 8, 0.95) 0px 2px 0px, rgba(0, 0, 0, 0.32) 0px 7px 16px; }
.brand-line.bottom { color: rgb(255, 255, 255); margin-top: 4px; font-size: clamp(29px, 4vw, 50px); text-shadow: rgba(80, 80, 80, 0.95) 0px 2px 0px, rgba(0, 0, 0, 0.34) 0px 8px 18px; }
.site-header .brand-line { width: max-content; max-width: 0px; }
.site-header .brand-line.top { animation: 5.8s steps(9) 0s infinite normal none running cgoTypeTop; }
.site-header .brand-line.bottom { animation: 5.8s steps(5) 0s infinite normal none running cgoTypeBottom; }
.site-header .brand-line.bottom::after { content: ""; display: inline-block; width: 3px; height: 0.78em; margin-left: 5px; vertical-align: -0.05em; border-radius: 999px; background: rgb(255, 255, 255); animation: 0.72s steps(1) 0s infinite normal none running cgoBlink; }
@keyframes cgoTypeTop { 
  0%, 6% { max-width: 0px; }
  24%, 80% { max-width: 13ch; }
  98%, 100% { max-width: 0px; }
}
@keyframes cgoTypeBottom { 
  0%, 24% { max-width: 0px; }
  42%, 60% { max-width: 5.6ch; }
  76%, 100% { max-width: 0px; }
}
@keyframes cgoBlink { 
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: 0; }
}
.login-trigger { background: rgb(249, 197, 49); color: rgb(10, 12, 16); padding: 6px 18px; border-radius: 60px; font-weight: 700; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
.logged-in-area { display: none; }
.header-nav { display: none; }
.hamburger { width: 58px; height: 58px; border-radius: 20px; border: 1px solid rgba(212, 168, 59, 0.22); background: linear-gradient(rgba(255, 255, 255, 0.09), rgba(184, 134, 11, 0.05)); color: rgb(246, 240, 230); display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; cursor: pointer; flex: 0 0 auto; box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(0, 0, 0, 0.24) 0px 12px 28px; }
.hamburger span { display: block; width: 26px; height: 2px; border-radius: 999px; background: currentcolor; }
.side-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.42); backdrop-filter: blur(2px); z-index: 300; opacity: 0; visibility: hidden; transition: var(--transition); }
.side-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; }
.side-menu { position: fixed; z-index: 301; overflow: hidden auto; transition: right 0.34s cubic-bezier(0.22, 1, 0.36, 1); }
.side-menu.active { transform: translateX(0px); }
.side-body { padding: 10px 12px 0px; }
.side-menu-close { cursor: pointer; z-index: 20; pointer-events: auto; }
.side-menu ul { list-style: none; margin: 0px; padding: 0px; }
body.sidebar-open { overflow: hidden; position: fixed; width: 100%; }
@media (max-width: 768px) {
  .site-header { min-height: 76px; }
  .header-inner { min-height: 76px; gap: 10px; }
  .brand-mark { width: 54px; height: 54px; }
  .brand-wrap { gap: 10px; }
  .brand-line.top { font-size: clamp(15px, 5vw, 22px); }
  .brand-line.bottom { font-size: clamp(19px, 6.8vw, 28px); }
  .hamburger { width: 58px; height: 58px; border-radius: 20px; }
}
.cat-bar-wrap { background: rgb(19, 22, 31); border-bottom: 1px solid rgb(30, 36, 50); position: sticky; top: 70px; z-index: 100; }
.cat-bar-outer { display: flex; align-items: center; gap: 4px; position: relative; }
.cat-scroll-btn { width: 36px; height: 36px; background: rgb(30, 37, 53); border: 1px solid rgb(42, 52, 72); border-radius: 40px; cursor: pointer; color: rgb(176, 190, 219); flex-shrink: 0; opacity: 0; pointer-events: none; }
.cat-scroll-btn.visible { opacity: 1; pointer-events: auto; }
.cat-bar { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; flex: 1 1 0%; padding: 8px 0px; }
.cat-bar::-webkit-scrollbar { display: none; }
.cat-btn { padding: 6px 20px; border-radius: 40px; font-weight: 700; white-space: nowrap; background: transparent; border: 1px solid rgb(42, 52, 72); color: rgb(176, 190, 219); cursor: pointer; }
.cat-btn.active, .cat-btn:hover { background: rgb(249, 197, 49); color: rgb(10, 12, 16); border-color: rgb(249, 197, 49); }
.cat-count { background: rgba(0, 0, 0, 0.2); padding: 2px 6px; border-radius: 99px; font-size: 11px; margin-left: 6px; }
.banner-hero { display: flex; align-items: stretch; gap: 16px; }
.banner-hero-main { flex: 1 1 0%; min-width: 0px; }
.banner-hero-side { width: 280px; border-radius: 24px; padding: 20px; background: linear-gradient(145deg, rgb(18, 22, 32) 0%, rgb(26, 32, 48) 100%); border: 1px solid rgba(249, 197, 49, 0.18); box-shadow: rgba(0, 0, 0, 0.26) 0px 14px 36px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; }
.banner-hero-side::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at right top, rgba(249, 197, 49, 0.14), transparent 34%), radial-gradient(circle at left bottom, rgba(249, 197, 49, 0.08), transparent 30%); pointer-events: none; }
.banner-hero-side > * { position: relative; z-index: 1; }
.banner-hero-kicker { display: inline-flex; align-items: center; gap: 8px; width: fit-content; background: rgba(249, 197, 49, 0.12); border: 1px solid rgba(249, 197, 49, 0.2); color: rgb(249, 197, 49); border-radius: 999px; padding: 7px 12px; font-size: 11px; font-weight: 800; letter-spacing: 0.4px; text-transform: uppercase; }
.banner-hero-side h3 { font-size: 24px; line-height: 1.1; font-weight: 900; color: rgb(255, 255, 255); margin-top: 2px; }
.banner-hero-side p { font-size: 13px; color: rgb(184, 196, 218); line-height: 1.6; }
.banner-hero-points { display: grid; gap: 10px; margin-top: 2px; }
.banner-hero-point { display: flex; align-items: center; gap: 10px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 16px; padding: 10px 12px; font-size: 12px; color: rgb(238, 242, 255); }
.banner-hero-point i { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(249, 197, 49, 0.12); color: rgb(249, 197, 49); flex-shrink: 0; }
.banner-hero-side .hero-stat { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; }
.banner-hero-side .hero-stat span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 999px; background: rgba(0, 0, 0, 0.22); border: 1px solid rgba(249, 197, 49, 0.14); color: rgb(248, 223, 149); font-size: 11px; font-weight: 700; white-space: nowrap; }
@media (max-width: 1024px) {
  .banner-hero { display: block; }
  .banner-hero-side { display: none; }
}
.flash-note-strip { display: flex; align-items: center; gap: 10px; margin: 0px 0px 12px; padding: 8px 12px; border-radius: 999px; background: linear-gradient(135deg, rgba(249, 197, 49, 0.12), rgba(255, 255, 255, 0.03)); border: 1px solid rgba(249, 197, 49, 0.18); box-shadow: rgba(0, 0, 0, 0.7) 0px 8px 20px -18px; overflow: hidden; position: relative; }
.flash-note-strip::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent); pointer-events: none; }
.flash-note-label { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(249, 197, 49); white-space: nowrap; }
.flash-note-label i { font-size: 11px; color: rgb(249, 197, 49); }
.flash-note-marquee { flex: 1 1 auto; overflow: hidden; min-width: 0px; }
.flash-note-track { display: inline-flex; align-items: center; white-space: nowrap; width: max-content; animation: 18s linear 0s infinite normal none running flash-marquee; will-change: transform; }
.flash-note-track span { display: inline-block; padding-right: 56px; color: rgb(248, 223, 149); font-size: 11px; font-weight: 600; letter-spacing: 0.02em; }
@keyframes flash-marquee { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.flash-sale-wrapper { position: relative; overflow: hidden; margin: 18px 0px 22px; padding: clamp(14px, 2vw, 20px); border-radius: 30px; border: 1px solid rgba(249, 197, 49, 0.18); background: radial-gradient(circle at 16% 0%, rgba(249, 197, 49, 0.18), transparent 22rem), radial-gradient(circle at 90% 20%, rgba(255, 221, 136, 0.08), transparent 18rem), linear-gradient(rgba(13, 16, 24, 0.96), rgba(6, 8, 13, 0.96)); box-shadow: rgba(0, 0, 0, 0.42) 0px 26px 70px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset; }
.flash-sale-wrapper::before { content: ""; position: absolute; inset: -35%; background: linear-gradient(115deg, transparent 38%, rgba(249, 197, 49, 0.12) 48%, transparent 58%); transform: translateX(-38%); animation: 5.5s linear 0s infinite normal none running flashCreativeGlow; pointer-events: none; }
@keyframes flashCreativeGlow { 
  0% { transform: translateX(-42%) rotate(0deg); opacity: 0.28; }
  45% { opacity: 0.55; }
  100% { transform: translateX(42%) rotate(0deg); opacity: 0.28; }
}
.flash-sale-inner { position: relative; z-index: 1; }
.flash-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.flash-title { display: flex; align-items: center; gap: 12px; min-width: 0px; }
.flash-title i { width: auto; height: auto; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; font-size: clamp(30px, 4vw, 38px); line-height: 1; color: rgb(255, 59, 48); background: none; box-shadow: none; text-shadow: rgba(255, 59, 48, 0.55) 0px 0px 10px, rgba(255, 59, 48, 0.35) 0px 0px 22px; animation: 1.05s ease-in-out 0s infinite normal none running flashRedBlink; }
.flash-title h2 { margin: 0px; font: 900 clamp(22px, 4vw, 34px) / 1.05 Inter, system-ui, sans-serif; letter-spacing: -0.02em; color: rgb(242, 215, 124); -webkit-text-fill-color: rgb(242, 215, 124); text-shadow: rgba(76, 48, 8, 0.82) 0px 2px 0px, rgba(255, 59, 48, 0.42) 0px 0px 12px, rgba(255, 59, 48, 0.26) 0px 0px 24px, rgba(0, 0, 0, 0.3) 0px 12px 24px; animation: 1.6s ease-in-out 0s infinite normal none running flashTitleRedGlow; }
.flash-side { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.flash-timer { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0px 14px; border-radius: 999px; background: rgba(0, 0, 0, 0.42); border: 1px solid rgba(249, 197, 49, 0.22); color: rgb(242, 215, 124); font-size: 12px; font-weight: 900; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; white-space: nowrap; }
.flash-promo-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0px 15px; border-radius: 999px; text-decoration: none; color: rgb(21, 17, 5); background: linear-gradient(135deg, rgb(255, 240, 163), rgb(246, 200, 53) 48%, rgb(200, 135, 4)); border: 1px solid rgba(255, 240, 163, 0.46); box-shadow: rgba(249, 197, 49, 0.2) 0px 12px 24px, rgba(255, 255, 255, 0.42) 0px 1px 0px inset; font-size: 11px; font-weight: 950; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; transition: transform 0.18s, filter 0.18s, box-shadow 0.18s; }
.flash-promo-btn:hover { transform: translateY(-1px); filter: brightness(1.06); box-shadow: rgba(249, 197, 49, 0.27) 0px 16px 30px, rgba(255, 255, 255, 0.48) 0px 1px 0px inset; }
.flash-promo-btn i { font-size: 12px; }
@keyframes flashRedBlink { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.28; transform: scale(0.84); }
}
@keyframes flashTitleRedGlow { 
  0%, 100% { text-shadow: rgba(76, 48, 8, 0.82) 0px 2px 0px, rgba(255, 59, 48, 0.34) 0px 0px 10px, rgba(255, 59, 48, 0.2) 0px 0px 18px, rgba(0, 0, 0, 0.3) 0px 12px 24px; }
  50% { text-shadow: rgba(76, 48, 8, 0.82) 0px 2px 0px, rgba(255, 59, 48, 0.6) 0px 0px 16px, rgba(255, 59, 48, 0.4) 0px 0px 34px, rgba(0, 0, 0, 0.3) 0px 12px 24px; }
}
#flashCountdown { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; color: rgb(255, 255, 255); letter-spacing: 0.04em; }
.flash-swiper { width: min(520px, 100%); margin: 0px auto; padding: 8px 0px 38px; overflow: visible; perspective: 1200px; }
.flash-swiper .swiper-wrapper { align-items: stretch; }
.flash-swiper .swiper-slide { height: auto; transform-style: preserve-3d; width: 100% !important; }
.flash-card { position: relative; display: grid; grid-template-columns: 42% 58%; min-height: 230px; height: 100%; overflow: hidden; border-radius: 28px; text-decoration: none; color: inherit; background: radial-gradient(circle at 16% 10%, rgba(249, 197, 49, 0.18), transparent 12rem), linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)), linear-gradient(rgba(15, 19, 29, 0.98), rgba(6, 8, 13, 0.98)); border: 1px solid rgba(249, 197, 49, 0.2); box-shadow: rgba(0, 0, 0, 0.44) 0px 26px 58px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; transition: transform 0.24s, border-color 0.24s, box-shadow 0.24s; }
.flash-card:hover { transform: translateY(-3px); border-color: rgba(249, 197, 49, 0.36); box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 70px, rgba(255, 255, 255, 0.07) 0px 1px 0px inset; }
.flash-img-wrap { position: relative; min-height: 100%; overflow: hidden; background: rgb(7, 9, 14); }
.flash-img-wrap::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, transparent 56%, rgba(6, 8, 13, 0.62)); pointer-events: none; }
.flash-img-wrap img { width: 100%; height: 100%; min-height: 230px; object-fit: cover; transition: transform 0.42s; }
.flash-card:hover .flash-img-wrap img { transform: scale(1.055); }
.flash-discount { position: absolute; top: 12px; left: 12px; z-index: 3; padding: 7px 10px; border-radius: 999px; background: linear-gradient(135deg, rgb(239, 68, 68), rgb(249, 115, 22)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 950; line-height: 1; border: 1px solid rgba(255, 255, 255, 0.24); box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 24px; animation: 1.6s ease 0s infinite normal none running pulse-discount; }
.flash-info { position: relative; z-index: 2; min-width: 0px; padding: 22px 20px; display: flex; flex-direction: column; justify-content: center; gap: 9px; }
.flash-cat { color: rgba(242, 215, 124, 0.82); font-size: 11px; font-weight: 950; letter-spacing: 0.14em; text-transform: uppercase; }
.flash-name { color: rgb(255, 255, 255); font-size: clamp(18px, 3.8vw, 24px); font-weight: 950; line-height: 1.12; letter-spacing: -0.02em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.2em; }
.flash-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-top: 2px; }
.flash-price-now { color: rgb(242, 215, 124); font-size: clamp(18px, 3.5vw, 25px); font-weight: 950; line-height: 1; text-shadow: rgba(249, 197, 49, 0.16) 0px 10px 24px; }
.flash-price-old { color: rgb(255, 77, 77); font-size: 12px; font-weight: 900; text-decoration: line-through 2px rgb(255, 77, 77); }
.stock-badge { width: max-content; max-width: 100%; display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 0px 11px; border-radius: 999px; font-size: 11px; font-weight: 900; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); }
.stock-badge.low { color: rgb(255, 210, 138); border-color: rgba(249, 197, 49, 0.24); background: rgba(249, 197, 49, 0.1); }
.stock-badge.in { color: rgb(91, 241, 151); border-color: rgba(38, 209, 127, 0.24); background: rgba(38, 209, 127, 0.1); }
.stock-badge.out { color: rgb(255, 140, 140); border-color: rgba(239, 68, 68, 0.24); background: rgba(239, 68, 68, 0.1); }
.flash-swiper .swiper-pagination { bottom: 2px !important; }
.flash-swiper .swiper-pagination-bullet { width: 7px; height: 7px; background: rgba(255, 255, 255, 0.36); opacity: 1; }
.flash-swiper .swiper-pagination-bullet-active { width: 22px; border-radius: 999px; background: linear-gradient(135deg, rgb(255, 226, 122), rgb(241, 195, 52)); }
.flash-swiper .swiper-slide-shadow, .flash-swiper .swiper-slide-shadow-left, .flash-swiper .swiper-slide-shadow-right { border-radius: 28px; background: rgba(0, 0, 0, 0.32) !important; }
@media (max-width: 640px) {
  .flash-sale-wrapper { margin: 10px 0px 14px; padding: 8px; border-radius: 20px; }
  .flash-header { align-items: flex-start; gap: 7px; margin-bottom: 8px; }
  .flash-title { gap: 7px; }
  .flash-title i { width: auto; height: auto; border-radius: 0px; font-size: 18px; }
  .flash-title h2 { font-size: 18px; letter-spacing: 0.02em; }
  .flash-side { width: 100%; display: grid; grid-template-columns: 1fr; gap: 6px; }
  .flash-timer { width: 100%; min-height: 29px; padding: 0px 9px; font-size: 9px; justify-content: center; }
  .flash-promo-btn { width: 100%; min-height: 32px; padding: 0px 10px; font-size: 9px; border-radius: 14px; }
  .flash-swiper { width: min(100%, 350px); padding: 3px 0px 24px; }
  .flash-card { grid-template-columns: 112px minmax(0px, 1fr); align-items: stretch; min-height: 126px; border-radius: 19px; }
  .flash-img-wrap { width: 112px; min-height: 126px; aspect-ratio: auto; display: grid; place-items: center; padding: 8px; background: radial-gradient(circle at 50% 30%, rgba(242, 215, 124, 0.12), transparent 70%), rgb(7, 9, 14); }
  .flash-img-wrap img { width: 100%; height: 100%; min-height: 0px; object-fit: contain; border-radius: 14px; }
  .flash-img-wrap::after { display: none; }
  .flash-discount { top: 7px; left: 7px; padding: 5px 8px; font-size: 10px; }
  .flash-info { padding: 11px; gap: 5px; justify-content: center; }
  .flash-cat { font-size: 8px; letter-spacing: 0.1em; }
  .flash-name { font-size: 13px; line-height: 1.15; min-height: auto; -webkit-line-clamp: 2; }
  .flash-price { gap: 5px; margin-top: 0px; }
  .flash-price-now { font-size: 15px; }
  .flash-price-old { font-size: 9px; }
  .stock-badge { min-height: 22px; padding: 0px 8px; font-size: 8px; }
  .flash-swiper .swiper-pagination { bottom: 0px !important; }
  .flash-swiper .swiper-pagination-bullet { width: 5px; height: 5px; }
  .flash-swiper .swiper-pagination-bullet-active { width: 18px; }
}
.section-row { display: flex; justify-content: space-between; align-items: center; margin: 32px 0px 20px; flex-wrap: wrap; gap: 10px; }
.section-title { font-size: 24px; font-weight: 800; display: flex; align-items: center; gap: 10px; }
.section-title .ttl-accent { color: rgb(249, 197, 49); }
.section-title-bar { width: 4px; height: 28px; background: rgb(249, 197, 49); border-radius: 4px; }
.section-badge { background: rgba(249, 197, 49, 0.15); color: rgb(249, 197, 49); padding: 6px 14px; border-radius: 40px; font-size: 12px; font-weight: 700; }
.brand-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 22px; margin-bottom: 40px; }
.brand-card { position: relative; min-width: 0px; height: 100%; overflow: hidden; border-radius: 24px; color: inherit; text-decoration: none; display: flex; flex-direction: column; border: 1px solid rgba(249, 197, 49, 0.16); background: radial-gradient(circle at 24% 0%, rgba(249, 197, 49, 0.1), transparent 13rem), linear-gradient(rgba(16, 21, 31, 0.98), rgba(8, 12, 18, 0.99)); box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 40px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset; transform: translateZ(0px); transition: transform 0.26s, border-color 0.26s, box-shadow 0.26s, background 0.26s; backface-visibility: hidden; }
.brand-card:hover { transform: translateY(-6px); border-color: rgba(249, 197, 49, 0.38); box-shadow: rgba(0, 0, 0, 0.46) 0px 26px 54px, rgba(249, 197, 49, 0.08) 0px 0px 0px 1px; }
.brand-img-box { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; display: block; isolation: isolate; background: radial-gradient(circle at 50% 20%, rgba(249, 197, 49, 0.14), rgba(249, 197, 49, 0.035) 55%, rgba(5, 8, 14, 0.98)); border-bottom: 1px solid rgba(249, 197, 49, 0.12); }
.brand-img-box::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.07), transparent 28%, rgba(0, 0, 0, 0.16)); }
.brand-img { width: 100%; height: 100%; object-fit: cover; display: block; image-rendering: auto; transform: translateZ(0px) scale(1.01); backface-visibility: hidden; transition: transform 0.46s, filter 0.34s; filter: saturate(1.09) contrast(1.05) brightness(1.035); will-change: transform; }
.brand-card:hover .brand-img { transform: scale(1.045); filter: saturate(1.15) contrast(1.07) brightness(1.05); }
.brand-body { padding: 14px 14px 16px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; flex: 1 1 0%; min-height: 0px; background: linear-gradient(rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0)); }
.brand-name { width: 100%; font-size: 17px; line-height: 1.22; font-weight: 900; color: rgb(255, 255, 255); letter-spacing: 0.01em; margin: 0px; overflow-wrap: anywhere; }
.brand-price-range { width: 100%; font-size: 13px; line-height: 1.32; font-weight: 800; color: rgba(255, 255, 255, 0.8); margin: 0px; }
.brand-badge { display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-width: 78px; min-height: 28px; font-size: 10px; font-weight: 900; padding: 0px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 20px, rgba(255, 255, 255, 0.22) 0px 1px 0px inset; backdrop-filter: blur(8px); }
.brand-badge.android { background: linear-gradient(135deg, rgb(184, 243, 200), rgb(109, 220, 141)); color: rgb(20, 49, 30); }
.brand-badge.ios { background: linear-gradient(135deg, rgb(199, 236, 255), rgb(124, 199, 255)); color: rgb(11, 42, 69); }
.brand-badge.account { background: linear-gradient(135deg, rgb(248, 214, 109), rgb(184, 135, 24)); color: rgb(20, 16, 10); }
.brand-badge.pc { background: linear-gradient(135deg, rgb(214, 211, 255), rgb(139, 92, 246)); color: rgb(22, 15, 55); }
.brand-safety-badge { position: absolute; left: 9px; top: 9px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; gap: 5px; max-width: calc(100% - 18px); min-height: 25px; padding: 0px 9px; border-radius: 999px; font-size: 9px; line-height: 1; font-weight: 950; letter-spacing: 0.02em; text-transform: uppercase; white-space: nowrap; color: rgb(7, 17, 10); box-shadow: rgba(0, 0, 0, 0.42) 0px 10px 24px, rgba(255, 255, 255, 0.32) 0px 1px 0px inset; backdrop-filter: blur(8px); }
.brand-safety-badge.safe { background: linear-gradient(135deg, rgb(187, 247, 208), rgb(34, 197, 94)); border: 1px solid rgba(34, 197, 94, 0.55); }
.brand-safety-badge.risk { background: linear-gradient(135deg, rgb(253, 230, 138), rgb(245, 158, 11)); border: 1px solid rgba(245, 158, 11, 0.6); color: rgb(31, 19, 0); }
.btn-view { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 100%; min-height: 40px; margin-top: auto; padding: 8px 12px; border-radius: 999px; background: linear-gradient(135deg, rgb(255, 216, 77), rgb(248, 201, 49) 46%, rgb(220, 163, 19)); color: rgb(10, 12, 16); font-weight: 900; font-size: 13px; line-height: 1.15; text-align: center; box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 0px inset, rgba(0, 0, 0, 0.25) 0px 12px 22px; transition: filter 0.2s, transform 0.2s; }
.btn-view:hover { filter: brightness(1.04); transform: translateY(-1px); }
.btn-view.maintenance { border: 1px solid rgba(239, 68, 68, 0.28); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(127, 29, 29, 0.22) 0px 12px 24px; background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(127, 29, 29, 0.68)) !important; color: rgb(254, 202, 202) !important; }
@media (max-width: 1024px) {
  .brand-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; }
}
@media (max-width: 768px) {
  .brand-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
  .brand-card { border-radius: 18px; }
  .brand-card:hover { transform: translateY(-3px); }
  .brand-body { padding: 11px 9px 10px; gap: 7px; }
  .brand-name { font-size: 11px; line-height: 1.25; }
  .brand-price-range { font-size: 9px; line-height: 1.25; }
  .brand-badge { min-width: 56px; min-height: 22px; font-size: 8px; padding: 0px 8px; }
  .brand-safety-badge { left: 6px; top: 6px; min-height: 20px; padding: 0px 7px; font-size: 7px; gap: 4px; }
  .btn-view { min-height: 34px; font-size: 9px; padding: 6px 7px; }
}
@media (max-width: 480px) {
  .brand-grid { gap: 8px; }
  .brand-name { font-size: 10px; }
  .brand-price-range { font-size: 8px; }
  .btn-view { min-height: 32px; font-size: 8px; padding: 5px 6px; }
}
.product-search-bar { margin: 32px 0px 20px; display: flex; justify-content: center; }
.product-search-container { width: 100%; max-width: 500px; display: flex; gap: 10px; }
.product-search-container input { flex: 1 1 0%; padding: 12px 16px; background: rgb(30, 37, 53); border: 1px solid rgb(42, 52, 72); border-radius: 48px; color: rgb(238, 242, 255); font-size: 14px; }
.product-search-container input:focus { outline: none; border-color: rgb(249, 197, 49); }
.product-search-container button { background: rgb(249, 197, 49); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 20px; border-radius: 48px; color: rgb(10, 12, 16); font-weight: 600; cursor: pointer; }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 24px 0px; }
.step-card { background: rgb(30, 37, 53); border: 1px solid rgb(42, 52, 72); border-radius: 20px; padding: 24px 16px; text-align: center; position: relative; }
.step-num { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: rgb(249, 197, 49); color: rgb(10, 12, 16); width: 28px; height: 28px; border-radius: 28px; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 12px; }
.step-icon { font-size: 32px; color: rgb(249, 197, 49); margin: 8px 0px 12px; }
.step-card h4 { font-size: 14px; font-weight: 800; margin-bottom: 8px; }
.step-card p { font-size: 12px; color: rgb(176, 190, 219); }
.testi-card { background: rgb(30, 37, 53); border: 1px solid rgb(42, 52, 72); border-radius: 20px; padding: 20px; height: 100%; }
.testi-stars { color: rgb(249, 197, 49); margin-bottom: 12px; }
.testi-text { font-size: 13px; color: rgb(176, 190, 219); font-style: italic; margin-bottom: 16px; }
.testi-author { font-weight: 800; color: rgb(255, 255, 255); }
.index-footer { padding: 28px 0px 88px; background: transparent; }
.index-footer-grid { display: grid; grid-template-columns: 1fr; gap: 24px; width: min(1180px, 100% - 32px); margin-inline: auto; }
.index-footer-card { width: 100%; padding: 24px; border-radius: 34px; border: 1px solid rgba(255, 255, 255, 0.11); background: radial-gradient(circle at 12% 8%, rgba(212, 168, 59, 0.16), transparent 24rem), linear-gradient(145deg, rgba(255, 255, 255, 0.086), rgba(255, 255, 255, 0.024)), linear-gradient(rgba(11, 18, 32, 0.82), rgba(5, 8, 15, 0.76)); box-shadow: rgba(0, 0, 0, 0.48) 0px 28px 80px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.index-showcase-box { width: 100%; padding: clamp(18px, 3vw, 28px); border-radius: 32px; border: 1px solid rgba(255, 255, 255, 0.11); background: radial-gradient(circle at 14% 8%, rgba(212, 168, 59, 0.16), transparent 24rem), linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.index-showcase-title { margin: 0px 0px 16px; font: 900 clamp(24px, 3.2vw, 34px) / 1.08 Inter, system-ui, sans-serif; letter-spacing: -0.02em; color: rgb(242, 215, 124); text-shadow: rgba(76, 48, 8, 0.82) 0px 2px 0px, rgba(0, 0, 0, 0.24) 0px 10px 22px; }
.index-games-window { overflow: hidden; width: 100%; border-radius: 26px; }
.index-games-track, .index-payment-grid { display: grid; gap: 16px; width: 100%; align-items: stretch; }
.index-games-track { grid-auto-flow: column; grid-auto-columns: calc(25% - 12px); transition: transform 0.38s cubic-bezier(0.22, 0.78, 0.22, 1); will-change: transform; }
.index-games-track.no-transition { transition: none !important; }
.index-payment-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.index-showcase-card { min-width: 0px; min-height: 220px; padding: 20px 10px 18px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.1); background: radial-gradient(circle at 24% 12%, rgba(212, 168, 59, 0.13), transparent 8rem), linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.027)); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(0, 0, 0, 0.24) 0px 16px 30px; }
.index-showcase-logo { width: 82px; height: 82px; border-radius: 22px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; flex: 0 0 82px; }
.index-showcase-logo img { width: 62px; height: 62px; border-radius: 18px; object-fit: cover; object-position: center center; filter: drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 18px); }
.index-showcase-card.game .index-showcase-logo img { width: 100%; height: 100%; border-radius: 22px; object-fit: cover; }
.index-showcase-card.payment .index-showcase-logo img { object-fit: contain; border-radius: 12px; }
.index-showcase-name { width: 100%; min-height: 48px; margin-top: 14px; color: rgb(255, 255, 255); font: 900 12px / 1.22 Inter, system-ui, sans-serif; letter-spacing: 0.025em; text-transform: uppercase; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.index-showcase-tag { margin-top: auto; color: rgb(242, 215, 124); font: 900 10px / 1 Inter, system-ui, sans-serif; letter-spacing: 0.12em; text-transform: uppercase; text-shadow: rgba(184, 134, 11, 0.18) 0px 6px 16px; }
.index-footer-copy { color: rgba(246, 240, 230, 0.72); text-align: center; font-weight: 800; padding: 4px 92px 4px 0px; }
.copy-protection-overlay { position: fixed; inset: 0px; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 24px; background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(10px); text-align: center; }
.copy-protection-overlay.show { display: flex; }
.copy-protection-box { max-width: 420px; padding: 22px; border-radius: 22px; border: 1px solid rgba(212, 168, 59, 0.3); background: linear-gradient(rgba(28, 24, 18, 0.96), rgba(8, 8, 8, 0.96)); box-shadow: rgba(0, 0, 0, 0.45) 0px 26px 70px; color: rgb(255, 255, 255); font-weight: 850; }
.copy-protection-box i { width: 46px; height: 46px; margin-bottom: 12px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgb(108, 77, 18), rgb(212, 168, 59)); color: rgb(255, 255, 255); }
@media (max-width: 640px) {
  .index-footer-grid { width: min(100% - 18px, 1180px); gap: 18px; }
  .index-footer-card { padding: 14px; border-radius: 24px; }
  .index-showcase-box { padding: 16px; border-radius: 24px; }
  .index-games-track, .index-payment-grid { gap: 10px; }
  .index-games-track { grid-auto-columns: calc(25% - 7.5px); }
  .index-showcase-card { min-height: 145px; padding: 14px 6px 12px; border-radius: 22px; }
  .index-showcase-logo { width: 58px; height: 58px; border-radius: 16px; flex-basis: 58px; }
  .index-showcase-logo img { width: 46px; height: 46px; border-radius: 13px; }
  .index-showcase-card.game .index-showcase-logo img { width: 100%; height: 100%; border-radius: 16px; }
  .index-showcase-name { min-height: 44px; margin-top: 10px; font-size: 10px; letter-spacing: 0.015em; line-height: 1.18; }
  .index-showcase-tag { font-size: 8px; letter-spacing: 0.1em; }
  #side-menu.side-menu { width: min(310px, 100% - 20px); top: 10px; right: 10px; bottom: 10px; border-radius: 22px; }
}
.help-popup { position: fixed; bottom: 90px; right: 24px; background: rgb(30, 37, 53); border: 1px solid rgb(42, 52, 72); border-radius: 20px; padding: 18px; min-width: 220px; opacity: 0; visibility: hidden; transition: 0.2s; z-index: 998; }
.help-popup.show { opacity: 1; visibility: visible; }
.help-popup-btns a { display: flex; align-items: center; gap: 10px; padding: 10px 16px; font-weight: 600; border-radius: 40px; margin-bottom: 8px; text-decoration: none; }
.help-popup-btns a.tg { background: rgb(0, 136, 204); color: white; }
.help-popup-btns a.wa { background: rgb(37, 211, 102); color: white; }
.popup-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(8px); z-index: 500; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.25s; }
.popup-overlay.show { opacity: 1; visibility: visible; }
.popup-box { max-width: 440px; width: 90%; background: linear-gradient(145deg, rgb(26, 31, 46) 0%, rgb(19, 22, 31) 100%); border-radius: 32px; overflow: hidden; transform: scale(0.96); transition: transform 0.25s; border: 1px solid rgba(249, 197, 49, 0.2); }
.popup-overlay.show .popup-box { transform: scale(1); }
.popup-head { background: linear-gradient(135deg, rgb(249, 197, 49), rgb(224, 168, 0)); color: rgb(10, 12, 16); padding: 16px 20px; text-align: center; font-weight: 800; font-size: 20px; }
.popup-body { padding: 24px 20px 12px; text-align: center; }
.popup-body img { width: 100%; max-height: 180px; object-fit: contain; border-radius: 16px; margin-bottom: 16px; background: rgb(255, 255, 255); }
.popup-marquee { font-size: 13px; color: rgb(249, 197, 49); background: rgba(0, 0, 0, 0.2); padding: 8px; border-radius: 40px; margin-bottom: 20px; width: 100%; }
.popup-buttons { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.popup-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 16px; border-radius: 48px; font-weight: 700; font-size: 14px; transition: 0.2s; text-decoration: none; }
.popup-btn.channel { background: rgb(0, 136, 204); color: white; border: 1px solid rgba(255, 255, 255, 0.2); }
.popup-btn.group { background: rgb(30, 37, 53); color: rgb(249, 197, 49); border: 1px solid rgb(249, 197, 49); }
.popup-controls { display: flex; justify-content: space-between; align-items: center; font-size: 13px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.08); margin-top: 8px; }
.popup-hide { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; color: rgb(154, 166, 181); }
.popup-hide input { width: 16px; height: 16px; cursor: pointer; accent-color: rgb(249, 197, 49); }
.popup-close-btn { background: rgb(42, 52, 72); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 6px 16px; border-radius: 40px; color: rgb(255, 255, 255); cursor: pointer; font-size: 13px; font-weight: 600; }
.footer-socials, .top-bar-links { display: none !important; }
.side-menu a[href*="wa.me"], .side-menu a[href*="t.me"] { display: none !important; }
.section-block { margin: 28px 0px 8px; }
.section-row { margin: 28px 0px 18px; gap: 12px; }
.section-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; background: rgba(249, 197, 49, 0.1); border: 1px solid rgba(249, 197, 49, 0.22); color: rgb(249, 197, 49); font-size: 13px; font-weight: 700; transition: 0.2s; white-space: nowrap; }
.section-link:hover { background: rgb(249, 197, 49); color: rgb(10, 12, 16); transform: translateY(-1px); }
.steps-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.step-card { background: linear-gradient(rgba(30, 37, 53, 0.96) 0%, rgba(16, 20, 30, 0.96) 100%); border: 1px solid rgba(42, 52, 72, 0.95); box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 30px; transition: transform 0.2s, border-color 0.2s; }
.step-card:hover { transform: translateY(-4px); border-color: rgba(249, 197, 49, 0.45); }
.testi-section .swiper { padding-bottom: 12px; }
.testi-card { background: linear-gradient(rgba(30, 37, 53, 0.96) 0%, rgba(16, 20, 30, 0.96) 100%); border: 1px solid rgba(42, 52, 72, 0.95); box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 30px; }
.testi-section .swiper-slide { height: auto; }
.testi-card { height: 100%; min-height: 180px; }
.swiper-pagination { position: relative; margin-top: 12px; }
.swiper-pagination-bullet { background: rgba(255, 255, 255, 0.35); opacity: 1; }
.swiper-pagination-bullet-active { background: rgb(249, 197, 49); }
.purch-notif { position: fixed; right: 18px; bottom: 18px; z-index: 1200; display: flex; align-items: center; gap: 9px; width: min(86vw, 310px); padding: 9px 11px 9px 9px; border-radius: 18px; background: radial-gradient(circle at 0% 0%, rgba(249, 197, 49, 0.16), transparent 44%), linear-gradient(145deg, rgba(16, 21, 34, 0.94) 0%, rgba(7, 10, 17, 0.96) 100%); border: 1px solid rgba(249, 197, 49, 0.26); box-shadow: rgba(0, 0, 0, 0.42) 0px 16px 38px, rgba(255, 255, 255, 0.035) 0px 0px 0px 1px inset, rgba(249, 197, 49, 0.08) 0px 0px 28px; backdrop-filter: blur(16px); opacity: 0; transform: translate3d(34px, 18px, 0px) scale(0.91) rotate(1.2deg); filter: blur(5px); pointer-events: none; overflow: hidden; transform-origin: 100% 100%; transition: opacity 0.38s, transform 0.54s cubic-bezier(0.16, 1, 0.3, 1), filter 0.42s; will-change: opacity, transform, filter; }
.purch-notif::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.08) 38%, transparent 56%); transform: translateX(-125%); }
.purch-notif::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, rgb(255, 244, 176), rgb(249, 197, 49), rgb(166, 107, 0)); transform: scaleX(0); transform-origin: left center; opacity: 0.9; }
.purch-notif.show { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg); filter: blur(0px); pointer-events: auto; animation: 0.7s cubic-bezier(0.2, 1.35, 0.28, 1) 0s 1 normal both running purchNotifPop; }
.purch-notif.show::before { animation: 0.9s ease 0.12s 1 normal both running purchNotifShine; }
.purch-notif.show::after { animation: 5.1s linear 0s 1 normal forwards running purchNotifTimer; }
.purch-notif.leaving { opacity: 0; transform: translate3d(42px, 10px, 0px) scale(0.88) rotate(-1.5deg); filter: blur(7px); pointer-events: none; transition: opacity 0.32s, transform 0.38s cubic-bezier(0.55, 0, 0.1, 1), filter 0.32s; }
.purch-notif-img { width: 44px; height: 44px; border-radius: 13px; object-fit: cover; background: rgb(10, 12, 16); border: 1px solid rgba(249, 197, 49, 0.24); box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 18px; flex-shrink: 0; }
.purch-notif-body { flex: 1 1 0%; min-width: 0px; }
.purch-notif-body p { margin: 0px; font-size: 12px; line-height: 1.32; color: rgb(238, 242, 255); font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.purch-notif-body strong { color: rgb(249, 197, 49); font-weight: 900; }
.purch-notif-time { display: inline-flex; margin-top: 5px; padding: 3px 7px; border-radius: 999px; background: rgba(249, 197, 49, 0.12); color: rgb(249, 197, 49); font-size: 10px; font-weight: 900; line-height: 1.1; white-space: nowrap; }
.purch-notif-close { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: rgb(176, 190, 219); background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.07); flex-shrink: 0; font-size: 18px; line-height: 1; transition: transform 0.18s, background 0.18s, color 0.18s; }
.purch-notif-close:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); transform: scale(1.06) rotate(8deg); }
@keyframes purchNotifPop { 
  0% { opacity: 0; transform: translate3d(38px, 22px, 0px) scale(0.86) rotate(2deg); filter: blur(8px); }
  58% { opacity: 1; transform: translate3d(-5px, -3px, 0px) scale(1.025) rotate(-0.6deg); filter: blur(0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg); filter: blur(0px); }
}
@keyframes purchNotifShine { 
  0% { transform: translateX(-125%); }
  100% { transform: translateX(125%); }
}
@keyframes purchNotifTimer { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
@media (max-width: 1024px) {
  .section-title { font-size: 22px; }
  .steps-grid { gap: 16px; }
}
@media (max-width: 768px) {
  .section-block { margin: 24px 0px 6px; }
  .section-row { margin: 20px 0px 14px; align-items: flex-start; }
  .section-title { font-size: 18px; line-height: 1.2; gap: 8px; }
  .section-title-bar { height: 22px; width: 3px; }
  .section-link { font-size: 12px; padding: 8px 12px; }
  .steps-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
  .step-card { padding: 18px 12px 14px; border-radius: 18px; }
  .step-num { width: 26px; height: 26px; font-size: 11px; top: -11px; }
  .step-icon { font-size: 26px; margin: 10px 0px; }
  .step-card h4 { font-size: 13px; margin-bottom: 6px; }
  .step-card p { font-size: 11px; line-height: 1.45; }
  .testi-card { min-height: 168px; padding: 16px; border-radius: 18px; }
  .testi-text { font-size: 12px; line-height: 1.5; margin-bottom: 12px; }
  .footer-grid { grid-template-columns: 1fr; gap: 26px; }
  .footer-main { padding: 36px 0px; }
  .footer-brand-name { font-size: 18px; }
  .footer-desc { font-size: 12px; }
  .footer-img-grid { gap: 6px; margin-bottom: 14px; }
  .footer-img-grid img { border-radius: 10px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
  .purch-notif { right: 12px; bottom: 76px; width: min(82vw, 292px); padding: 8px 10px 8px 8px; gap: 8px; border-radius: 17px; }
  .purch-notif-img { width: 40px; height: 40px; border-radius: 12px; }
  .purch-notif-body p { font-size: 11px; line-height: 1.28; }
  .purch-notif-time { font-size: 9px; padding: 3px 6px; }
  .purch-notif-close { width: 22px; height: 22px; font-size: 16px; }
  .help-popup { right: 14px; bottom: 78px; min-width: min(88vw, 280px); padding: 16px; border-radius: 18px; }
  .side-menu { width: min(88vw, 340px); padding: calc(env(safe-area-inset-top)+14px)14px calc(env(safe-area-inset-bottom)+14px); }
  .side-menu ul li a { padding: 13px 14px; font-size: 14px; }
  .logged-area-mobile { border-radius: 18px; padding: 12px; }
  .side-lang-box { padding: 12px; border-radius: 16px; }
  .side-lang-actions { gap: 8px; }
  .side-lang-btn { height: 40px; border-radius: 10px; }
  .cat-bar-wrap { top: 63px; }
  .container { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 420px) {
  .steps-grid { grid-template-columns: 1fr; }
  .section-title { font-size: 17px; }
  .footer-img-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .popup-box { width: 94vw; border-radius: 24px; }
  .popup-head { font-size: 18px; padding: 14px 16px; }
  .popup-body { padding: 18px 14px 10px; }
  .popup-buttons { gap: 10px; }
}
.brand-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 18px !important; }
.brand-card { border-radius: 20px !important; }
.brand-body { padding: 14px 12px 12px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 6px !important; }
.brand-badge { align-self: center !important; margin: 0px auto 2px !important; min-width: unset !important; width: fit-content !important; padding: 4px 10px !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.2px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 16px !important; }
.brand-name { font-size: 15px !important; line-height: 1.25 !important; margin-bottom: 0px !important; }
.brand-price-range { opacity: 0.92; font-size: 12px !important; line-height: 1.25 !important; margin-bottom: 0px !important; }
.btn-view { min-height: 34px !important; padding: 7px 12px !important; font-size: 12px !important; border-radius: 999px !important; line-height: 1.1 !important; box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 16px !important; }
.btn-view.maintenance { min-height: 34px !important; padding: 7px 12px !important; font-size: 12px !important; border-radius: 999px !important; line-height: 1.1 !important; }
@media (max-width: 1024px) {
  .brand-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 14px !important; }
}
@media (max-width: 768px) {
  .brand-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 10px !important; }
  .brand-card { border-radius: 16px !important; }
  .brand-body { padding: 10px 9px 9px !important; gap: 5px !important; }
  .brand-badge { padding: 4px 9px !important; font-size: 8px !important; }
  .brand-name { font-size: 10px !important; line-height: 1.2 !important; }
  .brand-price-range { font-size: 8px !important; }
  .btn-view { min-height: 30px !important; padding: 6px 8px !important; font-size: 8px !important; }
  .btn-view.maintenance { min-height: 30px !important; padding: 6px 8px !important; font-size: 8px !important; }
}
@media (max-width: 480px) {
  .brand-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 8px !important; }
  .brand-body { padding: 9px 8px 8px !important; }
  .brand-name { font-size: 9px !important; }
  .btn-view, .btn-view.maintenance { min-height: 28px !important; }
}
main { position: relative; z-index: 1; background: radial-gradient(circle at center top, rgba(247, 211, 106, 0.08), transparent 26%), linear-gradient(rgba(8, 8, 8, 0.6) 0%, rgba(5, 5, 5, 0.92) 100%) !important; }
.section-block { position: relative; overflow: hidden; background: linear-gradient(rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0.14)), linear-gradient(145deg, rgba(18, 18, 18, 0.96) 0%, rgba(10, 10, 10, 0.98) 100%) !important; border: 1px solid rgba(247, 211, 106, 0.16) !important; border-radius: 28px !important; padding: 24px !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 18px 40px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset !important; }
.section-block::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 12% 0%, rgba(247, 211, 106, 0.1), transparent 24%), radial-gradient(circle at 88% 100%, rgba(247, 211, 106, 0.08), transparent 22%); opacity: 0.9; }
.section-block > * { position: relative; z-index: 1; }
.site-footer { position: relative; overflow: hidden; background: radial-gradient(circle at center top, rgba(247, 211, 106, 0.1), transparent 28%), linear-gradient(rgb(9, 9, 9) 0%, rgb(4, 4, 4) 100%) !important; border-top: 1px solid rgba(247, 211, 106, 0.24) !important; box-shadow: rgba(0, 0, 0, 0.35) 0px -18px 40px !important; }
.site-footer::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 15% 0%, rgba(247, 211, 106, 0.12), transparent 26%), radial-gradient(circle at 85% 100%, rgba(247, 211, 106, 0.08), transparent 24%); }
.footer-main, .footer-bottom { position: relative; z-index: 1; }
.footer-grid > div { box-shadow: rgba(255, 255, 255, 0.03) 0px 1px 0px inset; background: linear-gradient(rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.12)) !important; border: 1px solid rgba(247, 211, 106, 0.12) !important; border-radius: 22px !important; padding: 22px !important; }
.footer-brand-name, .footer-col-title { text-shadow: rgba(247, 211, 106, 0.18) 0px 0px 18px; }
.footer-bottom { background: rgba(255, 255, 255, 0.02) !important; border-top: 1px solid rgba(247, 211, 106, 0.16) !important; border-radius: 20px 20px 0px 0px !important; padding: 18px 20px !important; }
.footer-img-grid img { background: rgba(255, 255, 255, 0.03); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 22px; }
@media (max-width: 768px) {
  .section-block { padding: 18px !important; border-radius: 22px !important; }
  .footer-grid > div { padding: 18px !important; border-radius: 18px !important; }
  .footer-bottom { padding: 16px !important; border-radius: 16px 16px 0px 0px !important; }
}
html { scroll-behavior: smooth; }
body { background: radial-gradient(circle at 12% 16%, rgba(249, 197, 49, 0.08), transparent 24%), radial-gradient(circle at 88% 10%, rgba(249, 197, 49, 0.05), transparent 20%), linear-gradient(rgb(5, 7, 11) 0%, rgb(9, 12, 18) 42%, rgb(6, 8, 12) 100%); }
a, button, input, .brand-card, .flash-card, .section-block, .cat-btn, .btn-view, .section-badge { transition: 0.25s; }
.page-body { padding-bottom: 28px; }
.container { max-width: 1220px; }
.cat-bar-wrap { margin-top: 12px; }
.cat-bar-outer { background: linear-gradient(rgba(12, 16, 24, 0.96), rgba(8, 11, 17, 0.94)); border: 1px solid rgba(249, 197, 49, 0.16); border-radius: 24px; padding: 10px 54px; box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 44px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset; backdrop-filter: blur(10px); }
.cat-scroll-btn { background: linear-gradient(rgba(26, 33, 49, 0.96), rgba(17, 22, 33, 0.96)); border: 1px solid rgba(249, 197, 49, 0.14); box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 24px; }
.cat-scroll-btn:hover { border-color: rgba(249, 197, 49, 0.45); transform: translateY(-1px); }
.cat-btn { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: rgba(255, 255, 255, 0.02) 0px 1px 0px inset; }
.cat-btn:hover { background: rgba(249, 197, 49, 0.09); border-color: rgba(249, 197, 49, 0.26); transform: translateY(-1px); }
.cat-btn.active { background: linear-gradient(135deg, rgb(255, 226, 122) 0%, rgb(243, 197, 58) 56%, rgb(221, 167, 18) 100%); color: rgb(18, 22, 31); border-color: transparent; box-shadow: rgba(249, 197, 49, 0.24) 0px 12px 26px; }
.cat-btn.active .cat-count { background: rgba(0, 0, 0, 0.14); color: rgb(18, 22, 31); }
.banner-hero { gap: 18px; align-items: stretch; }
.banner-hero-main { min-width: 0px; }
.banner-hero-side { position: relative; overflow: hidden; padding: 22px 20px; border: 1px solid rgba(249, 197, 49, 0.18); background: linear-gradient(rgba(14, 19, 28, 0.96), rgba(8, 11, 16, 0.94)); box-shadow: rgba(0, 0, 0, 0.28) 0px 24px 54px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset; border-radius: 30px !important; }
.banner-hero-side::before { background: radial-gradient(circle at 100% 0%, rgba(249, 197, 49, 0.14), transparent 46%); }
.banner-hero-side::after { content: ""; position: absolute; right: -50px; bottom: -50px; width: 160px; height: 160px; background: radial-gradient(circle, rgba(249, 197, 49, 0.16), transparent 68%); pointer-events: none; }
.banner-hero-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(249, 197, 49, 0.1); border: 1px solid rgba(249, 197, 49, 0.18); color: rgb(255, 231, 165); }
.banner-hero-kicker i, .banner-hero-point i { color: rgb(249, 197, 49); }
.banner-hero-side h3 { font-size: 24px; line-height: 1.25; margin: 16px 0px 12px; }
.banner-hero-side p { color: rgb(185, 195, 217); line-height: 1.65; }
.banner-hero-point { color: rgb(233, 238, 247); background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 16px; padding: 12px 14px !important; }
.banner-hero-point i { font-size: 13px; }
.hero-stat { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.06); }
.hero-stat span { padding: 10px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); color: rgb(243, 246, 252); }
.flash-note-strip { gap: 18px; margin-top: 8px; border-radius: 24px; background: linear-gradient(90deg, rgba(26, 20, 8, 0.72), rgba(34, 28, 14, 0.44) 32%, rgba(13, 16, 24, 0.94)); border: 1px solid rgba(249, 197, 49, 0.18); box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 42px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset; }
.flash-note-label { white-space: nowrap; font-size: 13px; letter-spacing: 0.08em; color: rgb(255, 217, 113); }
.flash-note-marquee { mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 4%, rgb(0, 0, 0) 96%, transparent); }
.flash-note-track span { color: rgb(242, 245, 251); font-weight: 500; }
.product-search-bar { margin: 28px 0px 24px; }
.product-search-container { width: 100%; max-width: 100%; }
.product-search-container form { width: 100%; padding: 12px; border-radius: 28px; background: linear-gradient(rgba(13, 17, 24, 0.96), rgba(9, 12, 18, 0.96)); border: 1px solid rgba(249, 197, 49, 0.14); box-shadow: rgba(0, 0, 0, 0.26) 0px 20px 46px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset; display: flex !important; gap: 12px !important; }
.product-search-container input { flex: 1 1 0%; height: 56px; padding: 0px 22px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 20px; color: rgb(243, 246, 252); font-size: 16px; }
.product-search-container input::placeholder { color: rgb(160, 169, 188); }
.product-search-container input:focus { border-color: rgba(249, 197, 49, 0.46); box-shadow: rgba(249, 197, 49, 0.08) 0px 0px 0px 4px; }
.product-search-container button { height: 56px; padding: 0px 28px; border-radius: 20px; background: linear-gradient(135deg, rgb(255, 226, 122), rgb(241, 195, 52) 58%, rgb(220, 167, 18)); color: rgb(16, 19, 25); font-weight: 800; box-shadow: rgba(249, 197, 49, 0.22) 0px 14px 28px; }
.product-search-container button:hover { transform: translateY(-1px); box-shadow: rgba(249, 197, 49, 0.26) 0px 18px 30px; }
.section-block { margin: 22px 0px 8px; padding: 24px 22px; border-radius: 30px; background: linear-gradient(rgba(14, 18, 26, 0.96), rgba(8, 11, 17, 0.96)); border: 1px solid rgba(249, 197, 49, 0.15); box-shadow: rgba(0, 0, 0, 0.3) 0px 24px 58px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset; }
.section-row { margin: 0px 0px 20px; gap: 14px; }
.section-title { font-size: clamp(26px, 3.8vw, 40px); letter-spacing: -0.02em; }
.section-title-bar { width: 6px; height: 34px; border-radius: 999px; background: linear-gradient(rgb(255, 231, 146), rgb(249, 197, 49)); box-shadow: rgba(249, 197, 49, 0.2) 0px 0px 18px; }
.section-badge { background: linear-gradient(135deg, rgb(255, 226, 122), rgb(241, 195, 52) 58%, rgb(221, 176, 23)); color: rgb(18, 22, 31); border: 0px; box-shadow: rgba(249, 197, 49, 0.2) 0px 12px 24px; }
.brand-grid { gap: 18px; display: grid !important; width: 100% !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
.brand-card { position: relative; overflow: hidden; isolation: isolate; border-radius: 24px; background: linear-gradient(rgba(16, 20, 30, 0.96), rgba(9, 12, 18, 0.98)); border: 1px solid rgba(249, 197, 49, 0.12); box-shadow: rgba(0, 0, 0, 0.26) 0px 18px 42px, rgba(255, 255, 255, 0.02) 0px 1px 0px inset; }
.brand-card::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at right top, rgba(249, 197, 49, 0.1), transparent 28%); pointer-events: none; }
.brand-card:hover { transform: translateY(-4px); border-color: rgba(249, 197, 49, 0.26); box-shadow: rgba(0, 0, 0, 0.34) 0px 24px 50px, rgba(249, 197, 49, 0.06) 0px 0px 0px 1px; }
.brand-img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: rgb(10, 13, 18); transition: transform 0.45s; }
.brand-card:hover .brand-img { transform: scale(1.04); }
.brand-body { padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.brand-name { margin-bottom: 0px; color: rgb(255, 255, 255); font-size: 17px; }
.brand-price-range { margin-bottom: 4px; color: rgb(205, 214, 232); }
.btn-view { margin-top: auto; min-height: 42px; border-radius: 16px; background: linear-gradient(135deg, rgb(255, 226, 122), rgb(241, 195, 52) 58%, rgb(221, 167, 18)); color: rgb(17, 21, 29); font-weight: 800; box-shadow: rgba(249, 197, 49, 0.2) 0px 12px 24px; }
.btn-view:hover { transform: translateY(-1px); }
.testi-card { border-radius: 24px; }
.popup-overlay { padding: 18px; background: rgba(2, 4, 8, 0.8) !important; backdrop-filter: blur(12px) !important; }
.popup-box-premium-compact { width: min(92vw, 410px) !important; max-width: 410px !important; border-radius: 26px !important; background: radial-gradient(circle at 78% 0%, rgba(249, 197, 49, 0.14), transparent 34%), linear-gradient(rgba(16, 20, 30, 0.98), rgba(7, 10, 16, 0.98)) !important; border: 1px solid rgba(249, 197, 49, 0.22) !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 30px 76px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset !important; overflow: hidden !important; }
.popup-head-premium-compact { padding: 16px 18px 0px !important; background: transparent !important; color: rgb(255, 255, 255) !important; text-align: center !important; }
.popup-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: linear-gradient(135deg, rgba(249, 197, 49, 0.22), rgba(249, 197, 49, 0.08)); border: 1px solid rgba(249, 197, 49, 0.28); color: rgb(255, 220, 120); font-size: 13px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; }
.popup-body-premium-compact { padding: 18px 22px 14px !important; text-align: center !important; }
.popup-alert-icon { width: 48px; height: 48px; margin: 0px auto 12px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: linear-gradient(135deg, rgba(249, 197, 49, 0.22), rgba(249, 197, 49, 0.08)); border: 1px solid rgba(249, 197, 49, 0.22); color: rgb(249, 197, 49); font-size: 20px; }
.popup-body-premium-compact h3 { color: rgb(255, 255, 255); line-height: 1.18; margin: 0px 0px 8px !important; font-size: 22px !important; font-weight: 900 !important; }
.popup-body-premium-compact p { margin: 0px !important; color: rgb(194, 204, 221) !important; font-size: 13px !important; line-height: 1.65 !important; }
.popup-foot-premium-compact { padding: 0px 18px 18px !important; }
.popup-buttons-premium-compact { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 12px !important; }
.popup-buttons-premium-compact .popup-btn { box-shadow: rgba(0, 0, 0, 0.22) 0px 14px 26px; min-height: 46px !important; border-radius: 15px !important; font-size: 13px !important; font-weight: 850 !important; padding: 10px !important; }
.popup-btn.channel { background: linear-gradient(135deg, rgb(28, 166, 242), rgb(11, 131, 209)) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; }
.popup-btn.group { background: linear-gradient(135deg, rgba(249, 197, 49, 0.15), rgba(249, 197, 49, 0.07)) !important; color: rgb(255, 215, 106) !important; border: 1px solid rgba(249, 197, 49, 0.3) !important; }
.popup-controls-premium-compact { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding-top: 12px !important; margin-top: 0px !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; }
.popup-hide { font-weight: 600; font-size: 12px !important; color: rgb(174, 184, 203) !important; }
.popup-close-btn { box-shadow: rgba(249, 197, 49, 0.18) 0px 12px 22px; min-width: 82px !important; min-height: 38px !important; padding: 0px 14px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgb(249, 207, 73), rgb(219, 163, 19)) !important; color: rgb(17, 21, 29) !important; font-size: 13px !important; font-weight: 850 !important; }
@media (max-width: 960px) {
  .brand-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
}
@media (max-width: 768px) {
  .container { padding-left: 12px !important; padding-right: 12px !important; }
  .cat-bar-outer { padding: 8px 48px; border-radius: 20px; }
  .flash-note-strip { padding: 12px 14px; gap: 10px; border-radius: 20px; align-items: flex-start; flex-direction: column; }
  .flash-note-label { font-size: 11px; }
  .flash-note-marquee { width: 100%; }
  .flash-note-track span { font-size: 11px; padding-right: 28px; }
  .product-search-container form { padding: 10px; border-radius: 24px; gap: 10px !important; }
  .product-search-container input, .product-search-container button { height: 52px; border-radius: 18px; }
  .product-search-container input { font-size: 15px; }
  .product-search-container button { padding: 0px 22px; }
  .section-block { padding: 20px 16px; border-radius: 24px; }
  .section-title { font-size: 22px; }
  .section-title-bar { width: 5px; height: 28px; }
  .brand-grid { gap: 10px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  .brand-card { border-radius: 18px; }
  .brand-body { padding: 10px; gap: 6px; }
  .brand-name { font-size: 11px !important; line-height: 1.2 !important; }
  .brand-price-range { font-size: 9px !important; }
  .btn-view { font-size: 9px !important; padding: 6px 8px !important; min-height: 30px !important; }
  .popup-box-premium-compact { width: min(92vw, 390px) !important; border-radius: 22px !important; }
  .popup-head-premium-compact { padding: 14px 14px 0px !important; }
  .popup-pill { font-size: 11px; padding: 8px 12px; }
  .popup-body-premium-compact { padding: 16px 16px 12px !important; }
  .popup-alert-icon { width: 42px; height: 42px; margin-bottom: 10px; border-radius: 14px; font-size: 18px; }
  .popup-body-premium-compact h3 { font-size: 18px !important; }
  .popup-body-premium-compact p { font-size: 12px !important; }
  .popup-foot-premium-compact { padding: 0px 14px 14px !important; }
  .popup-buttons-premium-compact { grid-template-columns: 1fr !important; }
  .popup-buttons-premium-compact .popup-btn { min-height: 44px !important; }
  .popup-controls-premium-compact { flex-wrap: wrap; }
  .popup-close-btn { width: 100%; }
}
@media (max-width: 420px) {
  .brand-grid { gap: 8px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  .brand-body { padding: 9px 8px; }
  .brand-name { font-size: 9px !important; }
  .btn-view { min-height: 28px !important; }
}
.footer-brand-grid { align-items: stretch; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 10px !important; margin-bottom: 14px !important; }
.footer-logo-card { position: relative; min-height: 92px; border-radius: 16px; overflow: hidden; background: radial-gradient(circle at 84% 14%, rgba(247, 211, 106, 0.15), transparent 34%), radial-gradient(circle at 15% 86%, rgba(247, 211, 106, 0.07), transparent 36%), linear-gradient(145deg, rgba(16, 18, 25, 0.98), rgba(3, 4, 7, 0.98)); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 8px 8px; isolation: isolate; transition: transform 0.28s, border-color 0.28s, box-shadow 0.28s, filter 0.28s; will-change: transform; border: 1px solid rgba(247, 211, 106, 0.2) !important; box-shadow: rgba(0, 0, 0, 0.34) 0px 12px 26px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset !important; }
.footer-logo-card::before { content: ""; position: absolute; inset: 1px; border-radius: 15px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 30%, rgba(247, 211, 106, 0.06)); pointer-events: none; z-index: -1; }
.footer-logo-card:hover { transform: translateY(-3px) scale(1.025); filter: brightness(1.07); border-color: rgba(247, 211, 106, 0.55) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 18px 38px, rgba(247, 211, 106, 0.13) 0px 0px 24px !important; }
.footer-logo-card img { display: block; position: relative; z-index: 2; width: 54px !important; height: 54px !important; max-width: 58% !important; max-height: 58% !important; object-fit: contain !important; border: 0px !important; border-radius: 14px !important; background: transparent !important; box-shadow: rgba(0, 0, 0, 0.35) 0px 8px 18px !important; }
.footer-logo-card.payment img { filter: drop-shadow(rgba(0, 0, 0, 0.45) 0px 7px 12px); width: 62px !important; height: 48px !important; max-width: 70% !important; max-height: 54% !important; border-radius: 10px !important; box-shadow: none !important; }
.footer-logo-card .fallback-logo { display: none; }
.footer-logo-card .logo-name { display: block; margin-top: 8px; max-width: 100%; font-size: 7.5px; line-height: 1.15; font-weight: 900; letter-spacing: 0.8px; color: rgba(255, 255, 255, 0.92); text-align: center; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.9) 0px 2px 8px; white-space: normal; }
.footer-logo-card.logo-failed img { display: none !important; }
.footer-logo-card.logo-failed .fallback-logo { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 14px; background: rgba(247, 211, 106, 0.12); color: rgb(255, 255, 255); font-size: 9px; line-height: 1.1; font-weight: 900; letter-spacing: 0.6px; text-align: center; text-shadow: rgba(247, 211, 106, 0.35) 0px 0px 10px; }
@media (max-width: 480px) {
  .footer-brand-grid { gap: 8px !important; }
  .footer-logo-card { min-height: 78px; padding: 8px 5px 7px; border-radius: 13px !important; }
  .footer-logo-card::before { border-radius: 12px; }
  .footer-logo-card img { width: 44px !important; height: 44px !important; border-radius: 12px !important; }
  .footer-logo-card.payment img { width: 50px !important; height: 38px !important; }
  .footer-logo-card .logo-name { margin-top: 6px; font-size: 6.4px; letter-spacing: 0.45px; }
}
@media (min-width: 961px) {
  .banner-hero { display: block !important; }
  .banner-hero-main { width: 100% !important; max-width: 100% !important; }
  .banner-hero-side { display: none !important; }
}
.search-smart-wrap { position: relative; z-index: 45; }
.search-input-shell { position: relative; flex: 1 1 0%; min-width: 0px; display: flex; }
.search-input-shell input { width: 100%; }
.search-suggestions { position: absolute; left: 0px; right: 0px; max-height: 320px; overflow-y: auto; z-index: 120; padding: 10px; border-radius: 24px; background: linear-gradient(rgba(13, 17, 25, 0.98), rgba(7, 10, 16, 0.98)); border: 1px solid rgba(249, 197, 49, 0.2); box-shadow: rgba(0, 0, 0, 0.58) 0px 24px 58px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset; backdrop-filter: blur(18px); }
.search-suggestions::-webkit-scrollbar { width: 7px; }
.search-suggestions::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.03); border-radius: 999px; }
.search-suggestions::-webkit-scrollbar-thumb { background: rgba(249, 197, 49, 0.34); border-radius: 999px; }
.product-search-container .search-suggestion-item, .product-search-container button.search-suggestion-item { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; height: auto !important; min-height: 58px !important; margin: 0px 0px 7px !important; padding: 10px 12px !important; border-radius: 17px !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; background: linear-gradient(rgba(18, 23, 33, 0.94), rgba(12, 16, 24, 0.94)) !important; color: rgb(237, 242, 255) !important; text-align: left !important; cursor: pointer !important; box-shadow: none !important; transform: none !important; transition: background 0.16s, border-color 0.16s, box-shadow 0.16s, transform 0.16s !important; }
.product-search-container .search-suggestion-item:last-child { margin-bottom: 0px !important; }
.product-search-container .search-suggestion-item:hover, .product-search-container .search-suggestion-item.active { background: linear-gradient(rgba(31, 29, 18, 0.98), rgba(16, 18, 23, 0.98)) !important; border-color: rgba(249, 197, 49, 0.42) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 10px 22px, rgba(249, 197, 49, 0.9) 3px 0px 0px inset !important; transform: translateY(-1px) !important; }
.search-suggestion-icon { width: 36px; height: 36px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: rgba(249, 197, 49, 0.11); color: rgb(249, 197, 49); border: 1px solid rgba(249, 197, 49, 0.12); flex: 0 0 auto; }
.search-suggestion-main { min-width: 0px; flex: 1 1 0%; display: flex; flex-direction: column; gap: 3px; }
.search-suggestion-title { display: block; font-weight: 850; font-size: 14px; line-height: 1.2; color: rgb(246, 248, 255); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-suggestion-type { display: block; font-size: 11px; line-height: 1.15; color: rgb(127, 138, 161); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-suggestion-badge { flex: 0 0 auto; font-size: 10px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(18, 21, 28); background: linear-gradient(135deg, rgb(255, 226, 122), rgb(246, 198, 55)); border-radius: 99px; padding: 6px 10px; box-shadow: none; }
.search-empty { padding: 14px; color: rgb(154, 166, 181); font-size: 13px; }
.search-highlight { color: rgb(249, 197, 49); background: transparent !important; }
@media (max-width: 768px) {
  .product-search-container form { align-items: stretch; }
  .search-input-shell { width: 100%; }
  .search-suggestions { border-radius: 20px; max-height: 300px; padding: 8px; }
  .product-search-container .search-suggestion-item, .product-search-container button.search-suggestion-item { min-height: 54px !important; padding: 9px 10px !important; border-radius: 15px !important; }
  .search-suggestion-title { font-size: 13px; }
  .search-suggestion-icon { width: 32px; height: 32px; border-radius: 11px; }
  .search-suggestion-badge { font-size: 9px; padding: 5px 8px; }
  .product-search-container button { min-width: 92px; }
}
@media (max-width: 480px) {
  .product-search-container form { display: grid !important; grid-template-columns: 1fr auto; }
  .search-suggestions { left: -2px; right: -2px; }
  .product-search-container button { padding: 0px 16px !important; }
  .product-search-container button i { margin-right: 0px; }
}
.flash-note-label i { animation: 1.8s ease-in-out 0s infinite normal none running announcementBullhornPulse; filter: drop-shadow(rgba(249, 197, 49, 0.42) 0px 0px 8px); color: rgb(249, 197, 49) !important; }
.flash-note-track .announcement-item { align-items: center; gap: 9px; padding-right: 64px; font-size: 12px; font-weight: 700; letter-spacing: 0.03em; white-space: nowrap; display: inline-flex !important; color: rgb(242, 245, 251) !important; }
.flash-note-track .announcement-item strong { color: rgb(255, 216, 111); font-weight: 950; text-shadow: rgba(249, 197, 49, 0.22) 0px 0px 14px; }
.flash-note-track .announcement-item.is-default { color: rgb(248, 223, 149) !important; font-weight: 600; }
.flash-note-track .announcement-item.is-default strong { color: rgb(248, 223, 149); font-weight: 800; text-shadow: none; }
.announcement-divider { color: rgba(255, 255, 255, 0.34) !important; padding: 0px 2px !important; }
.announcement-fire-emoji { display: inline-flex; align-items: center; justify-content: center; font-size: 17px; line-height: 1; transform-origin: center bottom; filter: drop-shadow(rgba(255, 48, 48, 0.85) 0px 0px 6px) drop-shadow(rgba(255, 0, 0, 0.46) 0px 0px 12px) drop-shadow(rgba(249, 197, 49, 0.22) 0px 0px 18px); animation: 0.72s ease-in-out 0s infinite alternate none running announcementFireRedBlink; }
.announcement-fire-emoji.fire-end { animation-delay: 0.22s; }
@keyframes announcementFireRedBlink { 
  0% { opacity: 0.72; transform: translateY(1px) scale(0.94) rotate(-3deg); filter: drop-shadow(rgba(255, 48, 48, 0.5) 0px 0px 3px) drop-shadow(rgba(255, 0, 0, 0.25) 0px 0px 9px); }
  45% { opacity: 1; transform: translateY(-1px) scale(1.14) rotate(4deg); filter: drop-shadow(rgb(255, 35, 35) 0px 0px 8px) drop-shadow(rgba(255, 0, 0, 0.72) 0px 0px 18px) drop-shadow(rgba(249, 197, 49, 0.32) 0px 0px 24px); }
  100% { opacity: 0.9; transform: translateY(0px) scale(1.03) rotate(-1deg); filter: drop-shadow(rgba(255, 60, 60, 0.85) 0px 0px 6px) drop-shadow(rgba(255, 0, 0, 0.52) 0px 0px 14px); }
}
@keyframes announcementBullhornPulse { 
  0%, 100% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(-7deg) scale(1.12); }
}
@media (max-width: 768px) {
  .flash-note-track .announcement-item { gap: 7px; font-size: 11px !important; padding-right: 46px !important; }
  .announcement-fire-emoji { font-size: 16px; }
}
#side-menu ul li a span { flex: 1 1 0%; min-width: 0px; }
.side-menu::-webkit-scrollbar { width: 4px; }
.side-menu::-webkit-scrollbar-thumb { background: rgba(212, 168, 59, 0.35); border-radius: 99px; }
@media (max-width: 640px) {
  .side-menu ul li a { min-height: 42px; }
  .side-menu ul li a i { width: 28px; height: 28px; font-size: 12px; }
  .index-footer-copy { padding-right: 88px; font-size: 14px; line-height: 1.4; }
}
html, body { overflow-x: hidden !important; }
.index-footer { width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding-bottom: 92px !important; margin: 0px !important; transform: none !important; }
.index-footer .container.index-footer-grid, .container.index-footer-grid, .index-footer-grid { width: min(1180px, 100% - 32px) !important; max-width: calc(100% - 32px) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0px !important; padding-right: 0px !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important; }
.index-footer-card, .index-showcase-box, .index-games-window, .index-games-track, .index-payment-grid { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; margin-left: 0px !important; margin-right: 0px !important; }
@media (max-width: 640px) {
  .index-footer { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; }
  .index-footer .container.index-footer-grid, .container.index-footer-grid, .index-footer-grid { width: calc(100% - 18px) !important; max-width: calc(100% - 18px) !important; margin-left: auto !important; margin-right: auto !important; }
  .index-footer-card { padding: 14px !important; }
  .index-showcase-box { padding: 16px !important; }
  .index-footer-copy { padding-left: 0px !important; padding-right: 88px !important; text-align: center !important; }
}
@media (max-width: 640px) {
  .side-menu-close { left: -18px; top: 43%; width: 42px; height: 42px; }
}
#side-overlay.side-overlay { background: rgba(0, 0, 0, 0.42) !important; backdrop-filter: blur(2px) !important; z-index: 300 !important; }
#side-menu.side-menu { position: fixed !important; top: 28px !important; right: -430px !important; width: min(410px, 100% - 22px) !important; height: calc(-46px + 100vh) !important; z-index: 301 !important; padding: 0px !important; background: rgba(255, 179, 0, 0.14) !important; border-radius: 16px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px !important; backdrop-filter: blur(2px) !important; border: 1px solid rgb(255, 179, 0) !important; overflow: hidden auto !important; transform: none !important; transition: right 0.34s cubic-bezier(0.22, 1, 0.36, 1) !important; }
#side-menu.side-menu.active { right: 10px !important; transform: none !important; }
#side-menu.side-menu::before, #side-menu.side-menu::after { display: none !important; pointer-events: none !important; }
#side-menu .side-head { position: relative !important; z-index: 5 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; padding: 22px 112px 16px 18px !important; border-bottom: 1px solid rgba(255, 179, 0, 0.42) !important; background: transparent !important; }
#side-menu .side-body { position: relative !important; z-index: 4 !important; padding: 10px 12px 0px !important; }
#side-menu .side-menu-close { position: absolute !important; top: 16px !important; right: 16px !important; left: auto !important; transform: none !important; width: auto !important; min-width: 78px !important; height: 38px !important; padding: 0px 14px !important; border-radius: 16px !important; background: rgba(255, 179, 0, 0.14) !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px !important; backdrop-filter: blur(2px) !important; border: 1px solid rgb(255, 179, 0) !important; color: rgb(246, 240, 230) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; pointer-events: auto !important; z-index: 9999 !important; margin: 0px !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: 0.14em !important; line-height: 1 !important; }
#side-menu .side-menu-close span { pointer-events: none !important; }
#side-menu ul { list-style: none !important; margin: 0px !important; padding: 0px !important; display: grid !important; gap: 10px !important; }
#side-menu ul li a { min-height: 50px !important; display: flex !important; align-items: center !important; gap: 12px !important; padding: 0px 14px !important; border-radius: 16px !important; background: rgba(8, 9, 12, 0.62) !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 24px !important; border: 1px solid rgba(255, 179, 0, 0.46) !important; color: rgb(246, 240, 230) !important; font-size: 14px !important; font-weight: 900 !important; backdrop-filter: none !important; }
@media (max-width: 640px) {
  #side-menu.side-menu { top: 18px !important; width: min(410px, 100% - 22px) !important; height: calc(-36px + 100vh) !important; }
  #side-menu.side-menu.active { right: 10px !important; }
  #side-menu .side-menu-close { top: 14px !important; right: 14px !important; left: auto !important; transform: none !important; width: auto !important; min-width: 74px !important; height: 36px !important; padding: 0px 12px !important; }
}
#side-menu ul li a:hover { background: rgba(18, 19, 22, 0.78) !important; border-color: rgba(255, 179, 0, 0.78) !important; color: rgb(255, 255, 255) !important; backdrop-filter: none !important; }
#side-menu ul li a i { background: linear-gradient(135deg, rgba(255, 179, 0, 0.88), rgba(143, 103, 0, 0.88)) !important; border: 1px solid rgba(255, 179, 0, 0.46) !important; box-shadow: none !important; backdrop-filter: none !important; }
.popup-overlay { position: fixed; inset: 0px; z-index: 500; display: flex; align-items: center; justify-content: center; padding: 18px; opacity: 0; visibility: hidden; transition: 0.25s; background: rgba(0, 0, 0, 0.62) !important; backdrop-filter: blur(10px) !important; }
.popup-box, .popup-box-premium-compact { position: relative; transform: scale(0.96); transition: transform 0.25s; width: min(92vw, 430px) !important; max-width: 430px !important; border-radius: 26px !important; overflow: hidden !important; background: rgba(255, 179, 0, 0.14) !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px !important; backdrop-filter: blur(2px) !important; border: 1px solid rgb(255, 179, 0) !important; }
.popup-overlay.show .popup-box, .popup-overlay.show .popup-box-premium-compact { transform: scale(1); }
.popup-box-premium-compact::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: radial-gradient(circle at 50% 0%, rgba(255, 179, 0, 0.22), transparent 38%), linear-gradient(rgba(8, 10, 14, 0.52), rgba(8, 10, 14, 0.28)); }
.popup-head, .popup-head-premium-compact, .popup-body, .popup-body-premium-compact, .popup-foot-premium-compact { position: relative !important; z-index: 1 !important; background: transparent !important; }
.popup-head-premium-compact { padding: 22px 18px 0px !important; color: rgb(255, 255, 255) !important; text-align: center !important; }
.popup-pill { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important; padding: 10px 18px !important; border-radius: 999px !important; background: rgba(8, 9, 12, 0.48) !important; border: 1px solid rgba(255, 179, 0, 0.72) !important; color: rgb(255, 224, 138) !important; font-size: 12px !important; font-weight: 950 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 24px !important; }
.popup-body-premium-compact { padding: 24px 24px 18px !important; text-align: center !important; }
.popup-alert-icon { width: 58px !important; height: 58px !important; margin: 0px auto 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 18px !important; background: rgba(239, 68, 68, 0.14) !important; border: 1px solid rgba(239, 68, 68, 0.55) !important; color: rgb(255, 47, 47) !important; font-size: 25px !important; box-shadow: rgba(239, 68, 68, 0.24) 0px 0px 24px !important; animation: 1s ease-in-out 0s infinite normal none running dangerBlinkV18 !important; }
@keyframes dangerBlinkV18 { 
  0%, 100% { opacity: 1; transform: scale(1); box-shadow: rgba(239, 68, 68, 0.2) 0px 0px 18px; }
  50% { opacity: 0.48; transform: scale(0.96); box-shadow: rgba(239, 68, 68, 0.65) 0px 0px 34px; }
}
.popup-body-premium-compact h3 { max-width: 360px !important; margin: 0px auto 12px !important; color: rgb(255, 255, 255) !important; font-size: clamp(20px, 4.8vw, 27px) !important; line-height: 1.22 !important; font-weight: 950 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; }
.popup-body-premium-compact p { max-width: 370px !important; margin: 0px auto !important; color: rgba(246, 240, 230, 0.86) !important; font-size: 14px !important; line-height: 1.7 !important; font-weight: 600 !important; }
.popup-foot-premium-compact { padding: 0px 22px 22px !important; }
.popup-buttons-premium-compact { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-bottom: 14px !important; }
.popup-buttons-premium-compact .popup-btn { min-height: 50px !important; border-radius: 16px !important; font-size: 14px !important; font-weight: 900 !important; padding: 11px 14px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 26px !important; }
.popup-btn.channel { background: linear-gradient(135deg, rgb(28, 166, 242), rgb(11, 131, 209)) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; }
.popup-btn.group { background: rgba(8, 9, 12, 0.44) !important; color: rgb(255, 215, 106) !important; border: 1px solid rgba(255, 179, 0, 0.56) !important; }
.popup-controls-premium-compact { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; padding-top: 14px !important; margin-top: 0px !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
.popup-hide { display: flex !important; align-items: center !important; gap: 10px !important; color: rgba(246, 240, 230, 0.78) !important; font-size: 13px !important; font-weight: 700 !important; }
.popup-hide input { width: 18px !important; height: 18px !important; accent-color: rgb(242, 215, 124) !important; }
.popup-close-btn { width: 100% !important; min-height: 46px !important; border-radius: 999px !important; background: linear-gradient(135deg, rgb(249, 207, 73), rgb(219, 163, 19)) !important; color: rgb(17, 21, 29) !important; font-size: 14px !important; font-weight: 950 !important; border: 0px !important; cursor: pointer !important; }
@media (max-width: 420px) {
  .popup-body-premium-compact { padding: 22px 18px 16px !important; }
  .popup-body-premium-compact h3 { font-size: 20px !important; }
  .popup-body-premium-compact p { font-size: 13px !important; line-height: 1.65 !important; }
  .popup-foot-premium-compact { padding: 0px 18px 18px !important; }
}
#side-menu.side-menu { top: 22px !important; height: auto !important; max-height: calc(-150px + 100vh) !important; padding-bottom: 14px !important; overflow: hidden auto !important; }
#side-menu .side-head { min-height: auto !important; padding: 16px 112px 14px 18px !important; }
#side-menu .brand-mark { width: 48px !important; height: 48px !important; }
#side-menu .brand-line.top { font-size: 13px !important; line-height: 1.05 !important; }
#side-menu .brand-line.bottom { font-size: 16px !important; line-height: 1.05 !important; }
#side-menu .side-body { padding: 8px 14px 2px !important; }
#side-menu ul { gap: 8px !important; }
#side-menu ul li a { min-height: 46px !important; padding: 0px 13px !important; border-radius: 15px !important; font-size: 13px !important; }
#side-menu ul li a i { width: 34px !important; height: 34px !important; border-radius: 13px !important; font-size: 13px !important; }
#side-menu .side-menu-close { top: 14px !important; right: 14px !important; min-width: 74px !important; height: 34px !important; padding: 0px 12px !important; border-radius: 14px !important; font-size: 10px !important; }
@media (max-width: 640px) {
  #side-menu.side-menu { top: 20px !important; max-height: calc(-170px + 100vh) !important; width: min(410px, 100% - 22px) !important; }
  #side-menu .side-head { padding: 15px 104px 13px 16px !important; }
  #side-menu .side-body { padding: 8px 12px 2px !important; }
  #side-menu ul li a { min-height: 45px !important; }
}
.choice-modal, .modal-login { position: fixed; inset: 0px; z-index: 3000; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.58); backdrop-filter: blur(12px); }
.modal-login { z-index: 2000; }
.choice-card, .login-glass-card { position: relative; width: min(92vw, 430px); border-radius: 24px; padding: 26px 24px; overflow: hidden; text-align: center; background: rgba(255, 179, 0, 0.14); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px; backdrop-filter: blur(2px); border: 1px solid rgb(255, 179, 0); }
.choice-card::before, .login-glass-card::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: radial-gradient(circle at 50% 0%, rgba(255, 179, 0, 0.2), transparent 42%), linear-gradient(rgba(7, 9, 13, 0.5), rgba(7, 9, 13, 0.28)); }
.choice-card > *, .login-glass-card > * { position: relative; z-index: 1; }
.choice-head { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 10px; }
.choice-icon { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: rgba(255, 179, 0, 0.16); border: 1px solid rgba(255, 179, 0, 0.42); color: rgb(255, 224, 138); font-size: 18px; }
.choice-card h3, .login-glass-card h3 { margin: 0px 0px 22px; color: rgb(255, 224, 138); font-size: 22px; font-weight: 950; letter-spacing: 0.03em; }
.choice-head h3 { margin: 0px; }
.choice-card p { margin: 0px 0px 18px; color: rgba(246, 240, 230, 0.82); font-size: 13px; line-height: 1.5; }
.choice-buttons { display: grid; grid-template-columns: 1fr; gap: 12px; }
.choice-btn, .login-glass-card input[type="text"], .login-glass-card input[type="email"], .login-glass-card input[type="password"] { width: 100%; min-height: 48px; border-radius: 16px; background: rgba(8, 9, 12, 0.58); border: 1px solid rgba(255, 179, 0, 0.36); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.14) 0px 10px 24px; backdrop-filter: none; }
.choice-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0px 16px; cursor: pointer; font-weight: 900; }
.choice-btn i { color: rgb(255, 224, 138); }
.choice-btn:hover { border-color: rgba(255, 179, 0, 0.86); background: rgba(18, 19, 22, 0.78); }
.login-glass-card input[type="text"], .login-glass-card input[type="email"], .login-glass-card input[type="password"] { display: block; margin: 9px 0px; padding: 0px 14px; font-size: 14px; outline: none; }
.login-glass-card input::placeholder { color: rgba(246, 240, 230, 0.55); }
.login-check-row { display: flex; justify-content: space-between; gap: 12px; margin: 18px 0px 16px; color: rgba(246, 240, 230, 0.82); font-size: 13px; font-weight: 700; }
.login-check-row.single { justify-content: flex-start; }
.login-check-row label { display: inline-flex; align-items: center; gap: 8px; }
.login-submit { width: 100%; min-height: 48px; border: 0px; border-radius: 999px; background: linear-gradient(135deg, rgb(249, 207, 73), rgb(219, 163, 19)); color: rgb(17, 21, 29); box-shadow: rgba(249, 197, 49, 0.18) 0px 14px 26px; font-weight: 950; cursor: pointer; }
.choice-close { margin-top: 14px; color: rgb(255, 224, 138); cursor: pointer; background: transparent; border: 0px; font-weight: 850; }
.close-modal { top: 18px; right: 22px; z-index: 9999; width: 44px; height: 44px; border: 0px; border-radius: 16px; display: grid; place-items: center; background: rgba(8, 9, 12, 0.42); color: rgb(255, 255, 255); font-size: 34px; line-height: 1; cursor: pointer; pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; text-shadow: rgba(255, 179, 0, 0.35) 0px 0px 16px; position: absolute !important; }
.close-modal:active { transform: scale(0.96); }
.login-error { text-align: center; margin-bottom: 10px; font-weight: 800; font-size: 13px; color: rgb(255, 140, 140) !important; }
.login-register-link { text-align: center; margin-top: 16px; }
.login-register-link a, .login-glass-card a { color: rgb(255, 224, 138); font-weight: 850; text-decoration: none; }
@media (max-width: 480px) {
  .choice-card, .login-glass-card { width: min(92vw, 420px); padding: 24px 20px; border-radius: 22px; }
  .login-check-row { flex-direction: column; align-items: flex-start; }
}
.game-browser-block { overflow: visible !important; }
.game-browser-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; }
.game-card { min-width: 0px; }
.game-card-btn { width: 100%; min-width: 0px; border: 1px solid rgba(247, 211, 106, 0.18); background: radial-gradient(circle at 20% 0%, rgba(247, 211, 106, 0.13), transparent 12rem), linear-gradient(rgba(20, 20, 20, 0.96), rgba(9, 9, 9, 0.98)); box-shadow: rgba(0, 0, 0, 0.38) 0px 18px 38px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset; border-radius: 24px; padding: 14px; color: rgb(248, 245, 234); cursor: pointer; text-align: left; display: flex; flex-direction: column; gap: 12px; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; transform: translateZ(0px); backface-visibility: hidden; }
.game-card-btn:hover { transform: translateY(-4px); border-color: rgba(247, 211, 106, 0.45); box-shadow: rgba(0, 0, 0, 0.48) 0px 24px 50px, rgba(247, 211, 106, 0.1) 0px 0px 0px 1px; }
.game-img-wrap { position: relative; width: 100%; aspect-ratio: 1 / 1; display: block; border-radius: 20px; overflow: hidden; background: rgba(247, 211, 106, 0.08); border: 1px solid rgba(247, 211, 106, 0.18); isolation: isolate; }
.game-img-wrap::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(255, 255, 255, 0.06), transparent 30%, rgba(0, 0, 0, 0.14)); pointer-events: none; }
.game-img { width: 100%; height: 100%; object-fit: cover; display: block; image-rendering: auto; transform: translateZ(0px) scale(1.01); filter: saturate(1.08) contrast(1.05) brightness(1.03); transition: transform 0.42s, filter 0.34s; backface-visibility: hidden; }
.game-card-btn:hover .game-img { transform: scale(1.045); filter: saturate(1.14) contrast(1.07) brightness(1.05); }
.game-body { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; min-width: 0px; }
.game-name { font-family: Oxanium, Inter, sans-serif; font-size: 18px; font-weight: 900; color: rgb(255, 255, 255); line-height: 1.15; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.game-count { display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: rgb(201, 194, 181); font-size: 12px; font-weight: 850; }
.game-count i { color: rgb(248, 201, 49); }
.game-view-badge { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 0px 13px; border-radius: 999px; background: linear-gradient(135deg, rgba(248, 201, 49, 0.24), rgba(185, 137, 25, 0.12)); border: 1px solid rgba(248, 201, 49, 0.3); color: rgb(255, 229, 138); font-size: 12px; font-weight: 950; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.game-modal { position: fixed; inset: 0px; z-index: 5000; display: none; align-items: center; justify-content: center; padding: 18px; }
.game-modal.show { display: flex; }
.game-modal-backdrop { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.76); backdrop-filter: blur(12px); }
.game-modal-box { position: relative; width: min(1020px, 100%); max-height: min(86vh, 840px); overflow: auto; overscroll-behavior: contain; border-radius: 30px; border: 1px solid rgba(248, 201, 49, 0.25); background: radial-gradient(circle at 12% 0%, rgba(248, 201, 49, 0.15), transparent 19rem), radial-gradient(circle at 88% 22%, rgba(0, 255, 255, 0.043), transparent 18rem), linear-gradient(rgba(17, 18, 22, 0.98), rgba(5, 6, 8, 0.99)); box-shadow: rgba(0, 0, 0, 0.7) 0px 34px 100px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; }
.game-modal-head { position: sticky; top: 0px; z-index: 30; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 22px; border-bottom: 1px solid rgba(248, 201, 49, 0.16); background: rgba(7, 8, 10, 0.92); backdrop-filter: blur(14px); }
.game-modal-kicker { display: inline-flex; color: rgb(248, 201, 49); font-size: 11px; font-weight: 950; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 7px; }
.game-modal-head h3 { font-family: Oxanium, Inter, sans-serif; font-size: 28px; line-height: 1.1; color: rgb(255, 255, 255); margin: 0px 0px 5px; }
.game-modal-head p { color: rgb(170, 163, 148); font-size: 13px; font-weight: 850; margin: 0px; }
.game-modal-close { width: 48px; height: 48px; border-radius: 16px; border: 1px solid rgba(248, 201, 49, 0.22); background: rgba(248, 201, 49, 0.08); color: rgb(255, 229, 138); cursor: pointer; flex: 0 0 auto; transition: transform 0.2s, background 0.2s, border-color 0.2s; }
.game-modal-close:hover { transform: translateY(-1px); background: rgba(248, 201, 49, 0.13); border-color: rgba(248, 201, 49, 0.34); }
.game-modal-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; padding: 20px; }
.game-brand-card { min-width: 0px; border-radius: 22px; border: 1px solid rgba(248, 201, 49, 0.16); background: radial-gradient(circle at 22% 0%, rgba(248, 201, 49, 0.11), transparent 13rem), linear-gradient(rgba(18, 22, 30, 0.98), rgba(8, 9, 12, 0.99)); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.38) 0px 16px 36px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; transform: translateZ(0px); backface-visibility: hidden; }
.game-brand-card:hover { transform: translateY(-4px); border-color: rgba(248, 201, 49, 0.36); box-shadow: rgba(0, 0, 0, 0.48) 0px 22px 48px, rgba(248, 201, 49, 0.08) 0px 0px 0px 1px; }
.game-brand-img-box { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; display: block; isolation: isolate; background: radial-gradient(circle at 50% 20%, rgba(248, 201, 49, 0.13), rgba(248, 201, 49, 0.035) 55%, rgba(5, 8, 14, 0.98)); border-bottom: 1px solid rgba(248, 201, 49, 0.12); }
.game-brand-img-box::after { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.06), transparent 28%, rgba(0, 0, 0, 0.16)); }
.game-brand-img { width: 100%; height: 100%; object-fit: cover; display: block; image-rendering: auto; transform: translateZ(0px) scale(1.01); transition: transform 0.46s, filter 0.34s; filter: saturate(1.09) contrast(1.05) brightness(1.035); backface-visibility: hidden; }
.game-brand-card:hover .game-brand-img { transform: scale(1.045); filter: saturate(1.15) contrast(1.07) brightness(1.05); }
.game-brand-body { padding: 12px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; background: linear-gradient(rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0)); }
.game-brand-name { font-size: 14px; font-weight: 950; color: rgb(255, 255, 255); line-height: 1.25; overflow-wrap: anywhere; }
.game-brand-price { font-size: 11px; font-weight: 850; color: rgba(255, 255, 255, 0.8); line-height: 1.3; }
.game-brand-platform { display: inline-flex; min-height: 24px; align-items: center; justify-content: center; border-radius: 999px; padding: 0px 9px; font-size: 9px; font-weight: 950; background: rgba(248, 201, 49, 0.13); border: 1px solid rgba(248, 201, 49, 0.2); color: rgb(255, 229, 138); box-shadow: rgba(255, 255, 255, 0.18) 0px 1px 0px inset; }
.game-brand-platform.android { background: linear-gradient(135deg, rgb(184, 243, 200), rgb(109, 220, 141)); color: rgb(20, 49, 30); }
.game-brand-platform.ios { background: linear-gradient(135deg, rgb(199, 236, 255), rgb(124, 199, 255)); color: rgb(11, 42, 69); }
.game-brand-platform.account { background: linear-gradient(135deg, rgb(248, 214, 109), rgb(184, 135, 24)); color: rgb(20, 16, 10); }
.game-brand-platform.pc { background: linear-gradient(135deg, rgb(214, 211, 255), rgb(139, 92, 246)); color: rgb(22, 15, 55); }
.game-buy-btn, .game-maintenance-badge { width: 100%; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 999px; font-size: 12px; font-weight: 950; box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(0, 0, 0, 0.24) 0px 12px 22px; }
.game-buy-btn { background: linear-gradient(135deg, rgb(255, 216, 77), rgb(248, 201, 49) 46%, rgb(220, 163, 19)); color: rgb(10, 12, 16); }
.game-maintenance-badge { background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.22); color: rgb(254, 202, 202); }
.game-modal-empty { grid-column: 1 / -1; padding: 34px 18px; text-align: center; color: rgb(170, 163, 148); font-weight: 850; border: 1px dashed rgba(248, 201, 49, 0.2); border-radius: 22px; background: rgba(248, 201, 49, 0.04); }
@media (max-width: 1024px) {
  .game-browser-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
  .game-modal-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 768px) {
  .game-browser-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 11px; }
  .game-card-btn { border-radius: 18px; padding: 10px; gap: 9px; }
  .game-card-btn:hover { transform: translateY(-2px); }
  .game-img-wrap { border-radius: 15px; }
  .game-name { font-size: 14px; }
  .game-count { font-size: 10px; }
  .game-view-badge { min-height: 30px; font-size: 10px; padding: 0px 10px; }
  .game-modal { padding: 62px 10px 10px; align-items: flex-start; }
  .game-modal-box { width: 100%; max-height: calc(-82px + 100vh); border-radius: 24px; }
  .game-modal-head { padding: 16px; }
  .game-modal-head h3 { font-size: 22px; }
  .game-modal-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; padding: 12px; }
  .game-brand-card { border-radius: 18px; }
  .game-brand-card:hover { transform: translateY(-2px); }
  .game-brand-body { padding: 10px; gap: 6px; }
  .game-brand-name { font-size: 12px; }
  .game-brand-price { font-size: 9px; }
  .game-buy-btn, .game-maintenance-badge { min-height: 30px; font-size: 10px; }
}
@media (max-width: 420px) {
  .game-modal-grid { gap: 8px; padding: 10px; }
  .game-brand-body { padding: 9px 8px; }
  .game-buy-btn, .game-maintenance-badge { font-size: 9px; }
}
.flash-sale-wrapper { overflow: hidden !important; }
.flash-card { display: grid !important; grid-template-columns: minmax(128px, 38%) minmax(0px, 62%) !important; align-items: stretch !important; padding: 0px !important; overflow: hidden !important; isolation: isolate !important; border-radius: 28px !important; }
.flash-img-wrap { position: relative !important; width: 100% !important; height: auto !important; min-height: 100% !important; align-self: stretch !important; overflow: hidden !important; border-radius: 0px !important; background: rgb(7, 9, 14) !important; }
.flash-img-wrap img { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; border-radius: 0px !important; }
.flash-img-wrap::after { inset: 0px !important; border-radius: 0px !important; }
.flash-info { min-width: 0px !important; overflow: hidden !important; }
@media (max-width: 768px) {
  .flash-card { grid-template-columns: 37% 63% !important; min-height: 170px !important; border-radius: 22px !important; }
  .flash-img-wrap { min-height: 170px !important; border-radius: 0px !important; }
  .flash-img-wrap img { object-fit: cover !important; object-position: center center !important; }
  .flash-info { padding: 15px 12px !important; gap: 7px !important; }
  .flash-discount { top: 10px !important; left: 10px !important; font-size: 11px !important; padding: 7px 9px !important; }
}
@media (max-width: 420px) {
  .flash-card { grid-template-columns: 36% 64% !important; min-height: 160px !important; }
  .flash-img-wrap { min-height: 160px !important; }
  .flash-info { padding: 13px 11px !important; }
}
.game-browser-grid { gap: 18px; align-items: stretch; display: grid !important; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
.game-card, .brand-grid > .brand-card, .game-modal-grid > .game-brand-card { min-width: 0px; }
.game-card-btn, .brand-card, .game-brand-card { height: 100%; display: flex; flex-direction: column; }
.game-card-btn { align-items: stretch; }
.game-body, .brand-body, .game-brand-body { flex: 1 1 0%; width: 100%; }
.game-body { justify-content: flex-start; }
.brand-grid, .game-modal-grid { align-items: stretch; grid-auto-rows: 1fr; }
.brand-name, .game-brand-name { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 2.6em; }
.brand-name { -webkit-line-clamp: 2; }
.game-brand-name { -webkit-line-clamp: 2; min-height: 2.7em; }
.game-name { min-height: 2.45em; display: flex; align-items: center; justify-content: center; text-align: center; }
.game-count { width: 100%; min-height: 2.9em; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; gap: 6px; line-height: 1.25; }
.game-count i { flex: 0 0 auto; }
.game-view-badge { width: 100%; margin-top: auto; text-align: center; line-height: 1.15; }
.brand-price-range, .game-brand-price { min-height: 2.7em; display: flex; align-items: center; justify-content: center; text-align: center; }
.btn-view, .game-buy-btn, .game-maintenance-badge { margin-top: auto; }
.brand-safety-badge { top: 10px; left: 10px; max-width: calc(100% - 20px); min-height: 30px; padding: 0px 11px; border-radius: 999px; font-size: 10px; letter-spacing: 0.03em; color: rgb(7, 17, 10); background: linear-gradient(135deg, rgb(187, 247, 208), rgb(34, 197, 94)); border: 1px solid rgba(34, 197, 94, 0.58); box-shadow: rgba(0, 0, 0, 0.5) 0px 12px 28px, rgba(255, 255, 255, 0.38) 0px 1px 0px inset; overflow: hidden; align-items: center; }
.brand-safety-badge i { font-size: 0.95em; }
.brand-safety-badge.safe { background: linear-gradient(135deg, rgb(187, 247, 208), rgb(34, 197, 94)); border-color: rgba(34, 197, 94, 0.58); color: rgb(7, 17, 10); }
.brand-safety-badge.risk { text-align: center; line-height: 1.08; justify-content: center; align-items: center; min-height: 34px; padding: 4px 8px; max-width: calc(100% - 16px); border-radius: 16px; font-size: 9px; letter-spacing: 0.01em; background: linear-gradient(135deg, rgb(253, 230, 138), rgb(245, 158, 11)); border: 1px solid rgba(245, 158, 11, 0.62); color: rgb(31, 19, 0); white-space: normal !important; }
.brand-safety-badge.risk i { margin-right: 2px; flex: 0 0 auto; }
.brand-safety-badge.maintenance { background: linear-gradient(135deg, rgb(255, 140, 140), rgb(220, 38, 38)) !important; border: 1px solid rgba(220, 38, 38, 0.72) !important; color: rgb(255, 246, 246) !important; box-shadow: rgba(127, 29, 29, 0.38) 0px 14px 30px, rgba(255, 255, 255, 0.18) 0px 1px 0px inset !important; }
.game-modal { padding: 16px; }
.game-modal-box { width: min(1100px, 100%); max-height: min(88vh, 900px); overflow: auto; padding-bottom: 4px; }
.game-modal-grid { gap: 14px; padding: 20px 20px 92px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.game-brand-card { overflow: hidden; }
.game-brand-img-box, .brand-img-box { overflow: hidden; }
.trust-stats-strip { backdrop-filter: blur(10px); overflow: hidden; position: relative; isolation: isolate; display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 0px !important; margin: 18px 0px 16px !important; padding: 10px !important; border-radius: 32px !important; border: 1px solid rgba(248, 201, 49, 0.46) !important; background: radial-gradient(circle at 0% 50%, rgba(248, 201, 49, 0.14), transparent 24%), radial-gradient(circle at 100% 50%, rgba(248, 201, 49, 0.14), transparent 24%), linear-gradient(rgba(8, 8, 9, 0.94), rgba(2, 3, 5, 0.984)) !important; box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 44px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset, rgba(248, 201, 49, 0.08) 0px -1px 0px inset, rgba(248, 201, 49, 0.06) 0px 0px 0px 3px !important; }
.trust-stats-strip::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.035), transparent 30%, rgba(255, 255, 255, 0.01) 100%), radial-gradient(circle at 50% -20%, rgba(255, 255, 255, 0.04), transparent 38%); opacity: 1; }
.trust-stats-strip::after { content: ""; position: absolute; inset: 1px; border-radius: inherit; pointer-events: none; box-shadow: rgba(255, 255, 255, 0.02) 0px 0px 0px 1px inset; }
.trust-stat-item { position: relative; z-index: 1; min-width: 0px; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 6px !important; padding: 22px 14px 20px !important; background: transparent !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; }
.trust-stat-item:not(:last-child)::after { content: ""; position: absolute; right: 0px; top: 16%; bottom: 16%; width: 1px; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.82) 18%, rgba(255, 255, 255, 0.82) 82%, rgba(255, 255, 255, 0)); opacity: 0.92; }
.trust-stat-icon { width: 52px !important; height: 52px !important; margin: 0px 0px 10px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 16px !important; background: linear-gradient(rgba(248, 201, 49, 0.07), rgba(248, 201, 49, 0.02)) !important; border: 1px solid rgba(248, 201, 49, 0.07) !important; color: rgb(248, 201, 49) !important; box-shadow: rgba(248, 201, 49, 0.12) 0px 0px 18px !important; font-size: 30px !important; line-height: 1 !important; }
.trust-stat-item strong { white-space: nowrap; font-family: Oxanium, Inter, sans-serif !important; font-size: clamp(26px, 2.35vw, 50px) !important; font-weight: 950 !important; line-height: 0.96 !important; letter-spacing: -0.025em !important; color: rgb(255, 255, 255) !important; margin: 0px !important; text-shadow: rgba(248, 201, 49, 0.06) 0px 0px 22px, rgba(0, 0, 0, 0.22) 0px 6px 18px !important; width: 100% !important; }
.trust-stat-item span { display: block !important; width: 100% !important; margin: 0px !important; font-size: clamp(14px, 1.05vw, 21px) !important; line-height: 1.04 !important; font-weight: 500 !important; color: rgba(231, 236, 255, 0.82) !important; letter-spacing: -0.01em !important; }
.trust-stat-separator { display: none !important; }
@media (max-width: 1200px) {
  .game-browser-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
}
@media (max-width: 1024px) {
  .game-browser-grid { gap: 14px; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  .game-modal-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  .trust-stats-strip { padding: 8px !important; border-radius: 28px !important; }
  .trust-stat-item { padding: 18px 10px 16px !important; }
  .trust-stat-icon { width: 46px !important; height: 46px !important; font-size: 26px !important; margin-bottom: 8px !important; }
  .trust-stat-item strong { font-size: clamp(22px, 3.2vw, 32px) !important; }
  .trust-stat-item span { font-size: clamp(12px, 1.65vw, 15px) !important; }
}
@media (max-width: 768px) {
  .game-browser-grid { gap: 10px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  .game-card-btn { padding: 10px; gap: 8px; border-radius: 18px; }
  .game-name { min-height: 2.55em; font-size: 12px; line-height: 1.18; }
  .game-count { min-height: 2.95em; font-size: 9px; gap: 4px; }
  .game-view-badge { min-height: 30px; padding: 0px 8px; font-size: 9px; }
  .game-modal { padding: 56px 8px 8px; align-items: flex-start; }
  .game-modal-box { max-height: calc(-72px + 100vh); border-radius: 24px; }
  .game-modal-head { padding: 15px 14px; gap: 10px; }
  .game-modal-head h3 { font-size: 20px; }
  .game-modal-head p { font-size: 11px; }
  .game-modal-close { width: 42px; height: 42px; border-radius: 14px; }
  .game-modal-grid { gap: 9px; padding: 12px 12px 108px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  .game-brand-card { border-radius: 16px; }
  .game-brand-body { padding: 9px 8px 10px; gap: 6px; }
  .game-brand-platform { min-height: 22px; padding: 0px 8px; font-size: 8px; }
  .game-brand-name { font-size: 11px; min-height: 2.7em; }
  .game-brand-price { font-size: 8px; min-height: 2.8em; }
  .game-buy-btn, .game-maintenance-badge { min-height: 28px; font-size: 9px; padding: 0px 8px; }
  .brand-safety-badge { top: 6px; left: 6px; max-width: calc(100% - 12px); min-height: 20px; padding: 0px 6px; gap: 3px; font-size: 6.4px; letter-spacing: 0px; }
  .brand-safety-badge.risk { min-height: 25px; padding: 2px 5px; font-size: 6.2px; border-radius: 12px; max-width: calc(100% - 12px); }
  .trust-stats-strip { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; padding: 4px !important; margin: 14px 0px 12px !important; border-radius: 22px !important; }
  .trust-stat-item { padding: 12px 5px 10px !important; gap: 3px !important; }
  .trust-stat-item:not(:last-child)::after { top: 17%; bottom: 17%; }
  .trust-stat-icon { width: 30px !important; height: 30px !important; font-size: 17px !important; margin-bottom: 4px !important; border-radius: 10px !important; }
  .trust-stat-item strong { font-size: clamp(12px, 4.1vw, 18px) !important; letter-spacing: -0.03em !important; }
  .trust-stat-item span { font-size: clamp(8px, 2.15vw, 10px) !important; line-height: 1.05 !important; }
  .purch-notif { right: 12px !important; bottom: 78px !important; width: min(82vw, 292px) !important; }
}
@media (max-width: 420px) {
  .game-browser-grid { gap: 9px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  .game-modal-grid { gap: 8px; padding: 10px 10px 112px; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
  .game-brand-name { font-size: 10px; }
  .game-brand-price { font-size: 7.7px; }
  .game-buy-btn, .game-maintenance-badge { font-size: 8.5px; }
  .brand-safety-badge.risk { font-size: 6.1px; line-height: 1.02; }
}
.search-results-block { scroll-margin-top: 110px; }
.search-results-block .brand-grid { margin-top: 10px; }
.brand-game-list { align-items: center; justify-content: center; gap: 5px; min-height: 2.35em; padding: 0px 4px; color: rgba(248, 201, 49, 0.82); font-size: 10px; font-weight: 850; line-height: 1.18; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.brand-game-list i { font-size: 10px; margin-right: 3px; color: rgb(248, 201, 49); }
.search-empty-state { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; border-radius: 22px; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(248, 201, 49, 0.16); }
.search-empty-state i { font-size: 34px; color: rgb(248, 201, 49); }
.search-empty-state p { margin: 0px; color: rgb(246, 240, 230); font-weight: 800; text-align: center; }
@media (max-width: 768px) {
  .brand-game-list { font-size: 7.8px; line-height: 1.12; min-height: 2.55em; }
  .search-results-block .section-badge { font-size: 10px; }
}
.product-search-container.search-smart-wrap { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0px !important; width: 100% !important; max-width: 100% !important; }
.product-search-container.search-smart-wrap #product-search-form { width: 100% !important; flex: 0 0 auto !important; }
.product-search-container.search-smart-wrap .quick-filter-strip { flex: 0 0 auto !important; margin-top: 12px !important; }
.quick-filter-strip { width: 100%; margin: 12px 0px 0px; display: flex; align-items: center; gap: 10px; overflow: auto hidden; padding: 4px 2px 8px; scrollbar-width: none; }
.quick-filter-strip::-webkit-scrollbar { display: none; }
.quick-filter-chip { flex: 0 0 auto; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0px 18px; border-radius: 18px; border: 1px solid rgba(249, 197, 49, 0.2); background: linear-gradient(rgba(14, 18, 26, 0.96), rgba(9, 12, 18, 0.96)); color: rgb(216, 222, 234); font-size: 14px; font-weight: 900; text-decoration: none; letter-spacing: 0.01em; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 26px, rgba(255, 255, 255, 0.03) 0px 1px 0px inset; }
.quick-filter-chip i { color: rgb(249, 197, 49); font-size: 14px; }
.quick-filter-chip:hover, .quick-filter-chip.active { border-color: rgba(249, 197, 49, 0.55); background: linear-gradient(135deg, rgb(255, 226, 122), rgb(241, 195, 52) 58%, rgb(220, 167, 18)); color: rgb(17, 21, 29); transform: translateY(-1px); box-shadow: rgba(249, 197, 49, 0.2) 0px 16px 30px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset; }
.quick-filter-chip:hover i, .quick-filter-chip.active i { color: rgb(17, 21, 29); }
.quick-filter-chip.android.active, .quick-filter-chip.android:hover { background: linear-gradient(135deg, rgb(184, 243, 200), rgb(109, 220, 141)); color: rgb(20, 49, 30); border-color: rgba(109, 220, 141, 0.5); }
.quick-filter-chip.ios.active, .quick-filter-chip.ios:hover { background: linear-gradient(135deg, rgb(199, 236, 255), rgb(124, 199, 255)); color: rgb(11, 42, 69); border-color: rgba(124, 199, 255, 0.5); }
.quick-filter-chip.pc.active, .quick-filter-chip.pc:hover { background: linear-gradient(135deg, rgb(214, 211, 255), rgb(139, 92, 246)); color: rgb(22, 15, 55); border-color: rgba(139, 92, 246, 0.5); }
.quick-filter-chip.account.active, .quick-filter-chip.account:hover { background: linear-gradient(135deg, rgb(248, 214, 109), rgb(184, 135, 24)); color: rgb(20, 16, 10); border-color: rgba(248, 214, 109, 0.5); }
.quick-filter-chip.safe.active, .quick-filter-chip.safe:hover { background: linear-gradient(135deg, rgb(187, 247, 208), rgb(34, 197, 94)); color: rgb(9, 37, 22); border-color: rgba(34, 197, 94, 0.55); }
.quick-filter-chip.risk.active, .quick-filter-chip.risk:hover { background: linear-gradient(135deg, rgb(253, 230, 138), rgb(245, 158, 11)); color: rgb(31, 19, 0); border-color: rgba(245, 158, 11, 0.6); }
.quick-filter-chip.maintenance.active, .quick-filter-chip.maintenance:hover { background: linear-gradient(135deg, rgb(254, 202, 202), rgb(239, 68, 68)); color: rgb(42, 8, 8); border-color: rgba(239, 68, 68, 0.6); }
@media (max-width: 768px) {
  .quick-filter-strip { gap: 8px; margin-top: 10px; padding-bottom: 6px; }
  .quick-filter-chip { min-height: 42px; padding: 0px 14px; border-radius: 16px; font-size: 12px; gap: 7px; }
  .quick-filter-chip i { font-size: 12px; }
}
:root { --cgo-bg: #070806; --cgo-gold: #f8c931; --cgo-line: rgba(248,201,49,.24); --cgo-text: #fff7e6; --cgo-muted: #b9b4a7; --cgo-neo: 14px 14px 34px rgba(0,0,0,.38),-8px -8px 22px rgba(255,255,255,.024),inset 1px 1px 0 rgba(255,255,255,.07); --cgo-in: inset 7px 7px 18px rgba(0,0,0,.34),inset -5px -5px 14px rgba(255,255,255,.025); }
html { background: var(--cgo-bg) !important; }
body { background: radial-gradient(circle at 14% -8%, rgba(248, 201, 49, 0.16), transparent 30rem) fixed, radial-gradient(circle at 96% 8%, rgba(255, 255, 255, 0.055), transparent 25rem), linear-gradient(rgb(16, 17, 9) 0%, rgb(6, 7, 5) 52%, rgb(16, 16, 7) 100%) rgb(7, 8, 6) !important; color: var(--cgo-text) !important; }
body::before { content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px) 0% 0% / 52px 52px, linear-gradient(rgba(255, 255, 255, 0.016) 1px, transparent 1px); opacity: 0.32; }
.container { max-width: 1260px !important; padding-left: clamp(14px, 2.6vw, 24px) !important; padding-right: clamp(14px, 2.6vw, 24px) !important; }
.site-header { background: linear-gradient(rgba(9, 10, 7, 0.92), rgba(9, 10, 7, 0.72)) !important; border-bottom: 1px solid rgba(248, 201, 49, 0.12) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 30px !important; }
.section-block, .product-search-container.search-smart-wrap #product-search-form, .trust-stats-strip, .game-card-btn, .brand-card, .game-brand-card, .game-modal-box, .choice-card, .login-glass-card, .help-popup { backdrop-filter: blur(8px) saturate(1.08); background: linear-gradient(145deg, rgba(255, 255, 255, 0.063), rgba(255, 255, 255, 0.02) 36%, rgba(7, 8, 6, 0.88)) !important; border: 1px solid var(--cgo-line) !important; box-shadow: var(--cgo-neo) !important; }
.section-block { position: relative; overflow: hidden; border-radius: 30px !important; padding: clamp(16px, 2.2vw, 24px) !important; margin: 22px 0px !important; }
.section-block::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(circle at 16% 0%, rgba(248, 201, 49, 0.15), transparent 18rem), linear-gradient(rgba(255, 255, 255, 0.043), transparent 38%); }
.section-block > * { position: relative; z-index: 1; }
.section-row { align-items: center !important; margin-bottom: 18px !important; }
.section-title { gap: 12px !important; color: rgb(255, 255, 255) !important; font-size: clamp(22px, 2.4vw, 34px) !important; font-weight: 950 !important; letter-spacing: -0.02em !important; }
.ttl-accent { color: var(--cgo-gold) !important; }
.section-title-bar { width: 8px !important; height: 40px !important; border-radius: 999px !important; background: linear-gradient(rgb(255, 228, 123), rgb(212, 154, 27)) !important; box-shadow: rgba(248, 201, 49, 0.32) 0px 0px 20px !important; }
.product-search-container.search-smart-wrap #product-search-form { border-radius: 28px !important; padding: 14px !important; gap: 14px !important; }
.product-search-container input, #product-search-form input { min-height: 56px !important; border-radius: 20px !important; background: linear-gradient(145deg, rgba(3, 4, 7, 0.88), rgba(14, 16, 22, 0.72)) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: rgb(255, 255, 255) !important; box-shadow: var(--cgo-in) !important; }
.product-search-container button, #product-search-form button { min-height: 56px !important; border-radius: 20px !important; background: linear-gradient(145deg, rgb(255, 225, 119), rgb(239, 188, 34) 55%, rgb(201, 141, 20)) !important; color: rgb(16, 16, 10) !important; font-weight: 950 !important; }
.quick-filter-chip { min-height: 44px !important; border-radius: 18px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important; color: rgb(243, 239, 227) !important; }
.quick-filter-chip.active, .quick-filter-chip:hover { background: linear-gradient(145deg, rgb(255, 228, 123), rgb(234, 180, 33)) !important; color: rgb(16, 16, 10) !important; }
.trust-stats-strip { border-radius: 30px !important; padding: 8px !important; margin: 18px 0px !important; }
.trust-stat-icon { background: linear-gradient(145deg, rgb(255, 225, 119), rgb(199, 141, 24)) !important; color: rgb(19, 17, 7) !important; }
.game-card-btn, .brand-card, .game-brand-card { border-radius: 24px !important; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s !important; }
.game-card-btn:hover, .brand-card:hover, .game-brand-card:hover { transform: translateY(-3px) !important; border-color: rgba(248, 201, 49, 0.4) !important; }
.game-img-wrap, .brand-img-box, .game-brand-img-box { border-color: rgba(248, 201, 49, 0.16) !important; background: linear-gradient(145deg, rgba(248, 201, 49, 0.075), rgba(255, 255, 255, 0.027)) !important; box-shadow: var(--cgo-in) !important; }
.game-name, .brand-name, .game-brand-name { color: rgb(255, 255, 255) !important; }
.game-count, .brand-price-range, .game-brand-price { color: var(--cgo-muted) !important; }
.game-view-badge, .btn-view, .game-buy-btn { background: linear-gradient(145deg, rgba(248, 201, 49, 0.22), rgba(255, 255, 255, 0.055)) !important; color: rgb(255, 225, 119) !important; border: 1px solid rgba(248, 201, 49, 0.25) !important; }
@media (max-width: 768px) {
  body { background-attachment: scroll !important; }
  body::before { opacity: 0.18; background-size: 42px 42px; }
  .section-block { border-radius: 24px !important; margin: 16px 0px !important; padding: 14px !important; }
  .section-title { font-size: 24px !important; }
  .section-block, .product-search-container.search-smart-wrap #product-search-form, .trust-stats-strip, .game-card-btn, .brand-card, .game-brand-card, .game-modal-box, .choice-card, .login-glass-card, .help-popup { backdrop-filter: none !important; box-shadow: rgba(0, 0, 0, 0.34) 0px 12px 26px, rgba(255, 255, 255, 0.055) 1px 1px 0px inset !important; }
  .product-search-container.search-smart-wrap #product-search-form { padding: 10px !important; border-radius: 24px !important; }
  .product-search-container input, #product-search-form input, .product-search-container button, #product-search-form button { min-height: 50px !important; border-radius: 18px !important; }
  .trust-stats-strip { border-radius: 24px !important; padding: 4px !important; }
  .game-browser-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 10px !important; }
  .game-card-btn { border-radius: 19px !important; padding: 10px 8px !important; gap: 8px !important; }
  .game-card-btn:hover, .brand-card:hover, .game-brand-card:hover { transform: none !important; }
  .game-name { font-size: 12px !important; line-height: 1.18 !important; }
  .game-count { font-size: 9px !important; min-height: auto !important; }
  .game-view-badge { min-height: 30px !important; padding: 0px 7px !important; border-radius: 14px !important; font-size: 9.5px !important; gap: 4px !important; }
}
@media (max-width: 390px) {
  .game-browser-grid { gap: 8px !important; }
  .game-card-btn { padding: 9px 7px !important; }
  .game-view-badge { font-size: 9px !important; padding: 0px 6px !important; }
}
.cgo-account-modal { position: fixed; inset: 0px; z-index: 3400; display: none; align-items: center; justify-content: center; padding: 18px; background: rgba(0, 0, 0, 0.68); backdrop-filter: blur(14px); }
.cgo-account-modal.show { display: flex; }
.cgo-account-card { position: relative; width: min(92vw, 458px); padding: 20px; border-radius: 30px; color: rgb(255, 255, 255); background: radial-gradient(circle at 12% 0%, rgba(255, 210, 82, 0.12), transparent 12rem), linear-gradient(rgba(13, 16, 22, 0.984), rgba(5, 7, 10, 0.996)); border: 1px solid rgba(255, 210, 82, 0.18); box-shadow: rgba(0, 0, 0, 0.56) 0px 28px 88px, rgba(255, 255, 255, 0.055) 0px 1px 0px inset; }
.cgo-account-card::before { content: ""; position: absolute; inset: 1px; border-radius: 29px; pointer-events: none; background: linear-gradient(135deg, rgba(255, 210, 82, 0.1), transparent 34%, rgba(255, 255, 255, 0.024)); opacity: 0.8; }
.cgo-account-card > * { position: relative; z-index: 1; }
.cgo-account-close { position: relative; display: flex; align-items: center; justify-content: center; width: 124px; min-width: 124px; height: 40px; margin: 2px auto 14px; border: 1px solid rgba(248, 113, 113, 0.46); border-radius: 999px; background: linear-gradient(rgba(127, 29, 29, 0.34), rgba(69, 10, 10, 0.22)); color: rgb(255, 140, 140); cursor: pointer; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 22px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; z-index: 3; }
.cgo-account-close span { font-size: 11px; font-weight: 950; letter-spacing: 0.18em; line-height: 1; }
.cgo-account-head { display: block; padding-right: 0px; margin-bottom: 16px; }
.cgo-account-info-box { width: min(100%, 392px); margin: 0px auto; min-width: 0px; display: block; padding: 16px 18px; border-radius: 22px; background: linear-gradient(rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.016)); border: 1px solid rgba(255, 210, 82, 0.16); box-shadow: rgba(255, 255, 255, 0.043) 0px 1px 0px inset, rgba(0, 0, 0, 0.14) 0px 14px 32px; align-items: start; }
.cgo-account-detail-stack { min-width: 0px; display: grid; gap: 0px; }
.cgo-account-row, .cgo-balance-row { display: grid; grid-template-columns: 82px minmax(0px, 1fr); gap: 14px; align-items: center; min-width: 0px; padding: 10px 0px; }
.cgo-account-detail-stack > .cgo-account-row, .cgo-account-detail-stack > .cgo-balance-box { border-bottom: 1px solid rgba(255, 255, 255, 0.055); }
.cgo-account-detail-stack > .cgo-account-row:first-child { padding-top: 0px; }
.cgo-account-detail-stack > .cgo-account-row:last-child { padding-bottom: 0px; border-bottom: 0px; }
.cgo-balance-box { padding: 0px; margin: 0px; background: transparent; border: 0px; box-shadow: none; }
.cgo-account-label, .cgo-balance-label { color: rgb(255, 216, 92); font-size: 10px; font-weight: 950; letter-spacing: 0.135em; text-transform: uppercase; line-height: 1.15; }
.cgo-account-value { margin: 0px; color: rgb(248, 250, 252); font-size: 14px; font-weight: 760; line-height: 1.32; word-break: break-word; }
.cgo-account-value.is-name { font-size: 20px; font-weight: 950; line-height: 1.08; color: rgb(255, 255, 255); letter-spacing: -0.02em; }
.cgo-account-value.is-email { color: rgba(226, 232, 240, 0.78); font-weight: 650; font-size: 13.5px; }
.cgo-account-value.is-role { color: rgb(255, 244, 212); font-weight: 900; }
.cgo-balance-value { color: rgb(34, 197, 94); font-size: 24px; font-weight: 950; letter-spacing: -0.035em; line-height: 1.05; text-shadow: rgba(34, 197, 94, 0.16) 0px 0px 18px; }
.cgo-account-value.is-email[data-hidden="1"], .cgo-balance-value[data-hidden="1"] { letter-spacing: 0.12em; color: rgba(226, 232, 240, 0.55) !important; text-shadow: none !important; }
.cgo-status-online { display: inline-flex; align-items: center; gap: 7px; width: max-content; max-width: 100%; padding: 7px 12px; border-radius: 999px; color: rgb(187, 247, 208); background: linear-gradient(rgba(34, 197, 94, 0.16), rgba(34, 197, 94, 0.08)); border: 1px solid rgba(74, 222, 128, 0.24); font-size: 12px; font-weight: 900; line-height: 1; }
.cgo-status-online i { color: rgb(34, 197, 94); font-size: 13px; }
.cgo-account-actions { width: min(100%, 392px); margin: 0px auto; display: grid; grid-template-columns: 1fr; gap: 10px; }
.cgo-account-btn { min-height: 52px; border: 1px solid transparent; border-radius: 18px; display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 14px; font-weight: 900; text-decoration: none; cursor: pointer; letter-spacing: -0.01em; }
.cgo-account-btn.full { color: rgb(11, 13, 11); background: linear-gradient(135deg, rgb(255, 231, 122), rgb(245, 158, 11)); box-shadow: rgba(255, 255, 255, 0.28) 0px 1px 0px inset, rgba(245, 158, 11, 0.13) 0px 12px 28px; }
.cgo-account-btn.primary { color: rgb(209, 250, 229); background: linear-gradient(rgba(34, 197, 94, 0.14), rgba(34, 197, 94, 0.08)); border-color: rgba(34, 197, 94, 0.24); }
.cgo-account-btn.logout { color: rgb(254, 226, 226); background: linear-gradient(rgba(239, 68, 68, 0.12), rgba(239, 68, 68, 0.075)); border-color: rgba(248, 113, 113, 0.2); }
@media (max-width: 420px) {
  .cgo-account-card { padding: 18px; border-radius: 24px; width: min(94vw, 390px); }
  .cgo-account-card::before { border-radius: 23px; }
  .cgo-account-close { width: 110px; min-width: 110px; height: 38px; margin: 0px auto 12px; border-radius: 999px; }
  .cgo-account-close span { font-size: 10px; letter-spacing: 0.16em; }
  .cgo-account-head { padding-right: 0px; }
  .cgo-account-info-box { width: 100%; padding: 13px 14px; border-radius: 18px; }
  .cgo-account-row, .cgo-balance-row { grid-template-columns: 64px minmax(0px, 1fr); gap: 10px; padding: 9px 0px; }
  .cgo-account-label, .cgo-balance-label { font-size: 9px; letter-spacing: 0.115em; }
  .cgo-account-value { font-size: 13px; }
  .cgo-account-value.is-name { font-size: 17px; }
  .cgo-account-value.is-email { font-size: 12.8px; }
  .cgo-balance-value { font-size: 20px; }
  .cgo-status-online { font-size: 11px; padding: 6px 10px; }
  .cgo-account-btn { min-height: 50px; border-radius: 17px; }
}
#product-search-input.cgo-typing-placeholder::placeholder { color: rgba(255, 226, 122, 0.78) !important; text-shadow: rgba(249, 197, 49, 0.18) 0px 0px 10px; }
#product-search-input.cgo-typing-placeholder::placeholder { text-shadow: rgba(249, 197, 49, 0.24) 0px 0px 10px; color: rgba(255, 226, 122, 0.92) !important; opacity: 1 !important; font-weight: 900 !important; letter-spacing: 0.01em !important; }
@media (max-width: 520px) {
  #product-search-input.cgo-typing-placeholder::placeholder { font-size: 14px !important; }
}
.index-footer { width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding: 28px 0px 92px !important; background: transparent !important; transform: none !important; }
.index-footer, .index-footer * { box-sizing: border-box !important; }
.index-footer-grid.container, .index-footer-grid { width: 100% !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding-left: clamp(16px, 2.5vw, 24px) !important; padding-right: clamp(16px, 2.5vw, 24px) !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; gap: 24px !important; justify-items: center !important; transform: none !important; }
.index-footer-card, .index-showcase-box { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; left: auto !important; right: auto !important; }
.index-footer-card { overflow: hidden !important; }
.index-games-window { width: 100% !important; max-width: 100% !important; overflow: hidden !important; }
.index-games-track, .index-payment-grid { width: 100% !important; max-width: 100% !important; margin: 0px !important; }
.index-showcase-card { transform: none !important; }
.index-footer-copy { width: 100% !important; margin: 22px auto 0px !important; padding: 8px 0px !important; text-align: center !important; color: rgba(246, 240, 230, 0.78) !important; font-weight: 900 !important; letter-spacing: 0.01em !important; line-height: 1.35 !important; transform: none !important; }
@media (max-width: 640px) {
  .index-footer { padding-top: 24px !important; padding-bottom: 96px !important; }
  .index-footer-grid.container, .index-footer-grid { width: 100% !important; max-width: 100% !important; padding-left: 18px !important; padding-right: 18px !important; gap: 18px !important; }
  .index-footer-card { padding: 14px !important; border-radius: 24px !important; }
  .index-showcase-box { padding: 16px !important; border-radius: 24px !important; }
  .index-payment-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  .index-games-track { grid-auto-columns: calc(25% - 7.5px) !important; }
  .index-footer-copy { font-size: 14px !important; padding: 8px 72px 8px 0px !important; white-space: nowrap !important; }
}
@media (max-width: 390px) {
  .index-footer-grid.container, .index-footer-grid { padding-left: 14px !important; padding-right: 14px !important; }
  .index-footer-card { padding: 12px !important; }
  .index-showcase-box { padding: 14px !important; }
  .index-footer-copy { font-size: 13px !important; padding-right: 58px !important; }
}
@media (max-width: 340px) {
  .index-footer-copy { white-space: normal !important; padding-right: 0px !important; }
}
html:not(.cgo-loader-on) #site-loader { display: none !important; }
html.cgo-loader-on #site-loader { display: grid !important; }
#site-loader { position: fixed; inset: 0px; z-index: 999999; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 50% 44%, rgba(248, 201, 49, 0.14), transparent 34%), linear-gradient(145deg, rgb(2, 2, 1), rgb(7, 7, 7) 58%, rgb(1, 1, 1)); backdrop-filter: blur(12px); transition: opacity 0.78s, visibility 0.78s; }
#site-loader::before { content: ""; position: absolute; inset: -25%; opacity: 0.1; background: linear-gradient(30deg, transparent 48%, rgba(248, 201, 49, 0.1) 49%, transparent 51%) 0% 0% / 100px 58px, linear-gradient(150deg, transparent 48%, rgba(248, 201, 49, 0.08) 49%, transparent 51%); }
#site-loader::after { content: ""; position: absolute; inset: 47% 0px 0px; background: linear-gradient(90deg, transparent, rgba(255, 223, 116, 0.13), transparent); height: 1px; box-shadow: rgba(248, 201, 49, 0.45) 0px 0px 30px; opacity: 0.85; animation: 2.8s ease-in-out 0s infinite normal none running cgoScan; }
#site-loader.hide { opacity: 0; visibility: hidden; pointer-events: none; }
.cgo-shield-loader { position: relative; width: min(87vw, 384px); min-height: 438px; padding: 48px 28px 34px; border-radius: 36px; text-align: center; overflow: hidden; background: linear-gradient(145deg, rgba(30, 28, 18, 0.66), rgba(8, 8, 7, 0.56)); border: 1px solid rgba(248, 201, 49, 0.42); box-shadow: rgba(0, 0, 0, 0.62) 0px 34px 90px, rgba(248, 201, 49, 0.12) 0px 0px 42px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(248, 201, 49, 0.04) 0px 0px 28px inset; }
.cgo-shield-loader::before { content: ""; position: absolute; left: 17%; right: 17%; top: 0px; height: 1px; background: linear-gradient(90deg, transparent, rgb(255, 242, 168), transparent); box-shadow: rgba(248, 201, 49, 0.75) 0px 0px 22px; }
.cgo-shield-loader::after { content: ""; position: absolute; inset: 14px; border-radius: 28px; border: 1px solid rgba(255, 222, 111, 0.08); pointer-events: none; }
.cgo-lock-core { position: relative; width: 236px; height: 236px; margin: 0px auto 25px; display: grid; place-items: center; }
.cgo-lock-core::before { content: ""; position: absolute; width: 164px; height: 164px; border-radius: 50%; background: radial-gradient(circle, rgba(248, 201, 49, 0.22), transparent 62%); filter: blur(2px); opacity: 0.9; }
.cgo-lock-core::after { content: ""; position: absolute; width: 128px; height: 128px; border-radius: 28px; border: 1px solid rgba(248, 201, 49, 0.18); box-shadow: rgba(248, 201, 49, 0.06) 0px 0px 22px inset, rgba(248, 201, 49, 0.1) 0px 0px 32px; }
.cgo-lock { position: relative; width: 112px; height: 132px; z-index: 3; filter: drop-shadow(rgba(248, 201, 49, 0.45) 0px 0px 18px); }
.cgo-lock-shackle { position: absolute; left: 22px; top: 2px; width: 68px; height: 66px; border-width: 8px 8px 0px; border-style: solid solid none; border-color: rgb(248, 211, 77) rgb(248, 211, 77) currentcolor; border-image: none; border-radius: 46px 46px 0px 0px; transform-origin: 86% 100%; transform: translate(-19px, 5px) rotate(-32deg); box-shadow: rgba(248, 201, 49, 0.42) 0px 0px 14px, rgba(255, 255, 255, 0.08) 0px 0px 10px inset; animation: 1.55s cubic-bezier(0.2, 0.8, 0.2, 1) 0.15s 1 normal forwards running cgoLockClose; }
.cgo-lock-body { position: absolute; left: 6px; right: 6px; bottom: 0px; height: 78px; border-radius: 20px 20px 24px 24px; background: linear-gradient(145deg, rgba(255, 237, 142, 0.96), rgb(248, 201, 49) 45%, rgb(143, 100, 14)); border: 1px solid rgba(255, 240, 166, 0.66); box-shadow: rgba(255, 255, 255, 0.25) 0px 2px 8px inset, rgba(0, 0, 0, 0.18) 0px -12px 20px inset, rgba(248, 201, 49, 0.28) 0px 0px 22px; animation: 1.8s ease-in-out 0.35s 1 normal forwards running cgoLockBody; }
.cgo-lock-hole { position: absolute; left: 50%; top: 23px; width: 18px; height: 18px; border-radius: 50%; transform: translateX(-50%); background: rgb(24, 19, 10); box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 12px; }
.cgo-lock-hole::after { content: ""; position: absolute; left: 50%; top: 14px; width: 8px; height: 24px; border-radius: 8px; transform: translateX(-50%); background: rgb(24, 19, 10); }
.cgo-lock-flash { position: absolute; left: 50%; top: 68px; width: 12px; height: 12px; border-radius: 50%; transform: translate(-50%, -50%) scale(0.4); background: rgb(125, 255, 191); box-shadow: rgba(125, 255, 191, 0.85) 0px 0px 18px, rgba(125, 255, 191, 0.35) 0px 0px 42px; opacity: 0; animation: 1.65s ease-out 0.45s 1 normal forwards running cgoLockFlash; }
.cgo-loader-title { margin: 0px; color: rgb(248, 201, 49); font-size: 21px; font-weight: 950; letter-spacing: 5px; text-indent: 5px; text-transform: uppercase; text-shadow: rgba(248, 201, 49, 0.5) 0px 0px 18px, rgba(248, 201, 49, 0.22) 0px 0px 34px; }
.cgo-loader-sub { display: block; margin-top: 12px; color: rgba(255, 255, 255, 0.78); font-size: 15px; font-weight: 720; }
.cgo-loader-bar { position: relative; width: min(82%, 248px); height: 10px; margin: 18px auto 0px; border-radius: 999px; overflow: hidden; background: linear-gradient(rgba(255, 243, 177, 0.08), rgba(248, 201, 49, 0.14)); border: 1px solid rgba(248, 201, 49, 0.2); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 1px inset, rgba(248, 201, 49, 0.06) 0px 0px 18px inset, rgba(248, 201, 49, 0.08) 0px 0px 16px; }
.cgo-loader-bar::before { content: ""; position: absolute; inset: 1px; border-radius: 999px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)); }
.cgo-loader-bar i { position: absolute; top: 1px; left: 0px; width: 42%; height: calc(100% - 2px); border-radius: 999px; background: linear-gradient(90deg, rgba(255, 240, 168, 0), rgba(255, 235, 145, 0.72) 24%, rgb(255, 240, 160) 48%, rgb(248, 201, 49) 62%, rgba(255, 235, 145, 0.72) 80%, rgba(255, 240, 168, 0)); box-shadow: rgba(248, 201, 49, 0.62) 0px 0px 16px, rgba(248, 201, 49, 0.2) 0px 0px 32px; animation: 1.8s cubic-bezier(0.45, 0, 0.2, 1) 0s infinite normal none running cgoBarFlow; will-change: transform, opacity; }
.cgo-loader-dots { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 22px; }
.cgo-loader-dots span { width: 6px; height: 6px; border-radius: 50%; background: rgba(248, 201, 49, 0.32); box-shadow: rgba(248, 201, 49, 0.26) 0px 0px 10px; animation: 1.6s ease-in-out 0s infinite normal none running cgoDot; }
.cgo-loader-dots span:nth-child(2) { animation-delay: 0.15s; }
.cgo-loader-dots span:nth-child(3) { animation-delay: 0.3s; }
.cgo-loader-dots span:nth-child(4) { animation-delay: 0.45s; }
.cgo-loader-dots span:nth-child(5) { animation-delay: 0.6s; }
.cgo-loader-dots span:nth-child(6) { animation-delay: 0.75s; }
.cgo-loader-dots span:nth-child(7) { animation-delay: 0.9s; }
@keyframes cgoSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes cgoSpinRev { 
  100% { transform: rotate(-360deg); }
}
@keyframes cgoShieldFloat { 
  0% { transform: translateY(2px) scale(0.97); opacity: 0.93; }
  100% { transform: translateY(-2px) scale(1.03); opacity: 1; }
}
@keyframes cgoSvgPulse { 
  0% { transform: scale(0.88); opacity: 0.78; }
  100% { transform: scale(1.16); opacity: 1; }
}
@keyframes cgoBarFlow { 
  0% { transform: translate3d(-120%, 0px, 0px); opacity: 0.18; }
  16% { opacity: 0.85; }
  52% { opacity: 1; }
  100% { transform: translate3d(255%, 0px, 0px); opacity: 0.28; }
}
@keyframes cgoLockClose { 
  0% { transform: translate(-19px, 5px) rotate(-32deg); }
  64%, 100% { transform: translate(0px, 0px) rotate(0deg); }
}
@keyframes cgoLockBody { 
  0%, 55% { filter: saturate(1); }
  70% { filter: saturate(1.15) brightness(1.12); }
  100% { filter: saturate(1); }
}
@keyframes cgoLockFlash { 
  0%, 42% { opacity: 0; transform: translate(-50%, -50%) scale(0.4); }
  60% { opacity: 1; transform: translate(-50%, -50%) scale(1.35); }
  100% { opacity: 0.78; transform: translate(-50%, -50%) scale(1); }
}
@keyframes cgoDot { 
  0%, 100% { opacity: 0.32; transform: scale(0.75); }
  45% { opacity: 1; transform: scale(1.25); }
}
@keyframes cgoBgMove { 
  100% { transform: translate3d(100px, 58px, 0px); }
}
@keyframes cgoScan { 
  0%, 100% { opacity: 0.18; transform: translateY(-54px); }
  50% { opacity: 0.88; transform: translateY(44px); }
}
@media (max-width: 560px) {
  .cgo-shield-loader { width: min(88vw, 342px); min-height: 396px; padding: 42px 22px 30px; border-radius: 34px; }
  .cgo-shield-core { width: 210px; height: 210px; margin-bottom: 23px; }
  .cgo-lock-core { width: 210px; height: 210px; }
  .cgo-lock { transform: scale(0.92); }
  .cgo-loader-title { font-size: 17px; letter-spacing: 4px; text-indent: 4px; }
  .cgo-loader-sub { font-size: 13px; }
  .cgo-loader-bar { width: min(86%, 224px); height: 9px; margin-top: 16px; }
  .cgo-loader-dots { margin-top: 20px; }
}
@media (max-width: 360px) {
  .cgo-shield-loader { width: 88vw; min-height: 376px; padding: 37px 18px 28px; }
  .cgo-shield-core { width: 194px; height: 194px; }
  .cgo-lock-core { width: 194px; height: 194px; }
  .cgo-lock { transform: scale(0.84); }
  .cgo-loader-title { font-size: 15px; letter-spacing: 3px; text-indent: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  #site-loader::before, #site-loader::after, .cgo-lock-shackle, .cgo-lock-body, .cgo-lock-flash, .cgo-loader-bar i, .cgo-loader-dots span { animation: auto ease 0s 1 normal none running none !important; }
}
.cgo-bottom-nav { position: fixed; left: 10px; right: 10px; bottom: 8px; z-index: 1200; display: none; grid-template-columns: repeat(4, minmax(0px, 1fr)); height: 68px; padding: 7px; background: linear-gradient(rgba(22, 24, 21, 0.96), rgba(6, 8, 7, 0.96)); border: 1px solid rgba(245, 181, 36, 0.28); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.38) 0px -10px 30px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset; backdrop-filter: blur(18px) saturate(145%); }
.cgo-bottom-item { position: relative; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border-radius: 18px; color: rgba(241, 245, 249, 0.58); font-size: 11px; font-weight: 900; letter-spacing: -0.02em; text-decoration: none; line-height: 1; transition: transform 0.18s, color 0.18s, background 0.18s, box-shadow 0.18s; }
.cgo-bottom-item i { font-size: 21px; line-height: 1; color: currentcolor; }
.cgo-bottom-item span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cgo-bottom-item.is-active { color: rgb(255, 181, 31); background: linear-gradient(rgba(255, 181, 31, 0.18), rgba(255, 181, 31, 0.08)); box-shadow: rgba(255, 181, 31, 0.18) 0px 0px 0px 1px inset; }
.cgo-bottom-item:active { transform: scale(0.96); }
.cgo-bottom-dot { position: absolute; top: 9px; right: 29%; width: 10px; height: 10px; border-radius: 999px; background: rgb(34, 197, 94); border: 2px solid rgb(21, 22, 15); box-shadow: rgba(34, 197, 94, 0.72) 0px 0px 0px 0px, rgba(34, 197, 94, 0.55) 0px 0px 14px; animation: 1.18s ease-in-out 0s infinite normal none running cgoNotifPulse; }
@keyframes cgoNotifPulse { 
  0% { opacity: 1; transform: scale(1); box-shadow: rgba(34, 197, 94, 0.72) 0px 0px 0px 0px, rgba(34, 197, 94, 0.55) 0px 0px 14px; }
  55% { opacity: 0.62; transform: scale(1.18); box-shadow: rgba(34, 197, 94, 0) 0px 0px 0px 8px, rgba(34, 197, 94, 0.42) 0px 0px 22px; }
  100% { opacity: 1; transform: scale(1); box-shadow: rgba(34, 197, 94, 0) 0px 0px 0px 0px, rgba(34, 197, 94, 0.55) 0px 0px 14px; }
}
.cgo-comingsoon-modal { position: fixed; inset: 0px; z-index: 3300; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.62); backdrop-filter: blur(12px); }
.cgo-comingsoon-modal.show { display: flex; }
.cgo-comingsoon-card { position: relative; width: min(92vw, 390px); padding: 26px 22px 24px; border-radius: 26px; text-align: center; color: rgb(255, 255, 255); background: linear-gradient(rgba(22, 24, 21, 0.98), rgba(6, 8, 7, 0.98)); border: 1px solid rgba(255, 181, 31, 0.3); box-shadow: rgba(0, 0, 0, 0.48) 0px 24px 70px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.cgo-comingsoon-close { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border: 0px; border-radius: 14px; background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-size: 22px; cursor: pointer; }
.cgo-comingsoon-icon { width: 58px; height: 58px; margin: 0px auto 12px; border-radius: 20px; display: grid; place-items: center; color: rgb(11, 13, 11); background: linear-gradient(135deg, rgb(255, 216, 107), rgb(255, 157, 0)); box-shadow: rgba(255, 157, 0, 0.25) 0px 12px 30px; }
.cgo-comingsoon-icon i { font-size: 25px; }
.cgo-comingsoon-card h3 { margin: 0px 0px 6px; font-size: 21px; font-weight: 900; }
.cgo-comingsoon-card p { margin: 0px; color: rgba(255, 255, 255, 0.68); font-size: 13.5px; line-height: 1.5; }
.help-popup { z-index: 3300 !important; background: linear-gradient(rgba(22, 24, 21, 0.98), rgba(6, 8, 7, 0.98)) !important; border: 1px solid rgba(255, 181, 31, 0.28) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 60px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset !important; color: rgb(255, 255, 255) !important; }
.help-popup h4 { color: rgb(255, 216, 107) !important; }
.help-popup p { color: rgba(255, 255, 255, 0.68) !important; }
.help-popup-btns a { min-height: 42px; border-radius: 15px !important; font-weight: 900 !important; }
.side-menu #sideHelpBtn i { background: linear-gradient(135deg, rgb(14, 165, 233), rgb(34, 197, 94)) !important; }
.side-overlay { z-index: 2500 !important; background: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(5px) !important; }
.side-menu { z-index: 2501 !important; }
@media (max-width: 768px) {
  body { padding-bottom: 88px !important; }
  body.sidebar-open .cgo-bottom-nav { opacity: 0 !important; transform: translateY(110%) !important; pointer-events: none !important; }
  .cgo-bottom-nav { display: grid !important; }
  .purch-notif { bottom: 92px !important; }
  .help-popup { left: 14px !important; right: 14px !important; bottom: 92px !important; min-width: 0px !important; width: auto !important; border-radius: 22px !important; }
  .side-menu { top: 12px !important; right: -105% !important; bottom: 12px !important; height: auto !important; width: calc(100% - 24px) !important; max-width: 390px !important; padding: 0px !important; border-radius: 24px !important; background: radial-gradient(circle at 18% 0%, rgba(255, 181, 31, 0.18), transparent 13rem), linear-gradient(rgba(22, 24, 21, 0.96), rgba(7, 8, 7, 0.96)) !important; border: 1px solid rgba(255, 181, 31, 0.42) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 24px 70px, rgba(255, 255, 255, 0.07) 0px 1px 0px inset !important; backdrop-filter: blur(16px) saturate(145%) !important; overflow-y: auto !important; }
  .side-menu.active { right: 12px !important; }
  .side-head { min-height: 82px !important; padding: 14px 106px 14px 14px !important; border-bottom: 1px solid rgba(255, 181, 31, 0.22) !important; background: linear-gradient(rgba(255, 181, 31, 0.07), rgba(255, 255, 255, 0.02)) !important; }
  .side-menu-close { top: 22px !important; right: 16px !important; left: auto !important; transform: none !important; width: auto !important; min-width: 84px !important; height: 40px !important; border-radius: 16px !important; background: linear-gradient(rgba(255, 181, 31, 0.2), rgba(255, 181, 31, 0.08)) !important; border: 1px solid rgba(255, 181, 31, 0.54) !important; color: rgb(255, 230, 163) !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 24px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0px 14px !important; }
  .side-menu-close span { font-size: 11px !important; font-weight: 950 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; line-height: 1 !important; }
  .side-body { padding: 12px 14px 18px !important; }
  .side-menu ul { padding: 0px !important; margin: 0px !important; display: grid !important; gap: 8px !important; }
  .side-menu ul li a { min-height: 50px !important; padding: 0px 12px !important; border-radius: 17px !important; background: linear-gradient(rgba(255, 255, 255, 0.067), rgba(255, 255, 255, 0.024)) !important; border: 1px solid rgba(255, 181, 31, 0.2) !important; box-shadow: rgba(255, 255, 255, 0.043) 0px 1px 0px inset !important; color: rgb(247, 242, 230) !important; font-size: 14px !important; font-weight: 900 !important; letter-spacing: -0.02em !important; }
  .side-menu ul li a i { width: 38px !important; height: 38px !important; border-radius: 14px !important; color: rgb(21, 17, 10) !important; background: linear-gradient(135deg, rgb(255, 224, 122), rgb(215, 150, 0)) !important; box-shadow: rgba(0, 0, 0, 0.22) 0px 10px 20px !important; }
  .side-menu ul li a:hover, .side-menu ul li a:active { background: linear-gradient(rgba(255, 181, 31, 0.13), rgba(255, 181, 31, 0.05)) !important; border-color: rgba(255, 181, 31, 0.42) !important; color: rgb(255, 255, 255) !important; }
  .side-menu .brand-mark { width: 58px !important; height: 58px !important; }
  .side-menu .brand-wrap { gap: 10px !important; max-width: 100% !important; }
  .side-menu .brand-copy { min-width: 0px !important; }
  .side-menu .brand-line.top { font-size: 15px !important; color: rgb(255, 202, 58) !important; text-shadow: rgba(79, 48, 0, 0.85) 0px 2px 0px, rgba(0, 0, 0, 0.28) 0px 8px 18px !important; }
  .side-menu .brand-line.bottom { font-size: 21px !important; color: rgb(255, 255, 255) !important; text-shadow: rgba(43, 43, 43, 0.85) 0px 2px 0px, rgba(0, 0, 0, 0.3) 0px 8px 18px !important; }
}
@media (max-width: 380px) {
  .cgo-bottom-nav { left: 8px; right: 8px; height: 64px; border-radius: 22px; }
  .cgo-bottom-item { font-size: 10px; }
  .cgo-bottom-item i { font-size: 20px; }
  .side-menu { width: calc(100% - 18px) !important; }
  .side-menu.active { right: 9px !important; }
  .side-menu ul li a { font-size: 13px !important; }
}
@media (min-width: 769px) {
  .cgo-bottom-nav { display: none !important; }
}
.cgo-price-switch-box { width: min(100%, 392px); margin: 0px auto 12px; padding: 12px; border-radius: 20px; background: linear-gradient(rgba(255, 216, 92, 0.075), rgba(255, 255, 255, 0.024)); border: 1px solid rgba(255, 216, 92, 0.18); box-shadow: rgba(255, 255, 255, 0.043) 0px 1px 0px inset, rgba(0, 0, 0, 0.14) 0px 14px 32px; }
.cgo-price-switch-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; color: rgb(255, 225, 120); text-transform: uppercase; font-weight: 950; letter-spacing: 0.13em; font-size: 11px; }
.cgo-price-switch-head span { display: inline-flex; align-items: center; gap: 9px; }
.cgo-price-switch-head em { font-style: normal; color: rgba(255, 248, 223, 0.68); letter-spacing: 0.06em; }
.cgo-price-switch-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cgo-switch-currency { height: 48px; border-radius: 16px; border: 1px solid rgba(255, 216, 92, 0.22); background: rgba(0, 0, 0, 0.22); color: rgb(255, 248, 223); font-weight: 950; font-size: 14px; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; }
.cgo-switch-currency.active { background: linear-gradient(135deg, rgb(255, 231, 122), rgb(245, 158, 11)); border-color: rgba(255, 216, 92, 0.55); color: rgb(11, 13, 11); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset, rgba(245, 158, 11, 0.12) 0px 12px 26px; }
@media (max-width: 420px) {
  .cgo-price-switch-box { width: 100%; padding: 11px; border-radius: 18px; }
  .cgo-price-switch-head { font-size: 10px; }
  .cgo-switch-currency { height: 44px; border-radius: 14px; font-size: 13px; }
}
body.game-modal-open .cgo-bottom-nav, body.game-modal-open .purchase-toast, body.game-modal-open .live-purchase-toast, body.game-modal-open .toast-notification, body.game-modal-open .notification-toast, body.game-modal-open .cgo-live-toast { display: none !important; opacity: 0 !important; pointer-events: none !important; }
.game-modal.show { display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px !important; overflow: hidden !important; background: rgba(0, 0, 0, 0.62) !important; backdrop-filter: blur(7px) !important; }
.game-modal-box { width: min(94vw, 900px) !important; max-height: 86dvh !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; border-radius: 30px !important; background: linear-gradient(rgba(12, 15, 21, 0.98), rgba(3, 5, 7, 0.98)) !important; border: 1px solid rgba(225, 177, 57, 0.42) !important; box-shadow: rgba(0, 0, 0, 0.58) 0px 26px 70px, rgba(255, 255, 255, 0.055) 0px 1px 0px inset !important; }
.game-modal-head { position: relative !important; flex: 0 0 auto !important; padding: 20px 25px 18px !important; border-bottom: 1px solid rgba(225, 177, 57, 0.26) !important; background: radial-gradient(circle at 15% 0%, rgba(255, 206, 78, 0.08), transparent 30%), linear-gradient(rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.004)) !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; }
.game-modal-kicker { font-size: 13px !important; letter-spacing: 0.2em !important; color: rgb(255, 210, 77) !important; font-weight: 950 !important; text-transform: uppercase !important; line-height: 1 !important; margin: 0px !important; text-shadow: rgba(0, 0, 0, 0.35) 0px 5px 14px !important; }
.game-modal-head h3 { font-family: Oxanium, Inter, sans-serif !important; font-size: clamp(29px, 6vw, 48px) !important; font-weight: 900 !important; letter-spacing: 0.025em !important; line-height: 0.98 !important; margin: 12px 0px 8px !important; color: rgb(255, 255, 255) !important; text-transform: uppercase !important; text-shadow: rgba(0, 0, 0, 0.35) 0px 8px 22px !important; }
.game-modal-head p { font-size: 15px !important; font-weight: 900 !important; color: rgba(255, 255, 255, 0.65) !important; margin: 0px !important; line-height: 1.2 !important; }
.game-modal-close { width: 60px !important; height: 60px !important; flex: 0 0 60px !important; border-radius: 21px !important; border: 1px solid rgba(255, 210, 77, 0.32) !important; background: linear-gradient(145deg, rgba(255, 210, 77, 0.1), rgba(255, 255, 255, 0.035)) !important; color: rgb(255, 216, 120) !important; font-size: 24px !important; display: grid !important; place-items: center !important; box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.3) 0px 16px 28px !important; cursor: pointer !important; }
.game-modal-close:hover, .game-modal-close:active { border-color: rgba(255, 95, 95, 0.7) !important; color: rgb(255, 119, 119) !important; background: linear-gradient(145deg, rgba(255, 61, 61, 0.18), rgba(255, 255, 255, 0.035)) !important; }
.game-modal-grid { flex: 1 1 auto !important; min-height: 0px !important; overflow: hidden auto !important; display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 12px !important; padding: 16px 18px 22px !important; align-items: start !important; overscroll-behavior: contain !important; background: linear-gradient(rgba(255, 255, 255, 0.016), rgba(255, 255, 255, 0)) !important; }
.game-modal-grid::-webkit-scrollbar { width: 7px !important; }
.game-modal-grid::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.035) !important; border-radius: 999px !important; }
.game-modal-grid::-webkit-scrollbar-thumb { background: linear-gradient(rgb(243, 197, 69), rgb(139, 100, 24)) !important; border-radius: 999px !important; }
.game-brand-card { position: relative !important; height: 286px !important; min-height: 286px !important; max-height: 286px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; border-radius: 24px !important; background: linear-gradient(rgba(18, 24, 31, 0.96), rgba(5, 7, 9, 0.98)) !important; border: 1px solid rgba(227, 177, 54, 0.38) !important; box-shadow: rgba(0, 0, 0, 0.34) 0px 18px 36px, rgba(255, 255, 255, 0.043) 0px 1px 0px inset !important; transform: translateZ(0px) !important; }
.game-brand-card::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.055), transparent 35%, rgba(255, 206, 78, 0.035)) !important; z-index: 2 !important; }
.game-brand-img-box { position: relative !important; z-index: 1 !important; flex: 0 0 122px !important; height: 122px !important; min-height: 122px !important; max-height: 122px !important; width: 100% !important; overflow: visible !important; border-radius: 24px 24px 0px 0px !important; background: rgb(6, 9, 13) !important; border-bottom: 1px solid rgba(227, 177, 54, 0.28) !important; }
.game-brand-img-box::before { content: ""; position: absolute; inset: 0px; border-radius: 24px 24px 0px 0px; overflow: hidden; pointer-events: none; z-index: 1; box-shadow: rgba(0, 0, 0, 0.22) 0px -24px 30px inset; }
.game-brand-img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; border-radius: 24px 24px 0px 0px !important; filter: saturate(1.08) contrast(1.06) !important; }
.brand-safety-badge { position: absolute !important; top: 9px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; z-index: 7 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; height: 24px !important; min-height: 24px !important; max-width: calc(100% - 14px) !important; padding: 0px 8px !important; border-radius: 999px !important; font-weight: 950 !important; line-height: 1 !important; text-transform: uppercase !important; letter-spacing: 0px !important; text-align: center !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 16px, rgba(255, 255, 255, 0.3) 0px 1px 0px inset !important; }
.brand-safety-badge i { font-size: 9px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; }
.brand-safety-badge.safe { width: auto !important; min-width: 91px !important; white-space: nowrap !important; font-size: 7.7px !important; background: linear-gradient(135deg, rgb(204, 255, 216), rgb(33, 215, 104) 60%, rgb(19, 170, 73)) !important; color: rgb(6, 24, 14) !important; border: 1px solid rgba(25, 201, 96, 0.72) !important; }
.brand-safety-badge.risk { width: 108px !important; height: 29px !important; padding: 0px 7px !important; white-space: normal !important; font-size: 6.9px !important; line-height: 1.02 !important; background: linear-gradient(135deg, rgb(255, 240, 169), rgb(255, 193, 63) 60%, rgb(245, 158, 11)) !important; color: rgb(23, 14, 2) !important; border: 1px solid rgba(245, 158, 11, 0.72) !important; }
.brand-safety-badge.maintenance { width: 108px !important; white-space: nowrap !important; font-size: 7.4px !important; background: linear-gradient(135deg, rgb(255, 152, 152), rgb(239, 51, 77) 62%, rgb(185, 18, 36)) !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 130, 130, 0.78) !important; }
.game-brand-body { position: relative !important; z-index: 3 !important; flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; padding: 20px 9px 13px !important; min-height: 0px !important; background: linear-gradient(rgba(8, 12, 15, 0.94), rgba(4, 6, 8, 0.97)) !important; }
.game-brand-platform { position: relative !important; z-index: 8 !important; margin-top: -35px !important; margin-bottom: 5px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; width: max-content !important; max-width: calc(100% - 8px) !important; height: 31px !important; min-height: 31px !important; padding: 0px 13px !important; border-radius: 999px !important; font-size: 11.6px !important; font-weight: 950 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 18px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset !important; }
.game-brand-platform i { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 14px !important; height: 14px !important; font-size: 13px !important; line-height: 1 !important; color: currentcolor !important; flex: 0 0 auto !important; }
.game-brand-platform span { display: inline !important; line-height: 1 !important; }
.game-brand-platform.android { background: linear-gradient(135deg, rgb(211, 255, 220), rgb(34, 207, 101)) !important; color: rgb(8, 34, 17) !important; border: 1px solid rgba(34, 207, 101, 0.68) !important; }
.game-brand-platform.ios { background: linear-gradient(135deg, rgb(236, 249, 255), rgb(146, 212, 255)) !important; color: rgb(8, 35, 52) !important; border: 1px solid rgba(146, 212, 255, 0.7) !important; }
.game-brand-platform.pc { background: linear-gradient(135deg, rgb(239, 232, 255), rgb(167, 123, 255)) !important; color: rgb(26, 14, 58) !important; border: 1px solid rgba(167, 123, 255, 0.7) !important; }
.game-brand-platform.account { background: linear-gradient(135deg, rgb(255, 233, 141), rgb(225, 170, 31)) !important; color: rgb(21, 16, 7) !important; border: 1px solid rgba(225, 170, 31, 0.75) !important; }
.game-brand-name { width: 100% !important; min-height: 35px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; color: rgb(255, 255, 255) !important; font-size: 14.2px !important; font-weight: 950 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; text-transform: uppercase !important; margin: 0px !important; overflow: hidden !important; text-shadow: rgba(0, 0, 0, 0.38) 0px 5px 14px !important; }
.game-brand-price { width: 100% !important; min-height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; color: rgba(255, 255, 255, 0.73) !important; font-size: 11.8px !important; font-weight: 900 !important; line-height: 1.13 !important; margin: 0px !important; overflow: hidden !important; }
.game-buy-btn, .game-maintenance-badge { margin-top: auto !important; width: min(100%, 146px) !important; min-height: 37px !important; padding: 0px 12px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; font-size: 12.8px !important; font-weight: 950 !important; line-height: 1 !important; white-space: nowrap !important; }
.game-buy-btn { background: linear-gradient(rgba(255, 222, 105, 0.2), rgba(144, 102, 18, 0.2)) !important; color: rgb(255, 224, 131) !important; border: 1px solid rgba(255, 216, 92, 0.45) !important; box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(0, 0, 0, 0.22) 0px 10px 20px !important; }
.game-buy-btn i { font-size: 14px !important; color: rgb(255, 224, 131) !important; }
.game-maintenance-badge { font-size: 10.6px !important; gap: 6px !important; background: linear-gradient(rgba(255, 90, 105, 0.18), rgba(68, 13, 19, 0.46)) !important; color: rgb(255, 183, 189) !important; border: 1px solid rgba(255, 98, 114, 0.45) !important; }
.game-maintenance-badge i { font-size: 12px !important; color: rgb(255, 183, 189) !important; }
.flash-swiper .swiper-pagination { display: none !important; }
.flash-card.js-currency-link { touch-action: manipulation !important; }
@media (max-width: 520px) {
  .game-modal.show { padding: 9px !important; }
  .game-modal-box { width: 95vw !important; max-height: 84dvh !important; border-radius: 25px !important; }
  .game-modal-head { padding: 17px 15px 15px !important; }
  .game-modal-head h3 { font-size: clamp(25px, 7.8vw, 35px) !important; }
  .game-modal-close { width: 52px !important; height: 52px !important; flex-basis: 52px !important; border-radius: 18px !important; }
  .game-modal-grid { gap: 8px !important; padding: 12px 9px 18px !important; }
  .game-brand-card { height: 266px !important; min-height: 266px !important; max-height: 266px !important; border-radius: 20px !important; }
  .game-brand-img-box { flex-basis: 106px !important; height: 106px !important; min-height: 106px !important; border-radius: 20px 20px 0px 0px !important; }
  .game-brand-img { border-radius: 20px 20px 0px 0px !important; }
  .game-brand-img-box::before { border-radius: 20px 20px 0px 0px !important; }
  .brand-safety-badge { top: 8px !important; height: 22px !important; min-height: 22px !important; padding: 0px 6px !important; gap: 4px !important; }
  .brand-safety-badge i { font-size: 8.5px !important; }
  .brand-safety-badge.safe { min-width: 80px !important; font-size: 6.65px !important; }
  .brand-safety-badge.risk { width: 95px !important; height: 26px !important; font-size: 6.1px !important; }
  .brand-safety-badge.maintenance { width: 96px !important; font-size: 6.7px !important; }
  .game-brand-body { padding: 19px 6px 11px !important; gap: 6px !important; }
  .game-brand-platform { height: 27px !important; min-height: 27px !important; margin-top: -32px !important; margin-bottom: 4px !important; padding: 0px 10px !important; font-size: 10.3px !important; gap: 5px !important; }
  .game-brand-platform i { font-size: 11px !important; width: 12px !important; height: 12px !important; }
  .game-brand-name { font-size: 12.2px !important; min-height: 31px !important; line-height: 1.08 !important; }
  .game-brand-price { font-size: 10.4px !important; min-height: 28px !important; line-height: 1.12 !important; }
  .game-buy-btn, .game-maintenance-badge { width: min(100%, 126px) !important; min-height: 32px !important; font-size: 11.2px !important; padding: 0px 8px !important; gap: 6px !important; }
  .game-buy-btn i { font-size: 12.5px !important; }
  .game-maintenance-badge { font-size: 9.4px !important; }
  .game-maintenance-badge i { font-size: 11px !important; }
}
@media (max-width: 370px) {
  .game-modal-grid { gap: 7px !important; padding-left: 8px !important; padding-right: 8px !important; }
  .game-brand-card { height: 254px !important; min-height: 254px !important; max-height: 254px !important; }
  .game-brand-img-box { flex-basis: 98px !important; height: 98px !important; min-height: 98px !important; }
  .brand-safety-badge.safe { min-width: 78px !important; font-size: 6.4px !important; }
  .brand-safety-badge.risk { width: 91px !important; font-size: 5.9px !important; }
  .brand-safety-badge.maintenance { width: 91px !important; font-size: 6.3px !important; }
  .game-brand-name { font-size: 11.6px !important; }
  .game-brand-price { font-size: 9.8px !important; }
  .game-buy-btn, .game-maintenance-badge { min-height: 30px !important; font-size: 10.5px !important; }
  .game-maintenance-badge { font-size: 8.9px !important; }
}
@media (min-width: 820px) {
  .game-modal-grid { gap: 18px !important; padding: 22px 26px 28px !important; }
  .game-brand-card { height: 342px !important; min-height: 342px !important; max-height: 342px !important; }
  .game-brand-img-box { flex-basis: 154px !important; height: 154px !important; min-height: 154px !important; }
  .game-brand-name { font-size: 18px !important; }
  .game-brand-price { font-size: 15px !important; }
  .game-buy-btn, .game-maintenance-badge { min-height: 46px !important; width: min(100%, 180px) !important; font-size: 15px !important; }
  .game-maintenance-badge { font-size: 12.6px !important; }
  .brand-safety-badge.safe { font-size: 9.7px !important; }
  .brand-safety-badge.risk { width: 146px !important; font-size: 8.6px !important; }
  .brand-safety-badge.maintenance { width: 132px !important; font-size: 9.2px !important; }
}
@media (min-width: 769px) {
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; position: fixed !important; left: 50% !important; right: auto !important; bottom: 18px !important; width: min(720px, -42px + 100vw) !important; height: 76px !important; transform: translateX(-50%) !important; z-index: 5200 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  body { padding-bottom: 104px !important; }
  .index-footer { padding-bottom: 122px !important; }
}
@media (max-width: 768px) {
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav { display: grid !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
}
.brand-price-range.locked, .game-brand-price.locked { color: rgb(255, 211, 106) !important; background: rgba(255, 179, 0, 0.1) !important; border: 1px solid rgba(255, 179, 0, 0.36) !important; border-radius: 12px !important; padding: 7px 8px !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1.25 !important; min-height: 38px !important; }
.btn-view.locked, .game-buy-btn.locked { background: linear-gradient(135deg, rgba(255, 211, 106, 0.22), rgba(255, 179, 0, 0.1)) !important; color: rgb(255, 211, 106) !important; border: 1px solid rgba(255, 179, 0, 0.36) !important; }
.btn-view.locked i, .game-buy-btn.locked i { color: rgb(255, 211, 106) !important; }
@media (max-width: 520px) {
  .brand-price-range.locked, .game-brand-price.locked { font-size: 8px !important; padding: 6px !important; min-height: 34px !important; }
}
.cgo-update-notice-modal { position: fixed; inset: 0px; z-index: 7600; display: none; align-items: center; justify-content: center; padding: 16px; color: rgb(255, 255, 255); }
.cgo-update-notice-modal.show { display: flex; }
.cgo-update-notice-backdrop { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.66); backdrop-filter: blur(10px); }
.cgo-update-notice-card { position: relative; width: min(92vw, 430px); max-height: 82dvh; overflow: hidden auto; padding: 26px 24px 22px; border-radius: 28px; background: radial-gradient(circle at 18% 0%, rgba(248, 201, 49, 0.18), transparent 12rem), linear-gradient(rgba(18, 22, 32, 0.97), rgba(7, 9, 14, 0.99)); border: 1px solid rgba(248, 201, 49, 0.34); box-shadow: rgba(0, 0, 0, 0.66) 0px 28px 90px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.cgo-update-notice-x { position: absolute; top: 16px; right: 16px; width: 46px; height: 46px; border-radius: 17px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); display: grid; place-items: center; cursor: pointer; font-size: 18px; }
.cgo-update-notice-game { color: rgb(248, 201, 49); font-weight: 950; text-transform: uppercase; font-size: 13px; letter-spacing: 0.06em; margin: 0px 54px 5px 0px; }
.cgo-update-notice-card h3 { font-family: Oxanium, Inter, sans-serif; margin: 0px 54px 16px 0px; color: rgb(255, 255, 255); font-size: clamp(24px, 6vw, 34px); line-height: 1.05; font-weight: 950; letter-spacing: -0.04em; text-transform: uppercase; }
.cgo-update-notice-content { white-space: normal; font-size: 15px; line-height: 1.62; color: rgba(255, 255, 255, 0.84); background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; padding: 16px; text-align: left; word-break: break-word; user-select: text; }
.cgo-update-notice-content a { color: rgb(139, 199, 255); text-decoration: underline; font-weight: 850; }
.cgo-update-notice-btn { margin-top: 18px; width: 100%; min-height: 54px; border: 0px; border-radius: 18px; background: linear-gradient(135deg, rgb(57, 168, 255), rgb(15, 116, 201)); color: rgb(255, 255, 255); font-size: 15px; font-weight: 950; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; box-shadow: rgba(15, 116, 201, 0.28) 0px 16px 36px, rgba(255, 255, 255, 0.24) 0px 1px 0px inset; }
body.cgo-update-notice-open { overflow: hidden !important; }
body.cgo-update-notice-open .cgo-bottom-nav, body.cgo-update-notice-open .bottom-nav, body.cgo-update-notice-open #purch-notif, body.cgo-update-notice-open .purch-notif { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
@media (max-width: 420px) {
  .cgo-update-notice-card { width: min(94vw, 390px); padding: 22px 18px 18px; border-radius: 26px; }
  .cgo-update-notice-content { font-size: 14px; padding: 14px; }
  .cgo-update-notice-btn { min-height: 52px; }
}
.help-blur-backdrop { position: fixed !important; inset: 0px !important; z-index: 5998 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; background: rgba(0, 0, 0, 0.64) !important; backdrop-filter: blur(14px) saturate(82%) !important; transition: opacity 0.2s, visibility 0.2s !important; }
.help-blur-backdrop.show { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
#help-popup.help-popup, #help-popup.help-popup * { box-sizing: border-box !important; }
#help-popup.help-popup::before { display: none !important; content: none !important; }
#help-popup.help-popup { position: fixed !important; z-index: 5999 !important; inset: 50% auto auto 50% !important; width: min(92vw, 420px) !important; max-width: calc(-28px + 100vw) !important; min-width: 0px !important; max-height: calc(-88px + 100dvh) !important; overflow: hidden auto !important; padding: 20px !important; border-radius: 28px !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(-50%, -48%, 0px) scale(0.96) !important; transition: opacity 0.18s, visibility 0.18s, transform 0.18s !important; background: radial-gradient(circle at 16% 0%, rgba(255, 201, 71, 0.2), transparent 10rem), linear-gradient(rgba(16, 18, 15, 0.98), rgba(6, 8, 7, 0.99)) !important; border: 1px solid rgba(255, 181, 31, 0.32) !important; box-shadow: rgba(0, 0, 0, 0.58) 0px 26px 80px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important; color: rgb(255, 255, 255) !important; }
#help-popup.help-popup.show { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(-50%, -50%, 0px) scale(1) !important; }
.help-popup-close { position: absolute !important; top: 14px !important; right: 14px !important; width: 38px !important; height: 38px !important; border-radius: 15px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; background: rgba(255, 255, 255, 0.08) !important; color: rgb(247, 247, 247) !important; display: grid !important; place-items: center !important; cursor: pointer !important; }
.help-popup-head { display: flex !important; align-items: center !important; gap: 13px !important; padding-right: 46px !important; margin: 0px 0px 14px !important; }
.help-popup-icon { width: 52px !important; height: 52px !important; border-radius: 18px !important; display: grid !important; place-items: center !important; color: rgb(21, 17, 10) !important; background: linear-gradient(135deg, rgb(255, 225, 122), rgb(217, 152, 0)) !important; box-shadow: rgba(217, 150, 0, 0.26) 0px 14px 28px, rgba(255, 255, 255, 0.32) 0px 1px 0px inset !important; flex: 0 0 52px !important; }
.help-popup-kicker { display: block !important; margin-bottom: 4px !important; color: rgb(255, 205, 69) !important; font-size: 10px !important; font-weight: 950 !important; letter-spacing: 0.2em !important; }
.help-popup h4 { margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: 23px !important; line-height: 1.1 !important; font-weight: 950 !important; letter-spacing: -0.04em !important; }
.help-popup-desc { margin: 0px 0px 16px !important; color: rgba(255, 255, 255, 0.7) !important; font-size: 13px !important; line-height: 1.55 !important; }
.help-popup-btns { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }
.help-popup-btns a { box-sizing: border-box !important; width: 100% !important; min-height: 64px !important; margin: 0px !important; padding: 0px 14px !important; border-radius: 20px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 13px !important; text-decoration: none !important; font-weight: 900 !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 0px inset, rgba(0, 0, 0, 0.24) 0px 12px 28px !important; }
.help-popup-btns a i { width: 38px !important; height: 38px !important; display: grid !important; place-items: center !important; border-radius: 15px !important; background: rgba(255, 255, 255, 0.2) !important; color: rgb(255, 255, 255) !important; font-size: 20px !important; flex: 0 0 38px !important; }
.help-popup-btns a span { display: grid !important; gap: 2px !important; min-width: 0px !important; }
.help-popup-btns a strong { font-size: 17px !important; line-height: 1 !important; color: rgb(255, 255, 255) !important; white-space: nowrap !important; }
.help-popup-btns a small { font-size: 11px !important; line-height: 1.2 !important; color: rgba(255, 255, 255, 0.76) !important; font-weight: 800 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.help-popup-btns a.tg { background: linear-gradient(135deg, rgb(21, 159, 228), rgb(8, 120, 185)) !important; color: rgb(255, 255, 255) !important; }
.help-popup-btns a.wa { background: linear-gradient(135deg, rgb(43, 213, 110), rgb(17, 166, 76)) !important; color: rgb(255, 255, 255) !important; }
body.cgo-help-open { overflow: hidden !important; }
body.cgo-help-open .cgo-bottom-nav, body.cgo-help-open #purch-notif, body.cgo-help-open .purch-notif { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
@media (max-width: 768px) {
  .side-head { padding-right: 112px !important; }
  #help-popup.help-popup { width: calc(-28px + 100vw) !important; max-width: 390px !important; padding: 18px !important; border-radius: 26px !important; }
  .help-popup-btns a { min-height: 62px !important; border-radius: 19px !important; }
}
@media (max-width: 360px) {
  #side-close.side-menu-close { min-width: 82px !important; padding: 0px 10px !important; }
  .side-head { padding-right: 100px !important; }
  #help-popup.help-popup { width: calc(-22px + 100vw) !important; padding: 16px !important; }
  .help-popup-icon { width: 46px !important; height: 46px !important; flex-basis: 46px !important; }
  .help-popup-desc { font-size: 12.5px !important; }
}
#side-menu.side-menu { width: min(382px, 100% - 24px) !important; right: -420px !important; top: 18px !important; height: calc(-36px + 100dvh) !important; border-radius: 24px !important; overflow: hidden auto !important; background: linear-gradient(rgba(11, 12, 9, 0.97), rgba(4, 5, 5, 0.984)) !important; border: 1px solid rgba(255, 216, 92, 0.24) !important; box-shadow: rgba(0, 0, 0, 0.62) 0px 24px 70px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset !important; backdrop-filter: blur(16px) saturate(130%) !important; }
#side-menu.side-menu.active { right: 14px !important; }
#side-menu.side-menu::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(255, 216, 92, 0.043), transparent 210px); opacity: 0.55; }
.side-head { position: relative; z-index: 2; min-height: 78px !important; padding: 15px 16px !important; background: rgba(255, 255, 255, 0.02) !important; border-bottom: 1px solid rgba(255, 216, 92, 0.14) !important; }
#side-close.side-menu-close { top: 20px !important; right: 18px !important; left: auto !important; transform: none !important; min-width: 82px !important; height: 38px !important; border-radius: 14px !important; background: linear-gradient(145deg, rgba(255, 216, 92, 0.17), rgba(255, 255, 255, 0.043)) !important; border: 1px solid rgba(255, 216, 92, 0.34) !important; color: rgb(255, 232, 163) !important; box-shadow: rgba(0, 0, 0, 0.34) 0px 12px 26px, rgba(255, 255, 255, 0.09) 0px 1px 0px inset !important; }
#side-close .side-close-text { color: rgb(255, 107, 107) !important; font-size: 10px !important; letter-spacing: 0.16em !important; }
.side-body { position: relative; z-index: 2; padding: 12px 14px 18px !important; }
.side-brand-static, .cgo-side-nav-label { display: none !important; }
.side-menu ul.cgo-side-nav-list { padding: 0px !important; margin: 0px !important; display: grid !important; gap: 8px !important; }
.side-menu ul.cgo-side-nav-list li a { position: relative; min-height: 48px !important; padding: 7px 12px !important; border-radius: 16px !important; display: grid !important; grid-template-columns: 32px minmax(0px, 1fr) !important; align-items: center !important; column-gap: 11px !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 216, 92, 0.13) !important; color: rgb(255, 244, 212) !important; box-shadow: none !important; overflow: hidden !important; }
.side-menu ul.cgo-side-nav-list li a::before { content: ""; position: absolute; left: 0px; top: 14px; bottom: 14px; width: 2px; border-radius: 999px; background: rgb(255, 216, 92); opacity: 0; }
.side-menu ul.cgo-side-nav-list li a i { grid-column: 1; width: 32px !important; height: 32px !important; border-radius: 12px !important; background: rgba(255, 216, 92, 0.09) !important; border: 1px solid rgba(255, 216, 92, 0.2) !important; color: rgb(255, 216, 92) !important; box-shadow: none !important; display: grid !important; place-items: center !important; justify-content: center !important; font-size: 15px !important; line-height: 1 !important; text-align: center !important; overflow: hidden !important; padding: 0px !important; position: relative !important; }
.side-menu ul.cgo-side-nav-list li a i::before { display: block !important; line-height: 1 !important; margin: 0px !important; transform: none !important; }
.side-menu ul.cgo-side-nav-list li a span { grid-area: 1 / 2; font-size: 13.5px; font-weight: 850; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 247, 223) !important; }
.side-menu ul.cgo-side-nav-list li a em { display: none !important; }
.side-menu ul.cgo-side-nav-list li a:hover, .side-menu ul.cgo-side-nav-list li a.is-active { transform: none; background: rgba(255, 216, 92, 0.07) !important; border-color: rgba(255, 216, 92, 0.3) !important; }
.side-menu ul.cgo-side-nav-list li a:hover::before, .side-menu ul.cgo-side-nav-list li a.is-active::before { opacity: 1; }
.side-menu ul.cgo-side-nav-list li a.is-active i { background: rgba(255, 216, 92, 0.16) !important; border-color: rgba(255, 216, 92, 0.36) !important; }
.cgo-parallax-testimonials { isolation: isolate; min-height: 430px; padding: clamp(18px, 3vw, 32px) !important; margin: 28px 0px !important; border-color: rgba(255, 216, 92, 0.38) !important; background: radial-gradient(circle at 15% 16%, rgba(255, 216, 92, 0.18), transparent 18rem), radial-gradient(circle at 86% 0%, rgba(255, 172, 25, 0.14), transparent 19rem), linear-gradient(145deg, rgba(18, 16, 9, 0.92), rgba(4, 5, 5, 0.88) 64%, rgba(16, 11, 3, 0.94)) !important; box-shadow: rgba(0, 0, 0, 0.66) 0px 28px 95px, rgba(255, 179, 0, 0.14) 0px 0px 54px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset !important; }
.cgo-parallax-testimonials::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: linear-gradient(115deg, transparent 0px, transparent 26%, rgba(255, 216, 92, 0.08) 48%, transparent 65%); opacity: 0.88; }
.cgo-parallax-testimonials::after { content: ""; position: absolute; inset: 1px; z-index: 0; border-radius: 31px; pointer-events: none; background: linear-gradient(90deg, rgba(255, 216, 92, 0.14) 0px, rgba(255, 216, 92, 0.14) 1px, transparent 1px) 0% 0% / 42px 42px, linear-gradient(0deg, rgba(255, 216, 92, 0.1) 0px, rgba(255, 216, 92, 0.1) 1px, transparent 1px); opacity: 0.2; }
.cgo-parallax-bg { position: absolute; inset: -18%; z-index: 0; pointer-events: none; transform: translate3d(0,var(--cgo-parallax-y,0px),0); background: radial-gradient(circle at 18% 22%, rgba(255, 235, 151, 0.3), transparent 9rem), radial-gradient(circle at 70% 38%, rgba(255, 169, 24, 0.16), transparent 12rem); }
.cgo-testi-head, .cgo-testi-layout { position: relative; z-index: 2; }
.cgo-testi-head { margin-bottom: 22px !important; }
.cgo-section-link { border-color: rgba(255, 216, 92, 0.22) !important; }
.cgo-testi-layout { display: grid; grid-template-columns: minmax(250px, 330px) minmax(0px, 1fr); gap: 22px; align-items: stretch; }
.cgo-testi-copy { min-height: 280px; border-radius: 28px; padding: 24px; background: linear-gradient(145deg, rgba(255, 216, 92, 0.14), rgba(255, 255, 255, 0.05) 42%, rgba(0, 0, 0, 0.34)); border: 1px solid rgba(255, 216, 92, 0.24); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(0, 0, 0, 0.32) 0px 18px 42px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; position: relative; }
.cgo-testi-badge { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: 9px; padding: 9px 12px; border-radius: 999px; background: rgba(255, 216, 92, 0.13); border: 1px solid rgba(255, 216, 92, 0.26); color: rgb(255, 232, 132); font-size: 11px; font-weight: 950; letter-spacing: 0.08em; }
.cgo-testi-copy h3 { margin: 18px 0px 10px; color: rgb(255, 248, 223); font-size: clamp(24px, 2.4vw, 36px); line-height: 1.02; letter-spacing: -0.05em; }
.cgo-testi-copy p { margin: 0px; color: rgba(255, 248, 223, 0.7); font-size: 14px; line-height: 1.65; }
.cgo-testi-mini-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 20px; }
.cgo-testi-mini-stats span { min-height: 62px; border-radius: 18px; background: rgba(0, 0, 0, 0.24); border: 1px solid rgba(255, 216, 92, 0.14); display: grid; place-items: center; padding: 8px; }
.cgo-testi-mini-stats strong { color: rgb(255, 216, 92); font-size: 16px; }
.cgo-testi-mini-stats small { color: rgba(255, 248, 223, 0.56); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.cgo-testi-slider-wrap { min-width: 0px; display: flex; align-items: stretch; }
.cgo-parallax-swiper { width: 100%; padding: 8px 3px 44px !important; }
.cgo-testi-card { position: relative; min-height: 282px; height: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 22px !important; border-radius: 28px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 216, 92, 0.055) 38%, rgba(2, 3, 3, 0.76)) !important; border: 1px solid rgba(255, 216, 92, 0.28) !important; box-shadow: rgba(0, 0, 0, 0.42) 0px 22px 54px, rgba(255, 216, 92, 0.09) 0px 0px 26px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset !important; }
.cgo-testi-card::before { content: "“"; position: absolute; right: 16px; top: -18px; color: rgba(255, 216, 92, 0.12); font-family: Georgia, serif; font-size: 144px; line-height: 1; z-index: 0; }
.cgo-testi-card > * { position: relative; z-index: 1; }
.testi-stars { display: flex; gap: 4px; text-shadow: rgba(255, 216, 92, 0.35) 0px 0px 12px; margin-bottom: 16px; color: rgb(255, 216, 92) !important; }
.testi-text { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; color: rgb(255, 247, 223) !important; font-size: 15px !important; line-height: 1.68 !important; margin: 0px !important; }
.cgo-testi-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.cgo-product-pill { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 10px 12px; border-radius: 999px; background: rgba(255, 216, 92, 0.12); border: 1px solid rgba(255, 216, 92, 0.22); color: rgb(255, 226, 138); font-size: 12px; font-weight: 900; line-height: 1.2; }
.cgo-testi-author-row { display: flex; align-items: center; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255, 216, 92, 0.15); }
.cgo-testi-avatar { width: 44px; height: 44px; border-radius: 16px; display: grid; place-items: center; flex: 0 0 auto; background: linear-gradient(145deg, rgb(255, 240, 163), rgb(231, 169, 26) 65%, rgb(143, 91, 11)); color: rgb(16, 15, 9); font-weight: 950; }
.testi-author { gap: 4px; display: grid !important; color: rgb(255, 248, 223) !important; font-size: 13px !important; }
.testi-author strong { font-size: 14px; color: rgb(255, 248, 223); }
.cgo-verified-customer { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 4px 10px; border-radius: 999px; background: rgba(22, 163, 74, 0.12); border: 1px solid rgba(74, 222, 128, 0.28); color: rgb(157, 240, 179); font-size: 11px; font-weight: 900; }
.cgo-verified-customer i { color: rgb(34, 197, 94); }
.testi-author small { font-size: 11px; color: rgba(255, 248, 223, 0.54); font-weight: 800; }
.cgo-parallax-swiper .swiper-pagination-bullet { width: 18px !important; height: 6px !important; border-radius: 999px !important; background: rgba(255, 216, 92, 0.32) !important; opacity: 1 !important; }
.cgo-parallax-swiper .swiper-pagination-bullet-active { width: 36px !important; background: linear-gradient(90deg, rgb(255, 240, 163), rgb(231, 169, 26)) !important; }
@media (max-width: 980px) {
  .cgo-testi-layout { grid-template-columns: 1fr; }
  .cgo-testi-copy { min-height: unset; }
  .cgo-parallax-testimonials { min-height: unset; }
}
@media (max-width: 768px) {
  #side-menu.side-menu { top: 10px !important; height: calc(-20px + 100dvh) !important; width: calc(100% - 20px) !important; max-width: 390px !important; right: -105% !important; border-radius: 26px !important; }
  #side-menu.side-menu.active { right: 10px !important; }
  .side-body { padding: 10px 12px 92px !important; }
  .side-menu ul.cgo-side-nav-list li a { min-height: 48px !important; border-radius: 16px !important; grid-template-columns: 32px minmax(0px, 1fr) !important; }
  .side-menu ul.cgo-side-nav-list li a i { width: 32px !important; height: 32px !important; border-radius: 12px !important; font-size: 15px !important; display: grid !important; place-items: center !important; line-height: 1 !important; }
  .side-menu ul.cgo-side-nav-list li a em { display: none !important; }
  .cgo-parallax-testimonials { padding: 16px !important; margin: 18px 0px !important; border-radius: 26px !important; }
  .cgo-testi-copy { border-radius: 22px; padding: 18px; }
  .cgo-testi-copy h3 { font-size: 24px; }
  .cgo-testi-card { min-height: 250px; border-radius: 22px !important; padding: 18px !important; }
  .testi-text { font-size: 14px !important; -webkit-line-clamp: 5; }
  .cgo-product-pill { font-size: 11px; padding: 9px 11px; }
  .cgo-testi-avatar { width: 40px; height: 40px; border-radius: 14px; }
  .cgo-parallax-bg { transform: none !important; }
}
@media (max-width: 420px) {
  .cgo-testi-mini-stats strong { font-size: 14px; }
  .cgo-testi-mini-stats small { font-size: 9px; }
  .testi-text { -webkit-line-clamp: 4; }
}
#side-menu .cgo-side-topbar { position: sticky !important; top: 0px !important; z-index: 5 !important; min-height: 72px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 16px 18px !important; border-bottom: 1px solid rgba(255, 216, 92, 0.22) !important; background: linear-gradient(rgba(14, 15, 10, 0.96), rgba(7, 8, 6, 0.9)) !important; backdrop-filter: blur(14px) saturate(130%) !important; }
#side-menu .cgo-side-title { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: rgb(255, 244, 212) !important; font-size: 13px !important; font-weight: 950 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }
#side-menu .cgo-side-title::before { content: ""; width: 8px; height: 28px; border-radius: 999px; background: linear-gradient(rgb(255, 240, 163), rgb(217, 157, 22)); box-shadow: rgba(255, 216, 92, 0.38) 0px 0px 18px; }
#side-close.side-menu-close { position: static !important; top: auto !important; right: auto !important; left: auto !important; transform: none !important; min-width: 92px !important; height: 40px !important; padding: 0px 15px !important; flex: 0 0 auto !important; border-radius: 16px !important; background: linear-gradient(145deg, rgba(255, 64, 64, 0.18), rgba(255, 255, 255, 0.043)) !important; border: 1px solid rgba(255, 82, 82, 0.68) !important; color: rgb(255, 107, 107) !important; box-shadow: rgba(0, 0, 0, 0.26) 0px 12px 24px, rgba(255, 40, 40, 0.1) 0px 0px 18px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important; }
#side-close .side-close-text { color: rgb(255, 122, 122) !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: 0.15em !important; }
#side-menu .side-body { padding-top: 12px !important; }
@media (max-width: 768px) {
  #side-menu .cgo-side-topbar { min-height: 68px !important; padding: 14px 16px !important; }
  #side-menu .cgo-side-title { font-size: 12px !important; letter-spacing: 0.16em !important; }
  #side-close.side-menu-close { min-width: 88px !important; height: 38px !important; }
}
body.cgo-info-open .cgo-bottom-nav, body.cgo-info-open .bottom-nav, body.cgo-info-open #purch-notif, body.cgo-info-open .purch-notif, body.game-modal-open .cgo-bottom-nav, body.game-modal-open .bottom-nav, body.game-modal-open #purch-notif, body.game-modal-open .purch-notif { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
body.cgo-info-open, body.game-modal-open { overflow: hidden !important; }
#info-popup.popup-overlay.show { position: fixed !important; inset: 0px !important; z-index: 6800 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 12px !important; background: rgba(0, 0, 0, 0.62) !important; backdrop-filter: blur(10px) !important; }
#info-popup .popup-box { width: min(91vw, 390px) !important; max-height: 82dvh !important; overflow: hidden auto !important; border-radius: 24px !important; padding: 15px !important; background: radial-gradient(circle at 50% 0%, rgba(255, 205, 69, 0.13), transparent 10rem), linear-gradient(rgba(18, 18, 14, 0.96), rgba(7, 8, 7, 0.984)) !important; border: 1px solid rgba(255, 205, 69, 0.34) !important; box-shadow: rgba(0, 0, 0, 0.62) 0px 24px 70px, rgba(255, 255, 255, 0.07) 0px 1px 0px inset !important; }
#info-popup .popup-pill { height: 38px !important; width: 100% !important; max-width: 270px !important; margin: 0px auto 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border-radius: 999px !important; font-size: 10.5px !important; letter-spacing: 0.15em !important; white-space: nowrap !important; }
#info-popup .popup-alert-icon { width: 52px !important; height: 52px !important; margin: 12px auto !important; border-radius: 18px !important; font-size: 24px !important; }
#info-popup .popup-body { text-align: center !important; padding: 0px !important; }
#info-popup .popup-body h3 { font-size: clamp(19px, 5.2vw, 24px) !important; line-height: 1.12 !important; margin: 0px auto 10px !important; max-width: 315px !important; letter-spacing: -0.035em !important; }
#info-popup .popup-body p { font-size: 12.3px !important; line-height: 1.56 !important; margin: 0px auto 14px !important; max-width: 320px !important; color: rgba(255, 248, 231, 0.76) !important; }
#info-popup .popup-buttons { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; margin: 0px !important; }
#info-popup .popup-btn { min-height: 45px !important; border-radius: 16px !important; font-size: 13px !important; }
#info-popup .popup-controls { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; }
#info-popup .popup-hide { font-size: 11.5px !important; color: rgba(255, 248, 231, 0.72) !important; }
#info-popup .popup-close-btn { height: 40px !important; border-radius: 15px !important; background: linear-gradient(145deg, rgba(255, 60, 60, 0.2), rgba(255, 255, 255, 0.04)) !important; border: 1px solid rgba(255, 83, 83, 0.58) !important; color: rgb(255, 121, 121) !important; font-size: 10.5px !important; font-weight: 950 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }
@media (max-width: 420px) {
  #info-popup .popup-box { width: min(94vw, 370px) !important; padding: 13px !important; }
  #info-popup .popup-body h3 { font-size: 20px !important; }
  #info-popup .popup-body p { font-size: 12px !important; }
}
.game-modal .game-modal-grid .brand-safety-badge, .game-modal.show .game-modal-grid .brand-safety-badge { box-sizing: border-box !important; position: absolute !important; left: 50% !important; right: auto !important; top: 8px !important; transform: translateX(-50%) !important; max-width: calc(100% - 18px) !important; min-width: 0px !important; height: 22px !important; min-height: 22px !important; max-height: 30px !important; padding: 0px 7px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; overflow: hidden !important; text-align: center !important; text-transform: uppercase !important; letter-spacing: 0.015em !important; line-height: 1 !important; white-space: nowrap !important; word-break: normal !important; }
.game-modal .game-modal-grid .brand-safety-badge i { flex: 0 0 auto !important; font-size: 8px !important; line-height: 1 !important; width: 9px !important; min-width: 9px !important; margin: 0px !important; }
.game-modal .game-modal-grid .brand-safety-badge.safe { width: 96px !important; font-size: 7.2px !important; font-weight: 950 !important; }
.game-modal .game-modal-grid .brand-safety-badge.risk { width: 104px !important; height: 28px !important; min-height: 28px !important; padding: 0px 6px !important; font-size: 6.4px !important; line-height: 1.03 !important; white-space: normal !important; flex-wrap: nowrap !important; }
.game-modal .game-modal-grid .brand-safety-badge.maintenance { width: 108px !important; height: 24px !important; min-height: 24px !important; padding: 0px 6px !important; font-size: 7.1px !important; font-weight: 950 !important; white-space: nowrap !important; }
.game-modal .game-modal-grid .game-brand-img-box, .game-modal .game-modal-grid .brand-img-box { position: relative !important; overflow: hidden !important; }
@media (max-width: 430px) {
  .game-modal .game-modal-grid .brand-safety-badge.safe { width: 88px !important; font-size: 6.8px !important; }
  .game-modal .game-modal-grid .brand-safety-badge.risk { width: 96px !important; height: 27px !important; font-size: 5.9px !important; padding: 0px 5px !important; }
  .game-modal .game-modal-grid .brand-safety-badge.maintenance { width: 96px !important; height: 23px !important; font-size: 6.3px !important; padding: 0px 5px !important; }
  .game-modal .game-modal-grid .brand-safety-badge i { font-size: 7.5px !important; width: 8px !important; min-width: 8px !important; }
}
@media (max-width: 370px) {
  .game-modal .game-modal-grid .brand-safety-badge.safe { width: 82px !important; font-size: 6.3px !important; }
  .game-modal .game-modal-grid .brand-safety-badge.risk { width: 90px !important; height: 26px !important; font-size: 5.5px !important; }
  .game-modal .game-modal-grid .brand-safety-badge.maintenance { width: 91px !important; font-size: 6px !important; }
}
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav { background: radial-gradient(circle at 12% 0%, rgba(255, 214, 87, 0.18), transparent 42%), linear-gradient(rgba(27, 27, 20, 0.98), rgba(5, 7, 6, 0.98)) !important; border: 1px solid rgba(255, 205, 69, 0.44) !important; box-shadow: rgba(0, 0, 0, 0.58) 0px -18px 46px, rgba(255, 255, 255, 0.043) 0px 0px 0px 1px inset, rgba(255, 205, 69, 0.12) 0px 0px 26px !important; backdrop-filter: blur(18px) saturate(160%) !important; }
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item { opacity: 1 !important; color: rgba(255, 255, 255, 0.72) !important; }
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item.active, body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item:hover { color: rgb(255, 207, 75) !important; background: linear-gradient(rgba(255, 205, 69, 0.2), rgba(255, 205, 69, 0.07)) !important; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(255, 205, 69, 0.1) 0px 0px 18px !important; }
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item i { filter: drop-shadow(rgba(255, 205, 69, 0.18) 0px 0px 8px) !important; }
#purch-notif.purch-notif, .purch-notif { z-index: 5600 !important; bottom: 108px !important; right: 16px !important; width: min(88vw, 330px) !important; }
#purch-notif.purch-notif.show, .purch-notif.show { transform: translate3d(0px, 0px, 0px) scale(1) rotate(0deg) !important; }
@media (min-width: 769px) {
  #purch-notif.purch-notif, .purch-notif { bottom: 112px !important; right: calc(18px + (0.5 * (100vw - min(720px, -42px + 100vw)))) !important; width: min(420px, -48px + 100vw) !important; }
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav { height: 78px !important; bottom: 16px !important; border-radius: 26px !important; }
}
@media (max-width: 768px) {
  #purch-notif.purch-notif, .purch-notif { left: 50% !important; right: auto !important; bottom: 96px !important; width: min(86vw, 340px) !important; transform: translate3d(-50%, 20px, 0px) scale(0.94) rotate(0deg) !important; }
  #purch-notif.purch-notif.show, .purch-notif.show { transform: translate3d(-50%, 0px, 0px) scale(1) rotate(0deg) !important; }
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav { left: 14px !important; right: 14px !important; bottom: 10px !important; height: 70px !important; border-radius: 24px !important; padding: 7px !important; }
}
@media (max-width: 390px) {
  #purch-notif.purch-notif, .purch-notif { bottom: 92px !important; width: min(88vw, 318px) !important; }
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav { left: 10px !important; right: 10px !important; height: 66px !important; border-radius: 22px !important; }
}
.flash-bonus-line { display: flex; align-items: flex-start; gap: 6px; margin-top: 8px; color: rgb(255, 226, 138); font-size: 10px; font-weight: 850; line-height: 1.35; }
.flash-bonus-line i { color: rgb(249, 197, 49); margin-top: 1px; }
.flash-discount.bonus-only { display: inline-flex; align-items: center; gap: 5px; background: linear-gradient(135deg, rgb(249, 225, 138), rgb(229, 169, 40)); color: rgb(23, 16, 4); border-color: rgba(255, 239, 166, 0.58); }
.flash-price-normal-label { color: rgba(255, 255, 255, 0.57); font-size: 10px; font-weight: 800; }
.flash-sale-wrapper { isolation: isolate !important; margin: 24px 0px 26px !important; padding: clamp(15px, 2.4vw, 24px) !important; border: 1px solid rgba(249, 197, 49, 0.3) !important; border-radius: 32px !important; background: radial-gradient(circle at 8% 0%, rgba(255, 224, 120, 0.24), transparent 24rem), radial-gradient(circle at 96% 13%, rgba(249, 197, 49, 0.11), transparent 19rem), linear-gradient(145deg, rgba(44, 33, 10, 0.92), rgba(15, 18, 23, 0.96) 46%, rgba(7, 9, 13, 0.98)) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 32px 78px, rgba(249, 197, 49, 0.05) 0px 0px 0px 1px, rgba(255, 248, 217, 0.1) 0px 1px 0px inset !important; }
.flash-sale-wrapper::after { content: ""; position: absolute; inset: 10px; z-index: -1; pointer-events: none; border: 1px solid rgba(255, 231, 146, 0.1); border-radius: 24px; }
.flash-sale-wrapper::before { opacity: 0.62 !important; }
.flash-header { align-items: center !important; margin-bottom: 17px !important; padding: 2px 2px 0px !important; }
.flash-title { gap: 12px !important; }
.flash-title i { width: auto !important; height: auto !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; color: rgb(255, 53, 53) !important; font-size: clamp(27px, 4vw, 34px) !important; text-shadow: rgba(255, 53, 53, 0.34) 0px 0px 10px, rgba(255, 53, 53, 0.2) 0px 0px 22px !important; }
.flash-title h2 { font-size: clamp(25px, 4vw, 37px) !important; letter-spacing: -0.035em !important; }
.flash-timer { min-height: 42px !important; padding: 0px 15px !important; border-color: rgba(249, 197, 49, 0.34) !important; background: linear-gradient(rgba(0, 0, 0, 0.54), rgba(24, 18, 5, 0.58)) !important; box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.22) 0px 9px 20px !important; }
.flash-timer span:first-child { color: rgb(251, 229, 157) !important; }
.flash-timer #flashCountdown { min-width: 78px; color: rgb(255, 248, 216); font-family: Oxanium, Inter, sans-serif; letter-spacing: 0.1em; text-align: right; }
.flash-swiper { width: min(560px, 100%) !important; padding: 8px 0px 34px !important; }
.flash-swiper .swiper-wrapper { align-items: stretch !important; }
.flash-swiper .swiper-slide { padding: 0px 1px !important; }
.flash-card { min-height: 242px !important; border-radius: 28px !important; border-color: rgba(249, 197, 49, 0.3) !important; background: radial-gradient(circle at 84% 14%, rgba(72, 116, 179, 0.18), transparent 16rem), linear-gradient(145deg, rgba(30, 37, 54, 0.98), rgba(9, 12, 19, 0.99)) !important; box-shadow: rgba(0, 0, 0, 0.44) 0px 23px 48px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset !important; }
.flash-card:hover::after { opacity: 1; }
.flash-img-wrap { background: radial-gradient(circle at 50% 30%, rgba(255, 227, 122, 0.18), transparent 58%), linear-gradient(145deg, rgb(6, 9, 15), rgb(17, 21, 30)) !important; }
.flash-img-wrap::after { background: linear-gradient(90deg, transparent 48%, rgba(8, 11, 18, 0.73) 92%) !important; }
.flash-img-wrap img { filter: saturate(1.12) contrast(1.06) brightness(1.04); }
.flash-info { padding: 22px 21px 43px !important; gap: 10px !important; }
.flash-cat { color: rgb(246, 219, 131) !important; font-size: 10px !important; letter-spacing: 0.15em !important; }
.flash-name { font-size: clamp(20px, 3.6vw, 26px) !important; }
.flash-bonus-line { width: fit-content; max-width: 100%; display: flex !important; align-items: flex-start !important; gap: 8px !important; margin-top: 1px !important; padding: 8px 10px !important; border: 1px solid rgba(249, 197, 49, 0.18) !important; border-radius: 12px !important; background: linear-gradient(90deg, rgba(249, 197, 49, 0.13), rgba(249, 197, 49, 0.035)) !important; color: rgb(255, 240, 181) !important; font-size: 11px !important; line-height: 1.42 !important; font-weight: 900 !important; }
.flash-bonus-line i { color: rgb(255, 225, 118) !important; margin-top: 1px; }
.flash-price { margin-top: 2px !important; gap: 9px !important; }
.flash-price-now { color: rgb(255, 225, 138) !important; font-size: clamp(21px, 3.8vw, 28px) !important; }
.flash-price-old { font-size: 12px !important; }
.flash-price-normal-label { color: rgba(255, 255, 255, 0.52) !important; font-size: 10px !important; font-weight: 850 !important; }
.stock-badge { backdrop-filter: blur(8px); min-height: 27px !important; padding: 0px 11px !important; font-size: 10px !important; }
.flash-swiper .swiper-pagination { bottom: 3px !important; }
.flash-swiper .swiper-pagination-bullet { width: 6px !important; height: 6px !important; background: rgba(255, 255, 255, 0.28) !important; }
.flash-swiper .swiper-pagination-bullet-active { box-shadow: rgba(249, 197, 49, 0.34) 0px 0px 12px; width: 26px !important; background: linear-gradient(135deg, rgb(255, 240, 154), rgb(244, 190, 36)) !important; }
.product-search-bar { margin: 26px 0px 22px !important; }
.product-search-container.search-smart-wrap { max-width: 780px !important; padding: 16px !important; border: 1px solid rgba(249, 197, 49, 0.28) !important; border-radius: 28px !important; background: radial-gradient(circle at 8% 0%, rgba(249, 197, 49, 0.13), transparent 17rem), linear-gradient(145deg, rgba(24, 25, 21, 0.95), rgba(9, 11, 15, 0.98)) !important; box-shadow: rgba(0, 0, 0, 0.38) 0px 24px 58px, rgba(255, 255, 255, 0.07) 0px 1px 0px inset !important; }
.search-discovery-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin: 0px 2px 13px; }
.search-discovery-copy span { display: inline-flex; align-items: center; gap: 7px; color: rgb(246, 217, 118); font-size: 9px; font-weight: 950; letter-spacing: 0.12em; text-transform: uppercase; }
.search-discovery-copy span i { color: rgb(255, 226, 119); }
.search-discovery-copy strong { display: block; margin-top: 4px; color: rgb(255, 255, 255); font-size: 17px; line-height: 1.2; letter-spacing: -0.02em; }
.search-discovery-status { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(91, 241, 151, 0.2); border-radius: 999px; background: rgba(91, 241, 151, 0.08); color: rgb(153, 247, 191); font-size: 10px; font-weight: 850; }
.search-discovery-status i { color: rgb(91, 241, 151); }
.product-search-container.search-smart-wrap #product-search-form { padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px !important; box-shadow: none !important; background: transparent !important; }
.search-input-shell::before { content: ""; position: absolute; left: 17px; top: 50%; z-index: 3; transform: translateY(-50%); font-family: "Font Awesome 6 Free"; font-weight: 900; color: rgb(248, 207, 67); pointer-events: none; }
.product-search-container.search-smart-wrap #product-search-input { min-height: 59px !important; padding-left: 46px !important; padding-right: 48px !important; border: 1px solid rgba(255, 255, 255, 0.11) !important; border-radius: 19px !important; background: linear-gradient(145deg, rgba(2, 4, 8, 0.94), rgba(18, 21, 30, 0.88)) !important; color: rgb(255, 255, 255) !important; font-size: 14px !important; font-weight: 700 !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 18px inset, rgba(255, 255, 255, 0.03) 0px 1px 0px inset !important; }
.product-search-container.search-smart-wrap #product-search-input::placeholder { color: rgba(192, 201, 216, 0.58) !important; font-weight: 600 !important; }
.product-search-container.search-smart-wrap #product-search-input:focus { border-color: rgba(249, 197, 49, 0.62) !important; box-shadow: rgba(249, 197, 49, 0.1) 0px 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 8px 18px inset !important; }
.search-clear-btn { position: absolute; right: 10px; top: 50%; z-index: 5; width: 31px; height: 31px; transform: translateY(-50%); display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 11px; background: rgba(255, 255, 255, 0.06); color: rgb(201, 210, 223); cursor: pointer; }
.search-clear-btn:hover { color: rgb(255, 255, 255); border-color: rgba(249, 197, 49, 0.38); background: rgba(249, 197, 49, 0.12); }
.search-clear-btn[hidden] { display: none !important; }
.product-search-container.search-smart-wrap #product-search-form > button[type="submit"] { letter-spacing: 0.01em; min-width: 126px !important; min-height: 59px !important; border-radius: 19px !important; font-size: 14px !important; box-shadow: rgba(249, 197, 49, 0.2) 0px 15px 28px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset !important; }
.search-smart-wrap .search-suggestions { top: calc(100% + 10px) !important; padding: 10px !important; border: 1px solid rgba(249, 197, 49, 0.28) !important; border-radius: 20px !important; background: linear-gradient(rgba(15, 18, 26, 0.99), rgba(5, 8, 13, 0.99)) !important; box-shadow: rgba(0, 0, 0, 0.65) 0px 28px 70px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset !important; }
.search-suggestion-heading { display: flex; align-items: center; justify-content: space-between; padding: 3px 4px 10px; color: rgb(249, 220, 129); font-size: 10px; font-weight: 950; letter-spacing: 0.1em; text-transform: uppercase; }
.search-suggestion-heading span { display: inline-flex; align-items: center; gap: 7px; }
.search-suggestion-heading em { font-style: normal; color: rgb(127, 141, 161); font-size: 9px; }
.search-smart-wrap .search-suggestion-item, .search-smart-wrap button.search-suggestion-item { min-height: 62px !important; margin-bottom: 8px !important; padding: 11px 12px !important; border: 1px solid rgba(255, 255, 255, 0.075) !important; border-radius: 16px !important; background: linear-gradient(145deg, rgba(25, 30, 41, 0.98), rgba(12, 16, 24, 0.98)) !important; }
.search-smart-wrap .search-suggestion-item:hover, .search-smart-wrap .search-suggestion-item.active { background: linear-gradient(145deg, rgba(55, 47, 17, 0.98), rgba(20, 22, 27, 0.98)) !important; border-color: rgba(249, 197, 49, 0.48) !important; }
.search-smart-wrap .search-suggestion-icon { width: 38px !important; height: 38px !important; border-radius: 13px !important; background: linear-gradient(145deg, rgba(249, 197, 49, 0.22), rgba(249, 197, 49, 0.06)) !important; border-color: rgba(249, 197, 49, 0.22) !important; }
.search-smart-wrap .search-suggestion-title { color: rgb(248, 250, 252) !important; font-size: 13px !important; }
.search-smart-wrap .search-suggestion-type { color: rgb(155, 168, 186) !important; }
.search-smart-wrap .search-suggestion-badge { background: linear-gradient(135deg, rgb(255, 240, 160), rgb(237, 189, 41)) !important; color: rgb(21, 17, 5) !important; }
.quick-filter-strip { margin-top: 14px !important; padding: 4px 2px 2px !important; gap: 9px !important; }
.quick-filter-chip { min-height: 42px !important; padding: 0px 15px !important; border-radius: 15px !important; font-size: 12px !important; }
.quick-filter-chip.active, .quick-filter-chip:hover { box-shadow: rgba(249, 197, 49, 0.18) 0px 12px 24px !important; }
@media (max-width: 640px) {
  .flash-sale-wrapper { margin: 16px 0px 20px !important; padding: 13px !important; border-radius: 26px !important; }
  .flash-sale-wrapper::after { inset: 7px; border-radius: 20px; }
  .flash-header { align-items: flex-start !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 12px !important; }
  .flash-title i { width: auto !important; height: auto !important; border-radius: 0px !important; font-size: 26px !important; }
  .flash-title h2 { font-size: 25px !important; }
  .flash-side { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; }
  .flash-timer { width: 100% !important; min-height: 38px !important; justify-content: center !important; font-size: 10px !important; }
  .flash-promo-btn { width: 100% !important; min-height: 38px !important; font-size: 10px !important; border-radius: 16px !important; }
  .flash-swiper { width: min(100%, 370px) !important; padding: 4px 0px 30px !important; }
  .flash-card { grid-template-columns: 120px minmax(0px, 1fr) !important; min-height: 148px !important; border-radius: 22px !important; }
  .flash-img-wrap { width: 120px !important; min-height: 148px !important; padding: 7px !important; }
  .flash-img-wrap img { border-radius: 16px !important; }
  .flash-info { padding: 13px 12px 37px !important; gap: 6px !important; }
  .flash-cat { font-size: 8px !important; }
  .flash-name { font-size: 15px !important; line-height: 1.15 !important; }
  .flash-bonus-line { gap: 6px !important; padding: 6px 7px !important; border-radius: 10px !important; font-size: 9px !important; line-height: 1.35 !important; }
  .flash-price-now { font-size: 18px !important; }
  .flash-price-old { font-size: 9px !important; }
  .stock-badge { min-height: 23px !important; padding: 0px 8px !important; font-size: 8px !important; }
  .product-search-bar { margin: 20px 0px 16px !important; }
  .product-search-container.search-smart-wrap { padding: 12px !important; border-radius: 23px !important; }
  .search-discovery-head { margin: 0px 2px 10px; align-items: center; }
  .search-discovery-copy strong { font-size: 14px; }
  .search-discovery-copy span { font-size: 8px; }
  .search-discovery-status { padding: 6px 8px; font-size: 8px; }
  .product-search-container.search-smart-wrap #product-search-input { min-height: 55px !important; border-radius: 17px !important; font-size: 13px !important; }
  .product-search-container.search-smart-wrap #product-search-form > button[type="submit"] { min-width: 106px !important; min-height: 55px !important; border-radius: 17px !important; }
  .quick-filter-strip { margin-top: 11px !important; }
  .quick-filter-chip { min-height: 39px !important; padding: 0px 13px !important; font-size: 11px !important; }
  .search-smart-wrap .search-suggestions { border-radius: 17px !important; }
}
@media (max-width: 430px) {
  .search-discovery-status { display: none; }
  .product-search-container.search-smart-wrap #product-search-form { gap: 8px !important; }
  .product-search-container.search-smart-wrap #product-search-form > button[type="submit"] { min-width: 94px !important; padding: 0px 13px !important; }
  .product-search-container.search-smart-wrap #product-search-form > button[type="submit"] i { margin-right: 2px; }
}
.flash-header { align-items: center !important; justify-content: space-between !important; margin-bottom: 14px !important; }
.flash-title { gap: 11px !important; }
.flash-title h2 { margin: 0px !important; }
.flash-side { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; flex-wrap: wrap !important; }
.flash-promo-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 42px !important; padding: 0px 15px !important; border-radius: 999px !important; background: linear-gradient(145deg, rgb(255, 242, 167), rgb(244, 197, 46) 55%, rgb(201, 142, 9)) !important; border: 1px solid rgba(255, 241, 172, 0.48) !important; color: rgb(17, 16, 6) !important; font-size: 11px !important; font-weight: 950 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; box-shadow: rgba(249, 197, 49, 0.2) 0px 12px 24px, rgba(255, 255, 255, 0.42) 0px 1px 0px inset !important; }
.flash-promo-btn i { font-size: 12px !important; color: rgb(17, 16, 6) !important; }
.flash-promo-btn:active { transform: translateY(1px) !important; }
.flash-timer { min-width: 210px; width: auto !important; justify-content: center !important; }
.flash-info { padding: 19px 20px !important; }
.flash-card { min-height: 224px !important; }
.flash-card .flash-info { justify-content: center !important; }
.flash-bonus-line { margin-top: 0px !important; }
.product-search-container.search-smart-wrap { padding: 14px !important; }
.search-discovery-head { margin: 0px 2px 11px !important; }
.search-clean-head { display: block !important; }
.search-clean-head strong { display: block; color: rgb(255, 255, 255) !important; font-size: 17px !important; font-weight: 900 !important; letter-spacing: -0.02em !important; }
.search-discovery-copy, .search-discovery-status, .search-suggestion-heading, .search-suggestion-type, .search-suggestion-badge { display: none !important; }
.product-search-container.search-smart-wrap #product-search-form .search-clear-btn { position: absolute !important; right: 10px !important; top: 50% !important; z-index: 5 !important; width: 31px !important; min-width: 31px !important; height: 31px !important; min-height: 31px !important; padding: 0px !important; transform: translateY(-50%) !important; display: grid !important; place-items: center !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.07) !important; color: rgb(203, 213, 225) !important; box-shadow: none !important; }
.product-search-container.search-smart-wrap #product-search-form .search-clear-btn:hover { color: rgb(255, 255, 255) !important; border-color: rgba(249, 197, 49, 0.48) !important; background: rgba(249, 197, 49, 0.12) !important; }
.product-search-container.search-smart-wrap #product-search-form .search-clear-btn[hidden] { display: none !important; }
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item, .product-search-container.search-smart-wrap .search-suggestions button.search-suggestion-item, .product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item { display: flex !important; align-items: center !important; width: 100% !important; min-width: 0px !important; min-height: 56px !important; height: auto !important; margin: 0px 0px 8px !important; padding: 10px 12px !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; border-radius: 15px !important; background: linear-gradient(145deg, rgba(25, 30, 41, 0.98), rgba(10, 14, 22, 0.98)) !important; color: rgb(248, 250, 252) !important; text-align: left !important; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset !important; transform: none !important; }
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item:last-child, .product-search-container.search-smart-wrap .search-suggestions button.search-suggestion-item:last-child { margin-bottom: 0px !important; }
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item:hover, .product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item.active, .product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item:hover, .product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item.active { background: linear-gradient(145deg, rgba(47, 42, 19, 0.98), rgba(17, 21, 29, 0.98)) !important; border-color: rgba(249, 197, 49, 0.48) !important; box-shadow: rgb(249, 197, 49) 3px 0px 0px inset, rgba(0, 0, 0, 0.25) 0px 10px 22px !important; transform: none !important; }
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-main { display: flex !important; align-items: center !important; min-height: 28px !important; }
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-title { color: rgb(248, 250, 252) !important; font-size: 14px !important; font-weight: 900 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.search-suggestion-arrow { flex: 0 0 auto; color: rgb(245, 213, 108); font-size: 12px; opacity: 0.9; }
@media (max-width: 640px) {
  .flash-sale-wrapper { padding: 12px !important; }
  .flash-header { gap: 10px !important; margin-bottom: 11px !important; }
  .flash-title i { width: auto !important; height: auto !important; font-size: 26px !important; }
  .flash-title h2 { font-size: 25px !important; }
  .flash-side { width: 100% !important; display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; }
  .flash-timer { width: 100% !important; min-width: 0px !important; min-height: 38px !important; }
  .flash-promo-btn { width: 100% !important; min-height: 38px !important; border-radius: 16px !important; font-size: 10px !important; }
  .flash-card { min-height: 146px !important; }
  .flash-info { padding: 12px !important; }
  .product-search-container.search-smart-wrap { padding: 12px !important; }
  .search-clean-head strong { font-size: 15px !important; }
  .product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item, .product-search-container.search-smart-wrap .search-suggestions button.search-suggestion-item, .product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item { min-height: 54px !important; border-radius: 14px !important; }
}
.cgo-parallax-testimonials { min-height: 0px !important; padding: 20px !important; margin: 20px 0px !important; }
.cgo-parallax-testimonials::after { background-size: 52px 52px !important; opacity: 0.15 !important; }
.cgo-testi-head { margin-bottom: 14px !important; }
.cgo-testi-layout { grid-template-columns: minmax(220px, 286px) minmax(0px, 1fr) !important; gap: 16px !important; }
.cgo-testi-copy { min-height: 214px !important; padding: 18px !important; border-radius: 23px !important; justify-content: flex-start !important; }
.cgo-testi-badge { padding: 7px 10px !important; font-size: 9px !important; letter-spacing: 0.065em !important; }
.cgo-testi-copy h3 { margin: 12px 0px 0px !important; font-size: clamp(21px, 2vw, 28px) !important; line-height: 1.08 !important; letter-spacing: -0.045em !important; }
.cgo-testi-copy p { display: none !important; }
.cgo-testi-mini-stats { gap: 7px !important; margin-top: 16px !important; }
.cgo-testi-mini-stats span { min-height: 50px !important; padding: 6px !important; border-radius: 15px !important; }
.cgo-testi-mini-stats strong { font-size: 14px !important; }
.cgo-testi-mini-stats small { font-size: 8px !important; letter-spacing: 0.03em !important; }
.cgo-parallax-swiper { padding: 4px 2px 32px !important; }
.cgo-testi-card { min-height: 218px !important; padding: 16px !important; border-radius: 23px !important; }
.cgo-testi-card::before { right: 12px !important; top: -24px !important; font-size: 108px !important; }
.testi-stars { gap: 3px !important; margin-bottom: 9px !important; font-size: 14px !important; }
.testi-text { font-size: 13px !important; line-height: 1.55 !important; -webkit-line-clamp: 4 !important; }
.cgo-testi-meta { margin-top: 10px !important; gap: 7px !important; }
.cgo-product-pill { gap: 6px !important; padding: 7px 10px !important; border-radius: 12px !important; font-size: 10px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.cgo-testi-author-row { gap: 9px !important; margin-top: 12px !important; padding-top: 10px !important; }
.cgo-testi-avatar { width: 36px !important; height: 36px !important; border-radius: 12px !important; font-size: 12px !important; }
.testi-author { gap: 2px !important; font-size: 11px !important; }
.testi-author strong { font-size: 12px !important; line-height: 1.15 !important; }
.cgo-verified-customer { gap: 5px !important; padding: 3px 8px !important; font-size: 9px !important; }
.testi-author small { display: none !important; }
.cgo-parallax-swiper .swiper-pagination-bullet { width: 14px !important; height: 5px !important; }
.cgo-parallax-swiper .swiper-pagination-bullet-active { width: 28px !important; }
@media (max-width: 980px) {
  .cgo-testi-layout { grid-template-columns: 1fr !important; gap: 13px !important; }
  .cgo-testi-copy { min-height: 0px !important; }
}
@media (max-width: 768px) {
  .cgo-parallax-testimonials { padding: 13px !important; margin: 15px 0px !important; border-radius: 22px !important; }
  .cgo-testi-head { margin-bottom: 11px !important; }
  .cgo-testi-copy { padding: 14px !important; border-radius: 18px !important; }
  .cgo-testi-badge { padding: 6px 9px !important; font-size: 8px !important; }
  .cgo-testi-copy h3 { margin-top: 9px !important; font-size: 21px !important; max-width: 23ch !important; }
  .cgo-testi-mini-stats { margin-top: 12px !important; }
  .cgo-testi-mini-stats span { min-height: 45px !important; border-radius: 13px !important; }
  .cgo-testi-mini-stats strong { font-size: 13px !important; }
  .cgo-testi-mini-stats small { font-size: 7px !important; }
  .cgo-parallax-swiper { padding: 3px 1px 29px !important; }
  .cgo-testi-card { min-height: 196px !important; padding: 14px !important; border-radius: 18px !important; }
  .testi-stars { margin-bottom: 7px !important; font-size: 13px !important; }
  .testi-text { font-size: 12px !important; line-height: 1.48 !important; -webkit-line-clamp: 3 !important; }
  .cgo-testi-meta { margin-top: 8px !important; }
  .cgo-product-pill { max-width: 100% !important; padding: 6px 9px !important; font-size: 9px !important; }
  .cgo-testi-author-row { margin-top: 9px !important; padding-top: 8px !important; }
  .cgo-testi-avatar { width: 33px !important; height: 33px !important; border-radius: 10px !important; }
  .testi-author strong { font-size: 11px !important; }
  .cgo-verified-customer { padding: 3px 7px !important; font-size: 8px !important; }
}
.steps-grid { position: relative; overflow: hidden; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 14px !important; margin: 14px 0px 0px !important; padding: 16px !important; border-radius: 28px !important; border: 1px solid rgba(248, 201, 49, 0.14) !important; background: radial-gradient(circle at left top, rgba(248, 201, 49, 0.08), transparent 28%), linear-gradient(rgba(255, 255, 255, 0.035), rgba(8, 10, 16, 0.76)) !important; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset, rgba(0, 0, 0, 0.22) 0px 18px 34px !important; }
.steps-grid::before, .steps-grid::after { content: none !important; display: none !important; }
.step-card { position: relative !important; min-height: 112px !important; display: grid !important; grid-template-columns: 54px minmax(0px, 1fr) !important; grid-template-rows: auto auto !important; gap: 4px 14px !important; align-items: center !important; padding: 16px 16px 16px 18px !important; border-radius: 24px !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; background: linear-gradient(145deg, rgba(18, 22, 30, 0.98), rgba(9, 12, 18, 0.98)) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 14px 28px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset !important; overflow: hidden !important; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s !important; }
.step-card::before { content: ""; position: absolute; left: 0px; top: 16px; bottom: 16px; width: 4px; border-radius: 999px; background: linear-gradient(rgb(255, 227, 125), rgb(217, 165, 26)); opacity: 0.95; }
.step-card::after { content: ""; position: absolute; right: -24px; top: -24px; width: 88px; height: 88px; border-radius: 50%; opacity: 0.14; pointer-events: none; }
.step-card:hover { transform: translateY(-2px) !important; border-color: rgba(248, 201, 49, 0.28) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 34px, rgba(255, 255, 255, 0.055) 0px 1px 0px inset !important; }
.step-num { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; width: auto !important; min-width: 30px !important; height: 30px !important; padding: 0px 10px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: rgb(231, 237, 247) !important; font-size: 11px !important; font-weight: 900 !important; box-shadow: none !important; transform: none !important; z-index: 2 !important; }
.step-icon { grid-area: 1 / 1 / span 2 !important; width: 54px !important; height: 54px !important; margin: 0px !important; display: grid !important; place-items: center !important; border-radius: 18px !important; font-size: 21px !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important; box-shadow: rgba(0, 0, 0, 0.18) 10px 10px 22px, rgba(255, 255, 255, 0.06) 0px 1px 0px inset !important; }
.step-card h4 { grid-area: 1 / 2 !important; margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: 19px !important; line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: -0.02em !important; }
.step-card p { grid-area: 2 / 2 !important; margin: 0px !important; color: rgb(168, 179, 194) !important; font-size: 13px !important; line-height: 1.45 !important; display: block !important; overflow: visible !important; -webkit-line-clamp: unset !important; }
.step-card:nth-child(1)::after { background: rgb(70, 219, 255); }
.step-card:nth-child(2)::after { background: rgb(157, 130, 255); }
.step-card:nth-child(3)::after { background: rgb(72, 230, 166); }
.step-card:nth-child(4)::after { background: rgb(255, 177, 102); }
.step-card:nth-child(1) .step-icon { color: rgb(89, 220, 255) !important; background: linear-gradient(145deg, rgba(89, 220, 255, 0.18), rgba(89, 220, 255, 0.05)) !important; border-color: rgba(89, 220, 255, 0.22) !important; }
.step-card:nth-child(2) .step-icon { color: rgb(182, 155, 255) !important; background: linear-gradient(145deg, rgba(182, 155, 255, 0.18), rgba(182, 155, 255, 0.05)) !important; border-color: rgba(182, 155, 255, 0.22) !important; }
.step-card:nth-child(3) .step-icon { color: rgb(102, 235, 166) !important; background: linear-gradient(145deg, rgba(102, 235, 166, 0.18), rgba(102, 235, 166, 0.05)) !important; border-color: rgba(102, 235, 166, 0.22) !important; }
.step-card:nth-child(4) .step-icon { color: rgb(255, 180, 102) !important; background: linear-gradient(145deg, rgba(255, 180, 102, 0.18), rgba(255, 180, 102, 0.05)) !important; border-color: rgba(255, 180, 102, 0.22) !important; }
@media (max-width: 768px) {
  .steps-grid { grid-template-columns: 1fr !important; gap: 10px !important; padding: 12px !important; border-radius: 24px !important; margin-top: 12px !important; }
  .step-card { min-height: 94px !important; grid-template-columns: 46px minmax(0px, 1fr) !important; column-gap: 12px !important; padding: 14px 14px 14px 16px !important; border-radius: 20px !important; }
  .step-card::before { top: 12px; bottom: 12px; width: 3px; }
  .step-num { top: 10px !important; right: 10px !important; min-width: 26px !important; height: 26px !important; padding: 0px 8px !important; font-size: 10px !important; }
  .step-icon { width: 46px !important; height: 46px !important; border-radius: 15px !important; font-size: 18px !important; }
  .step-card h4 { font-size: 16px !important; }
  .step-card p { font-size: 12px !important; line-height: 1.35 !important; }
}
@media (max-width: 390px) {
  .step-card { min-height: 90px !important; grid-template-columns: 42px minmax(0px, 1fr) !important; column-gap: 10px !important; padding: 13px 12px 13px 14px !important; }
  .step-icon { width: 42px !important; height: 42px !important; border-radius: 14px !important; font-size: 17px !important; }
  .step-card h4 { font-size: 15px !important; }
  .step-card p { font-size: 11px !important; }
}
#side-menu .cgo-side-nav-list li a i { position: relative !important; overflow: hidden !important; color: rgb(18, 21, 27) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 18px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li a i::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(145deg, rgba(255, 255, 255, 0.26), transparent 46%); pointer-events: none; }
#side-menu .cgo-side-nav-list li a i::before { position: relative !important; z-index: 1 !important; }
#side-menu .cgo-side-nav-list li:nth-child(1) > a i { background: linear-gradient(145deg, rgb(93, 229, 255), rgb(35, 185, 221) 56%, rgb(15, 116, 151)) !important; color: rgb(7, 26, 34) !important; border-color: rgba(93, 229, 255, 0.52) !important; box-shadow: rgba(35, 185, 221, 0.25) 0px 8px 20px, rgba(255, 255, 255, 0.46) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li:nth-child(2) > a i { background: linear-gradient(145deg, rgb(255, 230, 138), rgb(239, 185, 30) 58%, rgb(184, 121, 11)) !important; color: rgb(42, 27, 3) !important; border-color: rgba(255, 230, 138, 0.52) !important; box-shadow: rgba(239, 185, 30, 0.24) 0px 8px 20px, rgba(255, 255, 255, 0.46) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li:nth-child(3) > a i { background: linear-gradient(145deg, rgb(166, 220, 255), rgb(89, 168, 255) 58%, rgb(47, 110, 202)) !important; color: rgb(7, 25, 43) !important; border-color: rgba(166, 220, 255, 0.52) !important; box-shadow: rgba(89, 168, 255, 0.23) 0px 8px 20px, rgba(255, 255, 255, 0.43) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li:nth-child(4) > a i { background: linear-gradient(145deg, rgb(255, 209, 140), rgb(255, 154, 61) 58%, rgb(200, 94, 19)) !important; color: rgb(42, 19, 3) !important; border-color: rgba(255, 209, 140, 0.52) !important; box-shadow: rgba(255, 154, 61, 0.24) 0px 8px 20px, rgba(255, 255, 255, 0.43) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li:nth-child(5) > a i { background: linear-gradient(145deg, rgb(167, 243, 208), rgb(66, 214, 154) 58%, rgb(20, 136, 92)) !important; color: rgb(6, 29, 20) !important; border-color: rgba(167, 243, 208, 0.5) !important; box-shadow: rgba(66, 214, 154, 0.22) 0px 8px 20px, rgba(255, 255, 255, 0.45) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li:nth-child(6) > a i { background: linear-gradient(145deg, rgb(185, 232, 255), rgb(94, 191, 247) 58%, rgb(37, 122, 184)) !important; color: rgb(6, 26, 40) !important; border-color: rgba(185, 232, 255, 0.5) !important; box-shadow: rgba(94, 191, 247, 0.22) 0px 8px 20px, rgba(255, 255, 255, 0.45) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li:nth-child(7) > a i { background: linear-gradient(145deg, rgb(218, 203, 255), rgb(161, 132, 255) 58%, rgb(96, 71, 191)) !important; color: rgb(22, 11, 50) !important; border-color: rgba(218, 203, 255, 0.5) !important; box-shadow: rgba(161, 132, 255, 0.23) 0px 8px 20px, rgba(255, 255, 255, 0.42) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li:nth-child(8) > a i { background: linear-gradient(145deg, rgb(255, 192, 199), rgb(250, 115, 127) 58%, rgb(186, 57, 71)) !important; color: rgb(43, 8, 13) !important; border-color: rgba(255, 192, 199, 0.5) !important; box-shadow: rgba(250, 115, 127, 0.22) 0px 8px 20px, rgba(255, 255, 255, 0.42) 0px 1px 0px inset !important; }
#side-menu .cgo-side-nav-list li a:hover i, #side-menu .cgo-side-nav-list li a.is-active i { filter: brightness(1.09) saturate(1.08) !important; transform: scale(1.035) !important; }
#side-menu .cgo-side-nav-list li a.is-active { background: linear-gradient(135deg, rgba(255, 216, 92, 0.12), rgba(255, 255, 255, 0.02)) !important; border-color: rgba(255, 216, 92, 0.42) !important; }
#side-menu .cgo-side-nav-list li a.is-active::before { opacity: 1 !important; background: rgb(255, 226, 122) !important; }
@media (max-width: 768px) {
  #side-menu .cgo-side-nav-list li a i { box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 14px, rgba(255, 255, 255, 0.4) 0px 1px 0px inset !important; }
}


.cgo-update-notice-modal{position:fixed;inset:0;z-index:7600;display:none;align-items:center;justify-content:center;padding:16px;color:#fff}.cgo-update-notice-modal.show{display:flex}.cgo-update-notice-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cgo-update-notice-card{position:relative;width:min(92vw,430px);max-height:82dvh;overflow:hidden auto;padding:26px 24px 22px;border-radius:28px;background:radial-gradient(circle at 18% 0%,rgba(248,201,49,.18),transparent 12rem),linear-gradient(180deg,rgba(18,22,32,.97),rgba(7,9,14,.99));border:1px solid rgba(248,201,49,.34);box-shadow:0 28px 90px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.08)}.cgo-update-notice-x{position:absolute;top:16px;right:16px;width:46px;height:46px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px}.cgo-update-notice-game{color:#f8c931;font-weight:950;text-transform:uppercase;font-size:13px;letter-spacing:.06em;margin:0 54px 5px 0}.cgo-update-notice-card h3{font-family:'Oxanium','Inter',sans-serif;margin:0 54px 16px 0;color:#fff;font-size:clamp(24px,6vw,34px);line-height:1.05;font-weight:950;letter-spacing:-.04em;text-transform:uppercase}.cgo-update-notice-content{white-space:normal;font-size:15px;line-height:1.62;color:rgba(255,255,255,.84);background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;text-align:left;word-break:break-word;user-select:text;-webkit-user-select:text}.cgo-update-notice-content a{color:#8bc7ff;text-decoration:underline;font-weight:850}.cgo-update-notice-btn{margin-top:18px;width:100%;min-height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,#39a8ff,#0f74c9);color:#fff;font-size:15px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 16px 36px rgba(15,116,201,.28),inset 0 1px 0 rgba(255,255,255,.24)}body.cgo-update-notice-open{overflow:hidden!important}body.cgo-update-notice-open .cgo-bottom-nav,body.cgo-update-notice-open .bottom-nav,body.cgo-update-notice-open #purch-notif,body.cgo-update-notice-open .purch-notif{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(max-width:420px){.cgo-update-notice-card{width:min(94vw,390px);padding:22px 18px 18px;border-radius:26px}.cgo-update-notice-content{font-size:14px;padding:14px}.cgo-update-notice-btn{min-height:52px}}


.help-blur-backdrop{position:fixed!important;inset:0!important;z-index:5998!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:rgba(0,0,0,.64)!important;backdrop-filter:blur(14px) saturate(82%)!important;-webkit-backdrop-filter:blur(14px) saturate(82%)!important;transition:opacity .2s ease,visibility .2s ease!important}.help-blur-backdrop.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}#help-popup.help-popup,#help-popup.help-popup *{box-sizing:border-box!important}#help-popup.help-popup:before{display:none!important;content:none!important}#help-popup.help-popup{position:fixed!important;z-index:5999!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:min(92vw,420px)!important;max-width:calc(100vw - 28px)!important;min-width:0!important;max-height:calc(100dvh - 88px)!important;overflow:hidden auto!important;padding:20px!important;border-radius:28px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(-50%,-48%,0) scale(.96)!important;transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;background:radial-gradient(circle at 16% 0%,rgba(255,201,71,.20),transparent 10rem),linear-gradient(180deg,rgba(16,18,15,.98),rgba(6,8,7,.99))!important;border:1px solid rgba(255,181,31,.32)!important;box-shadow:0 26px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important}#help-popup.help-popup.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(-50%,-50%,0) scale(1)!important}.help-popup-close{position:absolute!important;top:14px!important;right:14px!important;width:38px!important;height:38px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.08)!important;color:#f7f7f7!important;display:grid!important;place-items:center!important;cursor:pointer!important}.help-popup-head{display:flex!important;align-items:center!important;gap:13px!important;padding-right:46px!important;margin:0 0 14px!important}.help-popup-icon{width:52px!important;height:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;color:#15110a!important;background:linear-gradient(135deg,#ffe17a,#d99800)!important;box-shadow:0 14px 28px rgba(217,150,0,.26),inset 0 1px 0 rgba(255,255,255,.32)!important;flex:0 0 52px!important}.help-popup-kicker{display:block!important;margin-bottom:4px!important;color:#ffcd45!important;font-size:10px!important;font-weight:950!important;letter-spacing:.20em!important}.help-popup h4{margin:0!important;color:#fff!important;font-size:23px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.04em!important}.help-popup-desc{margin:0 0 16px!important;color:rgba(255,255,255,.70)!important;font-size:13px!important;line-height:1.55!important}.help-popup-btns{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.help-popup-btns a{box-sizing:border-box!important;width:100%!important;min-height:64px!important;margin:0!important;padding:0 14px!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;text-decoration:none!important;font-weight:900!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 28px rgba(0,0,0,.24)!important}.help-popup-btns a i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:rgba(255,255,255,.20)!important;color:#fff!important;font-size:20px!important;flex:0 0 38px!important}.help-popup-btns a span{display:grid!important;gap:2px!important;min-width:0!important}.help-popup-btns a strong{font-size:17px!important;line-height:1!important;color:#fff!important;white-space:nowrap!important}.help-popup-btns a small{font-size:11px!important;line-height:1.2!important;color:rgba(255,255,255,.76)!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.help-popup-btns a.tg{background:linear-gradient(135deg,#159fe4,#0878b9)!important;color:#fff!important}.help-popup-btns a.wa{background:linear-gradient(135deg,#2bd56e,#11a64c)!important;color:#fff!important}body.cgo-help-open{overflow:hidden!important}body.cgo-help-open .cgo-bottom-nav,body.cgo-help-open #purch-notif,body.cgo-help-open .purch-notif{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(max-width:768px){.side-head{padding-right:112px!important}#help-popup.help-popup{width:calc(100vw - 28px)!important;max-width:390px!important;padding:18px!important;border-radius:26px!important}.help-popup-btns a{min-height:62px!important;border-radius:19px!important}}@media(max-width:360px){#side-close.side-menu-close{min-width:82px!important;padding:0 10px!important}.side-head{padding-right:100px!important}#help-popup.help-popup{width:calc(100vw - 22px)!important;padding:16px!important}.help-popup-icon{width:46px!important;height:46px!important;flex-basis:46px!important}.help-popup-desc{font-size:12.5px!important}}

#side-menu.side-menu{width:min(382px,calc(100% - 24px))!important;right:-420px!important;top:18px!important;height:calc(100dvh - 36px)!important;border-radius:24px!important;overflow:hidden auto!important;background:linear-gradient(180deg,rgba(11,12,9,.97),rgba(4,5,5,.985))!important;border:1px solid rgba(255,216,92,.24)!important;box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(16px) saturate(130%)!important;-webkit-backdrop-filter:blur(16px) saturate(130%)!important}#side-menu.side-menu.active{right:14px!important}#side-menu.side-menu:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,216,92,.045),transparent 210px);opacity:.55}.side-head{position:relative;z-index:2;min-height:78px!important;padding:15px 16px!important;background:rgba(255,255,255,.018)!important;border-bottom:1px solid rgba(255,216,92,.14)!important}#side-close.side-menu-close{top:20px!important;right:18px!important;left:auto!important;transform:none!important;min-width:82px!important;height:38px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(255,216,92,.17),rgba(255,255,255,.045))!important;border:1px solid rgba(255,216,92,.34)!important;color:#ffe8a3!important;box-shadow:0 12px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.09)!important}#side-close .side-close-text{color:#ff6b6b!important;font-size:10px!important;letter-spacing:.16em!important}.side-body{position:relative;z-index:2;padding:12px 14px 18px!important}.side-brand-static,.cgo-side-nav-label{display:none!important}.side-menu ul.cgo-side-nav-list{padding:0!important;margin:0!important;display:grid!important;gap:8px!important}.side-menu ul.cgo-side-nav-list li a{position:relative;min-height:48px!important;padding:7px 12px!important;border-radius:16px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;column-gap:11px!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(255,216,92,.13)!important;color:#fff4d4!important;box-shadow:none!important;overflow:hidden!important}.side-menu ul.cgo-side-nav-list li a:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:999px;background:#ffd85c;opacity:0}.side-menu ul.cgo-side-nav-list li a i{grid-column:1;width:32px!important;height:32px!important;border-radius:12px!important;background:rgba(255,216,92,.09)!important;border:1px solid rgba(255,216,92,.20)!important;color:#ffd85c!important;box-shadow:none!important;display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;font-size:15px!important;line-height:1!important;text-align:center!important;overflow:hidden!important;padding:0!important;position:relative!important}.side-menu ul.cgo-side-nav-list li a i:before{display:block!important;line-height:1!important;margin:0!important;transform:none!important}.side-menu ul.cgo-side-nav-list li a span{grid-column:2;grid-row:1;color:#fff7df!important;font-size:13.5px;font-weight:850;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-menu ul.cgo-side-nav-list li a em{display:none!important}.side-menu ul.cgo-side-nav-list li a:hover,.side-menu ul.cgo-side-nav-list li a.is-active{transform:none;background:rgba(255,216,92,.07)!important;border-color:rgba(255,216,92,.30)!important}.side-menu ul.cgo-side-nav-list li a:hover:before,.side-menu ul.cgo-side-nav-list li a.is-active:before{opacity:1}.side-menu ul.cgo-side-nav-list li a.is-active i{background:rgba(255,216,92,.16)!important;border-color:rgba(255,216,92,.36)!important}.cgo-parallax-testimonials{isolation:isolate;min-height:430px;padding:clamp(18px,3vw,32px)!important;margin:28px 0!important;border-color:rgba(255,216,92,.38)!important;background:radial-gradient(circle at 15% 16%,rgba(255,216,92,.18),transparent 18rem),radial-gradient(circle at 86% 0%,rgba(255,172,25,.14),transparent 19rem),linear-gradient(145deg,rgba(18,16,9,.92),rgba(4,5,5,.88) 64%,rgba(16,11,3,.94))!important;box-shadow:0 28px 95px rgba(0,0,0,.66),0 0 54px rgba(255,179,0,.14),inset 0 1px 0 rgba(255,255,255,.10)!important}.cgo-parallax-testimonials:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 26%,rgba(255,216,92,.08) 48%,transparent 65%);opacity:.88}.cgo-parallax-testimonials:after{content:"";position:absolute;inset:1px;z-index:0;border-radius:31px;pointer-events:none;background:linear-gradient(90deg,rgba(255,216,92,.14) 0 1px,transparent 1px),linear-gradient(0deg,rgba(255,216,92,.10) 0 1px,transparent 1px);background-size:42px 42px;opacity:.20}.cgo-parallax-bg{position:absolute;inset:-18%;z-index:0;pointer-events:none;transform:translate3d(0,var(--cgo-parallax-y,0px),0);background:radial-gradient(circle at 18% 22%,rgba(255,235,151,.30),transparent 9rem),radial-gradient(circle at 70% 38%,rgba(255,169,24,.16),transparent 12rem)}.cgo-testi-head,.cgo-testi-layout{position:relative;z-index:2}.cgo-testi-head{margin-bottom:22px!important}.cgo-section-link{border-color:rgba(255,216,92,.22)!important}.cgo-testi-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:22px;align-items:stretch}.cgo-testi-copy{min-height:280px;border-radius:28px;padding:24px;background:linear-gradient(145deg,rgba(255,216,92,.14),rgba(255,255,255,.05) 42%,rgba(0,0,0,.34));border:1px solid rgba(255,216,92,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.32);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.cgo-testi-badge{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;background:rgba(255,216,92,.13);border:1px solid rgba(255,216,92,.26);color:#ffe884;font-size:11px;font-weight:950;letter-spacing:.08em}.cgo-testi-copy h3{margin:18px 0 10px;color:#fff8df;font-size:clamp(24px,2.4vw,36px);line-height:1.02;letter-spacing:-.05em}.cgo-testi-copy p{margin:0;color:rgba(255,248,223,.70);font-size:14px;line-height:1.65}.cgo-testi-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.cgo-testi-mini-stats span{min-height:62px;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,216,92,.14);display:grid;place-items:center;padding:8px}.cgo-testi-mini-stats strong{color:#ffd85c;font-size:16px}.cgo-testi-mini-stats small{color:rgba(255,248,223,.56);font-size:10px;font-weight:900;text-transform:uppercase}.cgo-testi-slider-wrap{min-width:0;display:flex;align-items:stretch}.cgo-parallax-swiper{width:100%;padding:8px 3px 44px!important}.cgo-testi-card{position:relative;min-height:282px;height:100%;padding:22px!important;border-radius:28px!important;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,216,92,.055) 38%,rgba(2,3,3,.76))!important;border:1px solid rgba(255,216,92,.28)!important;box-shadow:0 22px 54px rgba(0,0,0,.42),0 0 26px rgba(255,216,92,.09),inset 0 1px 0 rgba(255,255,255,.10)!important;display:flex;flex-direction:column;justify-content:space-between}.cgo-testi-card:before{content:"“";position:absolute;right:16px;top:-18px;color:rgba(255,216,92,.12);font-family:Georgia,serif;font-size:144px;line-height:1;z-index:0}.cgo-testi-card>*{position:relative;z-index:1}.testi-stars{display:flex;gap:4px;color:#ffd85c!important;text-shadow:0 0 12px rgba(255,216,92,.35);margin-bottom:16px}.testi-text{color:#fff7df!important;font-size:15px!important;line-height:1.68!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.cgo-testi-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cgo-product-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 12px;border-radius:999px;background:rgba(255,216,92,.12);border:1px solid rgba(255,216,92,.22);color:#ffe28a;font-size:12px;font-weight:900;line-height:1.2}.cgo-testi-author-row{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,216,92,.15)}.cgo-testi-avatar{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#fff0a3,#e7a91a 65%,#8f5b0b);color:#100f09;font-weight:950}.testi-author{display:grid!important;color:#fff8df!important;font-size:13px!important;gap:4px}.testi-author strong{font-size:14px;color:#fff8df}.cgo-verified-customer{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 10px;border-radius:999px;background:rgba(22,163,74,.12);border:1px solid rgba(74,222,128,.28);color:#9df0b3;font-size:11px;font-weight:900}.cgo-verified-customer i{color:#22c55e}.testi-author small{font-size:11px;color:rgba(255,248,223,.54);font-weight:800}.cgo-parallax-swiper .swiper-pagination-bullet{width:18px!important;height:6px!important;border-radius:999px!important;background:rgba(255,216,92,.32)!important;opacity:1!important}.cgo-parallax-swiper .swiper-pagination-bullet-active{width:36px!important;background:linear-gradient(90deg,#fff0a3,#e7a91a)!important}@media(max-width:980px){.cgo-testi-layout{grid-template-columns:1fr}.cgo-testi-copy{min-height:unset}.cgo-parallax-testimonials{min-height:unset}}@media(max-width:768px){#side-menu.side-menu{top:10px!important;height:calc(100dvh - 20px)!important;width:calc(100% - 20px)!important;max-width:390px!important;right:-105%!important;border-radius:26px!important}#side-menu.side-menu.active{right:10px!important}.side-body{padding:10px 12px 92px!important}.side-menu ul.cgo-side-nav-list li a{min-height:48px!important;border-radius:16px!important;grid-template-columns:32px minmax(0,1fr)!important}.side-menu ul.cgo-side-nav-list li a i{width:32px!important;height:32px!important;border-radius:12px!important;font-size:15px!important;display:grid!important;place-items:center!important;line-height:1!important}.side-menu ul.cgo-side-nav-list li a em{display:none!important}.cgo-parallax-testimonials{padding:16px!important;margin:18px 0!important;border-radius:26px!important}.cgo-testi-copy{border-radius:22px;padding:18px}.cgo-testi-copy h3{font-size:24px}.cgo-testi-card{min-height:250px;border-radius:22px!important;padding:18px!important}.testi-text{font-size:14px!important;-webkit-line-clamp:5}.cgo-product-pill{font-size:11px;padding:9px 11px}.cgo-testi-avatar{width:40px;height:40px;border-radius:14px}.cgo-parallax-bg{transform:none!important}}@media(max-width:420px){.cgo-testi-mini-stats strong{font-size:14px}.cgo-testi-mini-stats small{font-size:9px}.testi-text{-webkit-line-clamp:4}}

#side-menu .cgo-side-topbar{position:sticky!important;top:0!important;z-index:5!important;min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 18px!important;border-bottom:1px solid rgba(255,216,92,.22)!important;background:linear-gradient(180deg,rgba(14,15,10,.96),rgba(7,8,6,.90))!important;backdrop-filter:blur(14px) saturate(130%)!important;-webkit-backdrop-filter:blur(14px) saturate(130%)!important}#side-menu .cgo-side-title{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#fff4d4!important;font-size:13px!important;font-weight:950!important;letter-spacing:.18em!important;text-transform:uppercase!important}#side-menu .cgo-side-title:before{content:"";width:8px;height:28px;border-radius:999px;background:linear-gradient(180deg,#fff0a3,#d99d16);box-shadow:0 0 18px rgba(255,216,92,.38)}#side-close.side-menu-close{position:static!important;top:auto!important;right:auto!important;left:auto!important;transform:none!important;min-width:92px!important;height:40px!important;padding:0 15px!important;flex:0 0 auto!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(255,64,64,.18),rgba(255,255,255,.045))!important;border:1px solid rgba(255,82,82,.68)!important;color:#ff6b6b!important;box-shadow:0 12px 24px rgba(0,0,0,.26),0 0 18px rgba(255,40,40,.10),inset 0 1px 0 rgba(255,255,255,.08)!important}#side-close .side-close-text{color:#ff7a7a!important;font-size:11px!important;font-weight:950!important;letter-spacing:.15em!important}#side-menu .side-body{padding-top:12px!important}@media(max-width:768px){#side-menu .cgo-side-topbar{min-height:68px!important;padding:14px 16px!important}#side-menu .cgo-side-title{font-size:12px!important;letter-spacing:.16em!important}#side-close.side-menu-close{min-width:88px!important;height:38px!important}}

body.cgo-info-open .cgo-bottom-nav,body.cgo-info-open .bottom-nav,body.cgo-info-open #purch-notif,body.cgo-info-open .purch-notif,body.game-modal-open .cgo-bottom-nav,body.game-modal-open .bottom-nav,body.game-modal-open #purch-notif,body.game-modal-open .purch-notif{opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.cgo-info-open,body.game-modal-open{overflow:hidden!important}#info-popup.popup-overlay.show{position:fixed!important;inset:0!important;z-index:6800!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}#info-popup .popup-box{width:min(91vw,390px)!important;max-height:82dvh!important;overflow:hidden auto!important;border-radius:24px!important;padding:15px!important;background:radial-gradient(circle at 50% 0%,rgba(255,205,69,.13),transparent 10rem),linear-gradient(180deg,rgba(18,18,14,.96),rgba(7,8,7,.985))!important;border:1px solid rgba(255,205,69,.34)!important;box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07)!important}#info-popup .popup-pill{height:38px!important;width:100%!important;max-width:270px!important;margin:0 auto 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:999px!important;font-size:10.5px!important;letter-spacing:.15em!important;white-space:nowrap!important}#info-popup .popup-alert-icon{width:52px!important;height:52px!important;margin:12px auto!important;border-radius:18px!important;font-size:24px!important}#info-popup .popup-body{text-align:center!important;padding:0!important}#info-popup .popup-body h3{font-size:clamp(19px,5.2vw,24px)!important;line-height:1.12!important;margin:0 auto 10px!important;max-width:315px!important;letter-spacing:-.035em!important}#info-popup .popup-body p{font-size:12.3px!important;line-height:1.56!important;margin:0 auto 14px!important;max-width:320px!important;color:rgba(255,248,231,.76)!important}#info-popup .popup-buttons{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:0!important}#info-popup .popup-btn{min-height:45px!important;border-radius:16px!important;font-size:13px!important}#info-popup .popup-controls{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important}#info-popup .popup-hide{font-size:11.5px!important;color:rgba(255,248,231,.72)!important}#info-popup .popup-close-btn{height:40px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,60,60,.20),rgba(255,255,255,.04))!important;border:1px solid rgba(255,83,83,.58)!important;color:#ff7979!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important}@media(max-width:420px){#info-popup .popup-box{width:min(94vw,370px)!important;padding:13px!important}#info-popup .popup-body h3{font-size:20px!important}#info-popup .popup-body p{font-size:12px!important}}


.game-modal .game-modal-grid .brand-safety-badge,
.game-modal.show .game-modal-grid .brand-safety-badge{
  box-sizing:border-box!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:8px!important;
  transform:translateX(-50%)!important;
  max-width:calc(100% - 18px)!important;
  min-width:0!important;
  height:22px!important;
  min-height:22px!important;
  max-height:30px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:.015em!important;
  line-height:1!important;
  white-space:nowrap!important;
  word-break:normal!important;
}
.game-modal .game-modal-grid .brand-safety-badge i{
  flex:0 0 auto!important;
  font-size:8px!important;
  line-height:1!important;
  width:9px!important;
  min-width:9px!important;
  margin:0!important;
}
.game-modal .game-modal-grid .brand-safety-badge.safe{
  width:96px!important;
  font-size:7.2px!important;
  font-weight:950!important;
}
.game-modal .game-modal-grid .brand-safety-badge.risk{
  width:104px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 6px!important;
  font-size:6.4px!important;
  line-height:1.03!important;
  white-space:normal!important;
  flex-wrap:nowrap!important;
}
.game-modal .game-modal-grid .brand-safety-badge.maintenance{
  width:108px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 6px!important;
  font-size:7.1px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.game-modal .game-modal-grid .game-brand-img-box,
.game-modal .game-modal-grid .brand-img-box{
  position:relative!important;
  overflow:hidden!important;
}
@media(max-width:430px){
  .game-modal .game-modal-grid .brand-safety-badge.safe{width:88px!important;font-size:6.8px!important;}
  .game-modal .game-modal-grid .brand-safety-badge.risk{width:96px!important;height:27px!important;font-size:5.9px!important;padding:0 5px!important;}
  .game-modal .game-modal-grid .brand-safety-badge.maintenance{width:96px!important;height:23px!important;font-size:6.3px!important;padding:0 5px!important;}
  .game-modal .game-modal-grid .brand-safety-badge i{font-size:7.5px!important;width:8px!important;min-width:8px!important;}
}
@media(max-width:370px){
  .game-modal .game-modal-grid .brand-safety-badge.safe{width:82px!important;font-size:6.3px!important;}
  .game-modal .game-modal-grid .brand-safety-badge.risk{width:90px!important;height:26px!important;font-size:5.5px!important;}
  .game-modal .game-modal-grid .brand-safety-badge.maintenance{width:91px!important;font-size:6px!important;}
}



/* Bottom bar lebih jelas, tapi tetap tidak mengganggu popup utama */
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,214,87,.18),transparent 42%),
    linear-gradient(180deg,rgba(27,27,20,.98),rgba(5,7,6,.98))!important;
  border:1px solid rgba(255,205,69,.44)!important;
  box-shadow:
    0 -18px 46px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 0 26px rgba(255,205,69,.12)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
}
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item{
  opacity:1!important;
  color:rgba(255,255,255,.72)!important;
}
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item.active,
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item:hover{
  color:#ffcf4b!important;
  background:linear-gradient(180deg,rgba(255,205,69,.20),rgba(255,205,69,.07))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(255,205,69,.10)!important;
}
body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-item i{
  filter:drop-shadow(0 0 8px rgba(255,205,69,.18))!important;
}
/* Notifikasi pembelian harus naik di atas bottom bar, bukan ketutup */
#purch-notif.purch-notif,
.purch-notif{
  z-index:5600!important;
  bottom:108px!important;
  right:16px!important;
  width:min(88vw,330px)!important;
}
#purch-notif.purch-notif.show,
.purch-notif.show{
  transform:translate3d(0,0,0) scale(1) rotate(0deg)!important;
}
@media(min-width:769px){
  #purch-notif.purch-notif,
  .purch-notif{
    bottom:112px!important;
    right:calc((100vw - min(720px,calc(100vw - 42px)))/2 + 18px)!important;
    width:min(420px,calc(100vw - 48px))!important;
  }
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav{
    height:78px!important;
    bottom:16px!important;
    border-radius:26px!important;
  }
}
@media(max-width:768px){
  #purch-notif.purch-notif,
  .purch-notif{
    left:50%!important;
    right:auto!important;
    bottom:96px!important;
    width:min(86vw,340px)!important;
    transform:translate3d(-50%,20px,0) scale(.94) rotate(0deg)!important;
  }
  #purch-notif.purch-notif.show,
  .purch-notif.show{
    transform:translate3d(-50%,0,0) scale(1) rotate(0deg)!important;
  }
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav{
    left:14px!important;
    right:14px!important;
    bottom:10px!important;
    height:70px!important;
    border-radius:24px!important;
    padding:7px!important;
  }
}
@media(max-width:390px){
  #purch-notif.purch-notif,
  .purch-notif{
    bottom:92px!important;
    width:min(88vw,318px)!important;
  }
  body:not(.game-modal-open):not(.cgo-info-open):not(.cgo-help-open) .cgo-bottom-nav{
    left:10px!important;
    right:10px!important;
    height:66px!important;
    border-radius:22px!important;
  }
}
.flash-bonus-line{display:flex;align-items:flex-start;gap:6px;margin-top:8px;color:#ffe28a;font-size:10px;font-weight:850;line-height:1.35}.flash-bonus-line i{color:#f9c531;margin-top:1px}.flash-discount.bonus-only{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#f9e18a,#e5a928);color:#171004;border-color:rgba(255,239,166,.58)}.flash-price-normal-label{color:rgba(255,255,255,.57);font-size:10px;font-weight:800}
/* =========================================================
   FLASH SALE + SMART SEARCH UI REFINEMENT
   Swiper effect/configuration intentionally left untouched.
   ========================================================= */
.flash-sale-wrapper{
  isolation:isolate!important;
  margin:24px 0 26px!important;
  padding:clamp(15px,2.4vw,24px)!important;
  border:1px solid rgba(249,197,49,.30)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,224,120,.24),transparent 24rem),
    radial-gradient(circle at 96% 13%,rgba(249,197,49,.11),transparent 19rem),
    linear-gradient(145deg,rgba(44,33,10,.92),rgba(15,18,23,.96) 46%,rgba(7,9,13,.98))!important;
  box-shadow:0 32px 78px rgba(0,0,0,.48),0 0 0 1px rgba(249,197,49,.05),inset 0 1px 0 rgba(255,248,217,.10)!important;
}
.flash-sale-wrapper::after{
  content:"";
  position:absolute;
  inset:10px;
  z-index:-1;
  pointer-events:none;
  border:1px solid rgba(255,231,146,.10);
  border-radius:24px;
}
.flash-sale-wrapper::before{
  opacity:.62!important;
}
.flash-header{
  align-items:center!important;
  margin-bottom:17px!important;
  padding:2px 2px 0!important;
}
.flash-title{
  gap:12px!important;
}
.flash-title i{
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ff3535!important;
  font-size:clamp(27px,4vw,34px)!important;
  text-shadow:0 0 10px rgba(255,53,53,.34),0 0 22px rgba(255,53,53,.20)!important;
}
.flash-title h2{
  font-size:clamp(25px,4vw,37px)!important;
  letter-spacing:-.035em!important;
}
.flash-timer{
  min-height:42px!important;
  padding:0 15px!important;
  border-color:rgba(249,197,49,.34)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.54),rgba(24,18,5,.58))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 9px 20px rgba(0,0,0,.22)!important;
}
.flash-timer span:first-child{
  color:#fbe59d!important;
}
.flash-timer #flashCountdown{
  min-width:78px;
  color:#fff8d8;
  font-family:'Oxanium','Inter',sans-serif;
  letter-spacing:.10em;
  text-align:right;
}
.flash-swiper{
  width:min(560px,100%)!important;
  padding:8px 0 34px!important;
}
.flash-swiper .swiper-wrapper{align-items:stretch!important}
.flash-swiper .swiper-slide{padding:0 1px!important}
.flash-card{
  min-height:242px!important;
  border-radius:28px!important;
  border-color:rgba(249,197,49,.30)!important;
  background:
    radial-gradient(circle at 84% 14%,rgba(72,116,179,.18),transparent 16rem),
    linear-gradient(145deg,rgba(30,37,54,.98),rgba(9,12,19,.99))!important;
  box-shadow:0 23px 48px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.flash-card:hover::after{opacity:1}
.flash-img-wrap{
  background:
    radial-gradient(circle at 50% 30%,rgba(255,227,122,.18),transparent 58%),
    linear-gradient(145deg,#06090f,#11151e)!important;
}
.flash-img-wrap::after{
  background:linear-gradient(90deg,transparent 48%,rgba(8,11,18,.73) 92%)!important;
}
.flash-img-wrap img{
  filter:saturate(1.12) contrast(1.06) brightness(1.04);
}
.flash-info{
  padding:22px 21px 43px!important;
  gap:10px!important;
}
.flash-cat{
  color:#f6db83!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
}
.flash-name{
  font-size:clamp(20px,3.6vw,26px)!important;
}
.flash-bonus-line{
  width:fit-content;
  max-width:100%;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin-top:1px!important;
  padding:8px 10px!important;
  border:1px solid rgba(249,197,49,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,rgba(249,197,49,.13),rgba(249,197,49,.035))!important;
  color:#fff0b5!important;
  font-size:11px!important;
  line-height:1.42!important;
  font-weight:900!important;
}
.flash-bonus-line i{color:#ffe176!important;margin-top:1px}
.flash-price{
  margin-top:2px!important;
  gap:9px!important;
}
.flash-price-now{
  color:#ffe18a!important;
  font-size:clamp(21px,3.8vw,28px)!important;
}
.flash-price-old{font-size:12px!important}
.flash-price-normal-label{
  color:rgba(255,255,255,.52)!important;
  font-size:10px!important;
  font-weight:850!important;
}
.stock-badge{
  min-height:27px!important;
  padding:0 11px!important;
  font-size:10px!important;
  backdrop-filter:blur(8px);
}
.flash-swiper .swiper-pagination{
  bottom:3px!important;
}
.flash-swiper .swiper-pagination-bullet{
  width:6px!important;
  height:6px!important;
  background:rgba(255,255,255,.28)!important;
}
.flash-swiper .swiper-pagination-bullet-active{
  width:26px!important;
  background:linear-gradient(135deg,#fff09a,#f4be24)!important;
  box-shadow:0 0 12px rgba(249,197,49,.34);
}

/* Search discovery panel */
.product-search-bar{
  margin:26px 0 22px!important;
}
.product-search-container.search-smart-wrap{
  max-width:780px!important;
  padding:16px!important;
  border:1px solid rgba(249,197,49,.28)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(249,197,49,.13),transparent 17rem),
    linear-gradient(145deg,rgba(24,25,21,.95),rgba(9,11,15,.98))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.search-discovery-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:0 2px 13px;
}
.search-discovery-copy span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#f6d976;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.search-discovery-copy span i{color:#ffe277}
.search-discovery-copy strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:17px;
  line-height:1.2;
  letter-spacing:-.02em;
}
.search-discovery-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid rgba(91,241,151,.20);
  border-radius:999px;
  background:rgba(91,241,151,.08);
  color:#99f7bf;
  font-size:10px;
  font-weight:850;
}
.search-discovery-status i{color:#5bf197}
.product-search-container.search-smart-wrap #product-search-form{
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.search-input-shell::before{
  content:"\f002";
  position:absolute;
  left:17px;
  top:50%;
  z-index:3;
  transform:translateY(-50%);
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  color:#f8cf43;
  pointer-events:none;
}
.product-search-container.search-smart-wrap #product-search-input{
  min-height:59px!important;
  padding-left:46px!important;
  padding-right:48px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,rgba(2,4,8,.94),rgba(18,21,30,.88))!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  box-shadow:inset 0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.product-search-container.search-smart-wrap #product-search-input::placeholder{
  color:rgba(192,201,216,.58)!important;
  font-weight:600!important;
}
.product-search-container.search-smart-wrap #product-search-input:focus{
  border-color:rgba(249,197,49,.62)!important;
  box-shadow:0 0 0 4px rgba(249,197,49,.10),inset 0 8px 18px rgba(0,0,0,.28)!important;
}
.search-clear-btn{
  position:absolute;
  right:10px;
  top:50%;
  z-index:5;
  width:31px;
  height:31px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:rgba(255,255,255,.06);
  color:#c9d2df;
  cursor:pointer;
}
.search-clear-btn:hover{color:#fff;border-color:rgba(249,197,49,.38);background:rgba(249,197,49,.12)}
.search-clear-btn[hidden]{display:none!important}
.product-search-container.search-smart-wrap #product-search-form>button[type="submit"]{
  min-width:126px!important;
  min-height:59px!important;
  border-radius:19px!important;
  font-size:14px!important;
  letter-spacing:.01em;
  box-shadow:0 15px 28px rgba(249,197,49,.20),inset 0 1px 0 rgba(255,255,255,.40)!important;
}
.search-smart-wrap .search-suggestions{
  top:calc(100% + 10px)!important;
  padding:10px!important;
  border:1px solid rgba(249,197,49,.28)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(15,18,26,.99),rgba(5,8,13,.99))!important;
  box-shadow:0 28px 70px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.search-suggestion-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:3px 4px 10px;
  color:#f9dc81;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.search-suggestion-heading span{display:inline-flex;align-items:center;gap:7px}
.search-suggestion-heading em{font-style:normal;color:#7f8da1;font-size:9px}
.search-smart-wrap .search-suggestion-item,
.search-smart-wrap button.search-suggestion-item{
  min-height:62px!important;
  margin-bottom:8px!important;
  padding:11px 12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(25,30,41,.98),rgba(12,16,24,.98))!important;
}
.search-smart-wrap .search-suggestion-item:hover,
.search-smart-wrap .search-suggestion-item.active{
  background:linear-gradient(145deg,rgba(55,47,17,.98),rgba(20,22,27,.98))!important;
  border-color:rgba(249,197,49,.48)!important;
}
.search-smart-wrap .search-suggestion-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(249,197,49,.22),rgba(249,197,49,.06))!important;
  border-color:rgba(249,197,49,.22)!important;
}
.search-smart-wrap .search-suggestion-title{
  color:#f8fafc!important;
  font-size:13px!important;
}
.search-smart-wrap .search-suggestion-type{color:#9ba8ba!important}
.search-smart-wrap .search-suggestion-badge{
  background:linear-gradient(135deg,#fff0a0,#edbd29)!important;
  color:#151105!important;
}
.quick-filter-strip{
  margin-top:14px!important;
  padding:4px 2px 2px!important;
  gap:9px!important;
}
.quick-filter-chip{
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:15px!important;
  font-size:12px!important;
}
.quick-filter-chip.active,
.quick-filter-chip:hover{
  box-shadow:0 12px 24px rgba(249,197,49,.18)!important;
}

@media(max-width:640px){
  .flash-sale-wrapper{
    margin:16px 0 20px!important;
    padding:13px!important;
    border-radius:26px!important;
  }
  .flash-sale-wrapper::after{inset:7px;border-radius:20px}
  .flash-header{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
    margin-bottom:12px!important;
  }
  .flash-title i{width:auto!important;height:auto!important;border-radius:0!important;font-size:26px!important}
  .flash-title h2{font-size:25px!important}
  .flash-side{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .flash-timer{width:100%!important;min-height:38px!important;justify-content:center!important;font-size:10px!important}
  .flash-promo-btn{width:100%!important;min-height:38px!important;font-size:10px!important;border-radius:16px!important}
  .flash-swiper{width:min(100%,370px)!important;padding:4px 0 30px!important}
  .flash-card{
    grid-template-columns:120px minmax(0,1fr)!important;
    min-height:148px!important;
    border-radius:22px!important;
  }
  .flash-img-wrap{width:120px!important;min-height:148px!important;padding:7px!important}
  .flash-img-wrap img{border-radius:16px!important}
  .flash-info{padding:13px 12px 37px!important;gap:6px!important}
    .flash-cat{font-size:8px!important}
  .flash-name{font-size:15px!important;line-height:1.15!important}
  .flash-bonus-line{
    gap:6px!important;
    padding:6px 7px!important;
    border-radius:10px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  .flash-price-now{font-size:18px!important}
  .flash-price-old{font-size:9px!important}
  .stock-badge{min-height:23px!important;padding:0 8px!important;font-size:8px!important}
  .product-search-bar{margin:20px 0 16px!important}
  .product-search-container.search-smart-wrap{
    padding:12px!important;
    border-radius:23px!important;
  }
  .search-discovery-head{margin:0 2px 10px;align-items:center}
  .search-discovery-copy strong{font-size:14px}
  .search-discovery-copy span{font-size:8px}
  .search-discovery-status{padding:6px 8px;font-size:8px}
  .product-search-container.search-smart-wrap #product-search-input{
    min-height:55px!important;
    border-radius:17px!important;
    font-size:13px!important;
  }
  .product-search-container.search-smart-wrap #product-search-form>button[type="submit"]{
    min-width:106px!important;
    min-height:55px!important;
    border-radius:17px!important;
  }
  .quick-filter-strip{margin-top:11px!important}
  .quick-filter-chip{min-height:39px!important;padding:0 13px!important;font-size:11px!important}
  .search-smart-wrap .search-suggestions{border-radius:17px!important}
}
@media(max-width:430px){
  .search-discovery-status{display:none}
  .product-search-container.search-smart-wrap #product-search-form{gap:8px!important}
  .product-search-container.search-smart-wrap #product-search-form>button[type="submit"]{
    min-width:94px!important;
    padding:0 13px!important;
  }
  .product-search-container.search-smart-wrap #product-search-form>button[type="submit"] i{margin-right:2px}
}

/* =========================================================
   CLEAN FLASH SALE + SEARCH
   ========================================================= */
.flash-header{
  align-items:center!important;
  justify-content:space-between!important;
  margin-bottom:14px!important;
}
.flash-title{
  gap:11px!important;
}
.flash-title h2{
  margin:0!important;
}
.flash-side{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.flash-promo-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#fff2a7,#f4c52e 55%,#c98e09)!important;
  border:1px solid rgba(255,241,172,.48)!important;
  color:#111006!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 12px 24px rgba(249,197,49,.20),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.flash-promo-btn i{font-size:12px!important;color:#111006!important}
.flash-promo-btn:active{transform:translateY(1px)!important}
.flash-timer{
  width:auto!important;
  min-width:210px;
  justify-content:center!important;
}
.flash-info{
  padding:19px 20px!important;
}
.flash-card{
  min-height:224px!important;
}
.flash-card .flash-info{
  justify-content:center!important;
}
.flash-bonus-line{
  margin-top:0!important;
}
.product-search-container.search-smart-wrap{
  padding:14px!important;
}
.search-discovery-head{
  margin:0 2px 11px!important;
}
.search-clean-head{
  display:block!important;
}
.search-clean-head strong{
  display:block;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.search-discovery-copy,
.search-discovery-status,
.search-suggestion-heading,
.search-suggestion-type,
.search-suggestion-badge{
  display:none!important;
}

/* Search dropdown must stay dark and readable even though it is inside the form. */
.product-search-container.search-smart-wrap #product-search-form .search-clear-btn{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  z-index:5!important;
  width:31px!important;
  min-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.07)!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
.product-search-container.search-smart-wrap #product-search-form .search-clear-btn:hover{
  color:#fff!important;
  border-color:rgba(249,197,49,.48)!important;
  background:rgba(249,197,49,.12)!important;
}
.product-search-container.search-smart-wrap #product-search-form .search-clear-btn[hidden]{
  display:none!important;
}
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item,
.product-search-container.search-smart-wrap .search-suggestions button.search-suggestion-item,
.product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  height:auto!important;
  margin:0 0 8px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(25,30,41,.98),rgba(10,14,22,.98))!important;
  color:#f8fafc!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  transform:none!important;
}
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item:last-child,
.product-search-container.search-smart-wrap .search-suggestions button.search-suggestion-item:last-child{
  margin-bottom:0!important;
}
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item:hover,
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item.active,
.product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item:hover,
.product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item.active{
  background:linear-gradient(145deg,rgba(47,42,19,.98),rgba(17,21,29,.98))!important;
  border-color:rgba(249,197,49,.48)!important;
  box-shadow:inset 3px 0 0 #f9c531,0 10px 22px rgba(0,0,0,.25)!important;
  transform:none!important;
}
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-main{
  display:flex!important;
  align-items:center!important;
  min-height:28px!important;
}
.product-search-container.search-smart-wrap .search-suggestions .search-suggestion-title{
  color:#f8fafc!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.search-suggestion-arrow{
  flex:0 0 auto;
  color:#f5d56c;
  font-size:12px;
  opacity:.9;
}
@media(max-width:640px){
  .flash-sale-wrapper{
    padding:12px!important;
  }
  .flash-header{
    gap:10px!important;
    margin-bottom:11px!important;
  }
  .flash-title i{
    width:auto!important;
    height:auto!important;
    font-size:26px!important;
  }
  .flash-title h2{
    font-size:25px!important;
  }
  .flash-side{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .flash-timer{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
  }
  .flash-promo-btn{
    width:100%!important;
    min-height:38px!important;
    border-radius:16px!important;
    font-size:10px!important;
  }
  .flash-card{
    min-height:146px!important;
  }
  .flash-info{
    padding:12px!important;
  }
  .product-search-container.search-smart-wrap{
    padding:12px!important;
  }
  .search-clean-head strong{
    font-size:15px!important;
  }
  .product-search-container.search-smart-wrap .search-suggestions .search-suggestion-item,
  .product-search-container.search-smart-wrap .search-suggestions button.search-suggestion-item,
  .product-search-container.search-smart-wrap #product-search-form .search-suggestions button.search-suggestion-item{
    min-height:54px!important;
    border-radius:14px!important;
  }
}

/* =========================================================
   COMPACT TESTIMONIALS — UI ONLY
   Swiper effect, autoplay, speed, touch, and pagination
   configuration are intentionally unchanged.
   ========================================================= */
.cgo-parallax-testimonials{
  min-height:0!important;
  padding:20px!important;
  margin:20px 0!important;
}
.cgo-parallax-testimonials:after{
  background-size:52px 52px!important;
  opacity:.15!important;
}
.cgo-testi-head{
  margin-bottom:14px!important;
}
.cgo-testi-layout{
  grid-template-columns:minmax(220px,286px) minmax(0,1fr)!important;
  gap:16px!important;
}
.cgo-testi-copy{
  min-height:214px!important;
  padding:18px!important;
  border-radius:23px!important;
  justify-content:flex-start!important;
}
.cgo-testi-badge{
  padding:7px 10px!important;
  font-size:9px!important;
  letter-spacing:.065em!important;
}
.cgo-testi-copy h3{
  margin:12px 0 0!important;
  font-size:clamp(21px,2vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
.cgo-testi-copy p{
  display:none!important;
}
.cgo-testi-mini-stats{
  gap:7px!important;
  margin-top:16px!important;
}
.cgo-testi-mini-stats span{
  min-height:50px!important;
  padding:6px!important;
  border-radius:15px!important;
}
.cgo-testi-mini-stats strong{
  font-size:14px!important;
}
.cgo-testi-mini-stats small{
  font-size:8px!important;
  letter-spacing:.03em!important;
}
.cgo-parallax-swiper{
  padding:4px 2px 32px!important;
}
.cgo-testi-card{
  min-height:218px!important;
  padding:16px!important;
  border-radius:23px!important;
}
.cgo-testi-card:before{
  right:12px!important;
  top:-24px!important;
  font-size:108px!important;
}
.testi-stars{
  gap:3px!important;
  margin-bottom:9px!important;
  font-size:14px!important;
}
.testi-text{
  font-size:13px!important;
  line-height:1.55!important;
  -webkit-line-clamp:4!important;
}
.cgo-testi-meta{
  margin-top:10px!important;
  gap:7px!important;
}
.cgo-product-pill{
  gap:6px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  font-size:10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cgo-testi-author-row{
  gap:9px!important;
  margin-top:12px!important;
  padding-top:10px!important;
}
.cgo-testi-avatar{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  font-size:12px!important;
}
.testi-author{
  gap:2px!important;
  font-size:11px!important;
}
.testi-author strong{
  font-size:12px!important;
  line-height:1.15!important;
}
.cgo-verified-customer{
  gap:5px!important;
  padding:3px 8px!important;
  font-size:9px!important;
}
.testi-author small{
  display:none!important;
}
.cgo-parallax-swiper .swiper-pagination-bullet{
  width:14px!important;
  height:5px!important;
}
.cgo-parallax-swiper .swiper-pagination-bullet-active{
  width:28px!important;
}

@media(max-width:980px){
  .cgo-testi-layout{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  .cgo-testi-copy{
    min-height:0!important;
  }
}

@media(max-width:768px){
  .cgo-parallax-testimonials{
    padding:13px!important;
    margin:15px 0!important;
    border-radius:22px!important;
  }
  .cgo-testi-head{
    margin-bottom:11px!important;
  }
  .cgo-testi-copy{
    padding:14px!important;
    border-radius:18px!important;
  }
  .cgo-testi-badge{
    padding:6px 9px!important;
    font-size:8px!important;
  }
  .cgo-testi-copy h3{
    margin-top:9px!important;
    font-size:21px!important;
    max-width:23ch!important;
  }
  .cgo-testi-mini-stats{
    margin-top:12px!important;
  }
  .cgo-testi-mini-stats span{
    min-height:45px!important;
    border-radius:13px!important;
  }
  .cgo-testi-mini-stats strong{
    font-size:13px!important;
  }
  .cgo-testi-mini-stats small{
    font-size:7px!important;
  }
  .cgo-parallax-swiper{
    padding:3px 1px 29px!important;
  }
  .cgo-testi-card{
    min-height:196px!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .testi-stars{
    margin-bottom:7px!important;
    font-size:13px!important;
  }
  .testi-text{
    font-size:12px!important;
    line-height:1.48!important;
    -webkit-line-clamp:3!important;
  }
  .cgo-testi-meta{
    margin-top:8px!important;
  }
  .cgo-product-pill{
    max-width:100%!important;
    padding:6px 9px!important;
    font-size:9px!important;
  }
  .cgo-testi-author-row{
    margin-top:9px!important;
    padding-top:8px!important;
  }
  .cgo-testi-avatar{
    width:33px!important;
    height:33px!important;
    border-radius:10px!important;
  }
  .testi-author strong{
    font-size:11px!important;
  }
  .cgo-verified-customer{
    padding:3px 7px!important;
    font-size:8px!important;
  }
}


/* =========================================================
   CARA MUDAH MEMESAN — REFINED / PREMIUM COMPACT OVERRIDE
   Only this section is refined. Testimoni swiper untouched.
   ========================================================= */
.steps-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  margin:14px 0 0!important;
  padding:16px!important;
  border-radius:28px!important;
  border:1px solid rgba(248,201,49,.14)!important;
  background:
    radial-gradient(circle at top left,rgba(248,201,49,.08),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(8,10,16,.76))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 34px rgba(0,0,0,.22)!important;
  position:relative;
  overflow:hidden;
}
.steps-grid::before,
.steps-grid::after{content:none!important;display:none!important}

.step-card{
  position:relative!important;
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  row-gap:4px!important;
  align-items:center!important;
  padding:16px 16px 16px 18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:
    linear-gradient(145deg,rgba(18,22,30,.98),rgba(9,12,18,.98))!important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.step-card::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffe37d,#d9a51a);
  opacity:.95;
}
.step-card::after{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:88px;
  height:88px;
  border-radius:50%;
  opacity:.14;
  pointer-events:none;
}
.step-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(248,201,49,.28)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055)!important;
}

.step-num{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  width:auto!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#e7edf7!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:2!important;
}

.step-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  font-size:21px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;
  box-shadow:
    10px 10px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.step-card h4{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  color:#ffffff!important;
  font-size:19px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.step-card p{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  color:#a8b3c2!important;
  font-size:13px!important;
  line-height:1.45!important;
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}

.step-card:nth-child(1)::after{background:#46dbff}
.step-card:nth-child(2)::after{background:#9d82ff}
.step-card:nth-child(3)::after{background:#48e6a6}
.step-card:nth-child(4)::after{background:#ffb166}

.step-card:nth-child(1) .step-icon{
  color:#59dcff!important;
  background:linear-gradient(145deg,rgba(89,220,255,.18),rgba(89,220,255,.05))!important;
  border-color:rgba(89,220,255,.22)!important;
}
.step-card:nth-child(2) .step-icon{
  color:#b69bff!important;
  background:linear-gradient(145deg,rgba(182,155,255,.18),rgba(182,155,255,.05))!important;
  border-color:rgba(182,155,255,.22)!important;
}
.step-card:nth-child(3) .step-icon{
  color:#66eba6!important;
  background:linear-gradient(145deg,rgba(102,235,166,.18),rgba(102,235,166,.05))!important;
  border-color:rgba(102,235,166,.22)!important;
}
.step-card:nth-child(4) .step-icon{
  color:#ffb466!important;
  background:linear-gradient(145deg,rgba(255,180,102,.18),rgba(255,180,102,.05))!important;
  border-color:rgba(255,180,102,.22)!important;
}

@media (max-width: 768px){
  .steps-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:24px!important;
    margin-top:12px!important;
  }
  .step-card{
    min-height:94px!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:12px!important;
    padding:14px 14px 14px 16px!important;
    border-radius:20px!important;
  }
  .step-card::before{
    top:12px;
    bottom:12px;
    width:3px;
  }
  .step-num{
    top:10px!important;
    right:10px!important;
    min-width:26px!important;
    height:26px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
  .step-icon{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
    font-size:18px!important;
  }
  .step-card h4{
    font-size:16px!important;
  }
  .step-card p{
    font-size:12px!important;
    line-height:1.35!important;
  }
}

@media (max-width: 390px){
  .step-card{
    min-height:90px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:13px 12px 13px 14px!important;
  }
  .step-icon{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    font-size:17px!important;
  }
  .step-card h4{font-size:15px!important}
  .step-card p{font-size:11px!important}
}





/*
  Sidebar icon colors: each menu has a distinct high-contrast color
  while preserving existing sidebar layout, animation, and navigation logic.
*/
#side-menu .cgo-side-nav-list li a i{
  position:relative!important;
  overflow:hidden!important;
  color:#12151b!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.40)!important;
}
#side-menu .cgo-side-nav-list li a i::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(255,255,255,.26),transparent 46%);
  pointer-events:none;
}
#side-menu .cgo-side-nav-list li a i::before{
  position:relative!important;
  z-index:1!important;
}

/* 1. Help Center — cyan/tosca */
#side-menu .cgo-side-nav-list li:nth-child(1) > a i{
  background:linear-gradient(145deg,#5de5ff,#23b9dd 56%,#0f7497)!important;
  color:#071a22!important;
  border-color:rgba(93,229,255,.52)!important;
  box-shadow:0 8px 20px rgba(35,185,221,.25),inset 0 1px 0 rgba(255,255,255,.46)!important;
}
/* 2. Beranda — gold */
#side-menu .cgo-side-nav-list li:nth-child(2) > a i{
  background:linear-gradient(145deg,#ffe68a,#efb91e 58%,#b8790b)!important;
  color:#2a1b03!important;
  border-color:rgba(255,230,138,.52)!important;
  box-shadow:0 8px 20px rgba(239,185,30,.24),inset 0 1px 0 rgba(255,255,255,.46)!important;
}
/* 3. Tentang — blue */
#side-menu .cgo-side-nav-list li:nth-child(3) > a i{
  background:linear-gradient(145deg,#a6dcff,#59a8ff 58%,#2f6eca)!important;
  color:#07192b!important;
  border-color:rgba(166,220,255,.52)!important;
  box-shadow:0 8px 20px rgba(89,168,255,.23),inset 0 1px 0 rgba(255,255,255,.43)!important;
}
/* 4. Testimoni — orange */
#side-menu .cgo-side-nav-list li:nth-child(4) > a i{
  background:linear-gradient(145deg,#ffd18c,#ff9a3d 58%,#c85e13)!important;
  color:#2a1303!important;
  border-color:rgba(255,209,140,.52)!important;
  box-shadow:0 8px 20px rgba(255,154,61,.24),inset 0 1px 0 rgba(255,255,255,.43)!important;
}
/* 5. Join Reseller — emerald */
#side-menu .cgo-side-nav-list li:nth-child(5) > a i{
  background:linear-gradient(145deg,#a7f3d0,#42d69a 58%,#14885c)!important;
  color:#061d14!important;
  border-color:rgba(167,243,208,.50)!important;
  box-shadow:0 8px 20px rgba(66,214,154,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
/* 6. Cek Pesanan — sky blue */
#side-menu .cgo-side-nav-list li:nth-child(6) > a i{
  background:linear-gradient(145deg,#b9e8ff,#5ebff7 58%,#257ab8)!important;
  color:#061a28!important;
  border-color:rgba(185,232,255,.50)!important;
  box-shadow:0 8px 20px rgba(94,191,247,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
/* 7. Request Produk — violet */
#side-menu .cgo-side-nav-list li:nth-child(7) > a i{
  background:linear-gradient(145deg,#dacbff,#a184ff 58%,#6047bf)!important;
  color:#160b32!important;
  border-color:rgba(218,203,255,.50)!important;
  box-shadow:0 8px 20px rgba(161,132,255,.23),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
/* 8. Kebijakan & Privasi — soft red */
#side-menu .cgo-side-nav-list li:nth-child(8) > a i{
  background:linear-gradient(145deg,#ffc0c7,#fa737f 58%,#ba3947)!important;
  color:#2b080d!important;
  border-color:rgba(255,192,199,.50)!important;
  box-shadow:0 8px 20px rgba(250,115,127,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}

/* Active / hover remains clear and keeps original sidebar gold hierarchy. */
#side-menu .cgo-side-nav-list li a:hover i,
#side-menu .cgo-side-nav-list li a.is-active i{
  filter:brightness(1.09) saturate(1.08)!important;
  transform:scale(1.035)!important;
}
#side-menu .cgo-side-nav-list li a.is-active{
  background:linear-gradient(135deg,rgba(255,216,92,.12),rgba(255,255,255,.018))!important;
  border-color:rgba(255,216,92,.42)!important;
}
#side-menu .cgo-side-nav-list li a.is-active::before{
  opacity:1!important;
  background:#ffe27a!important;
}

@media(max-width:768px){
  #side-menu .cgo-side-nav-list li a i{
    box-shadow:0 6px 14px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.40)!important;
  }
}

/* =========================================================
   FINAL COMPACT FLASH SALE + 3 SECOND LIVE PURCHASE TIMER
   This block only overrides dimensions/timing; carousel logic,
   effects and existing visual hierarchy remain unchanged.
   ========================================================= */
.flash-sale-wrapper{
  width:min(calc(100% - 32px),1260px)!important;
  min-height:0!important;
  height:auto!important;
  margin:18px auto 20px!important;
  padding:16px 18px 14px!important;
  border-radius:28px!important;
}
.flash-sale-inner,
.flash-swiper,
.flash-swiper .swiper-wrapper,
.flash-swiper .swiper-slide{
  min-height:0!important;
  height:auto!important;
}
.flash-header{
  margin-bottom:10px!important;
  padding:0!important;
}
.flash-title i{font-size:28px!important}
.flash-title h2{font-size:30px!important}
.flash-timer,
.flash-promo-btn{min-height:38px!important}
.flash-swiper{
  width:min(620px,100%)!important;
  margin:0 auto!important;
  padding:2px 0 16px!important;
}
.flash-card{
  min-height:184px!important;
  height:184px!important;
  max-height:184px!important;
  grid-template-columns:38% 62%!important;
  border-radius:22px!important;
}
.flash-img-wrap{
  min-height:184px!important;
  height:184px!important;
}
.flash-img-wrap img{
  min-height:184px!important;
  height:184px!important;
}
.flash-info{
  padding:14px 17px!important;
  gap:6px!important;
}
.flash-cat{font-size:9px!important}
.flash-name{
  font-size:20px!important;
  min-height:auto!important;
}
.flash-price-now{font-size:22px!important}
.stock-badge{min-height:24px!important;font-size:9px!important}
.purch-notif.show::after{
  animation-duration:3s!important;
}
@media(max-width:640px){
  .flash-sale-wrapper{
    width:calc(100% - 16px)!important;
    margin:10px auto 14px!important;
    padding:8px!important;
    border-radius:20px!important;
  }
  .flash-header{
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .flash-title i{font-size:18px!important}
  .flash-title h2{font-size:18px!important}
  .flash-timer{min-height:29px!important}
  .flash-promo-btn{min-height:32px!important}
  .flash-swiper{
    width:min(100%,350px)!important;
    padding:3px 0 14px!important;
  }
  .flash-card{
    min-height:126px!important;
    height:126px!important;
    max-height:126px!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    border-radius:19px!important;
  }
  .flash-img-wrap{
    width:112px!important;
    min-height:126px!important;
    height:126px!important;
    padding:8px!important;
  }
  .flash-img-wrap img{
    position:relative!important;
    inset:auto!important;
    min-height:0!important;
    height:100%!important;
    object-fit:contain!important;
    border-radius:14px!important;
  }
  .flash-info{padding:11px!important;gap:5px!important}
  .flash-name{font-size:13px!important}
  .flash-price-now{font-size:15px!important}
}