#gna-root{--gna-card:305px;position:fixed;z-index:2147483000;left:auto;right:18px;bottom:18px;width:520px;height:360px;pointer-events:none;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:#fff;isolation:isolate;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
#gna-root,#gna-root *{box-sizing:border-box}
#gna-root.gna-hero{left:var(--gna-left);top:var(--gna-top);right:auto;bottom:auto}
#gna-root .gna-launch{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none;pointer-events:none;outline:0}
#gna-root .gna-launch:focus-visible .gna-robot-callout{outline:3px solid #8cf8ff;outline-offset:6px}
#gna-root .gna-robot-wrap{position:absolute;left:0;top:28px;width:232px;height:292px;z-index:4;pointer-events:auto;animation:gnaFloat 4s ease-in-out infinite;filter:drop-shadow(0 18px 28px rgba(0,0,0,.25)) drop-shadow(0 0 26px rgba(255,117,218,.5)) drop-shadow(0 0 38px rgba(107,201,255,.45))}
#gna-root .gna-robot-wrap::before{content:'';position:absolute;inset:34px 18px 16px 18px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,123,201,.35) 0%,rgba(108,84,255,.18) 42%,rgba(0,0,0,0) 72%);filter:blur(10px);z-index:-3;animation:gnaPulse 3.8s ease-in-out infinite}
#gna-root .gna-robot-wrap::after{content:'';position:absolute;left:22px;right:10px;bottom:12px;height:84px;border-radius:50%;background:conic-gradient(from 140deg,rgba(118,244,255,.0),rgba(171,108,255,.9),rgba(255,102,200,.9),rgba(118,244,255,.0));filter:blur(1px);transform:rotate(-12deg);z-index:-2;opacity:.92;animation:gnaOrbit 4.2s linear infinite}
#gna-root .gna-robot{position:relative;width:100%;height:100%;object-fit:contain;image-rendering:auto;transition:transform .25s ease}
#gna-root .gna-robot-wrap:hover .gna-robot{transform:translateY(-4px) scale(1.03)}
#gna-root .gna-robot-orbit{position:absolute;left:16px;right:8px;top:48px;bottom:56px;border:2px solid rgba(255,105,205,.36);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 22px rgba(255,85,185,.25),inset 0 0 10px rgba(118,244,255,.18);z-index:-1;opacity:.9}
#gna-root .gna-spark{position:absolute;z-index:5;pointer-events:none;animation:gnaTwinkle 2.5s ease-in-out infinite;text-shadow:0 0 16px currentColor;font-weight:700}
#gna-root .gna-spark-a{left:172px;top:42px;font-size:28px;color:#ffda64}
#gna-root .gna-spark-b{left:18px;top:92px;font-size:22px;color:#ff9bd8;animation-delay:.8s}
#gna-root .gna-spark-c{left:166px;top:236px;font-size:24px;color:#7fefff;animation-delay:1.4s}
#gna-root .gna-robot-callout{position:absolute;left:196px;top:18px;width:var(--gna-card);min-height:280px;display:flex;flex-direction:column;gap:10px;padding:16px 16px 14px;border-radius:26px;border:2px solid rgba(255,164,125,.92);
background:radial-gradient(ellipse at 100% 0%,rgba(127,31,87,.42) 0%,transparent 55%),linear-gradient(160deg,rgba(51,18,66,.94) 0%,rgba(23,18,54,.96) 55%,rgba(43,16,67,.94) 100%);
box-shadow:0 0 0 1px rgba(255,81,184,.25),0 0 30px rgba(255,105,168,.42),0 0 48px rgba(255,153,82,.2),0 20px 44px rgba(3,4,20,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;animation:gnaAura 4.5s ease-in-out infinite}
#gna-root .gna-robot-callout:before{content:'♥';position:absolute;right:-14px;top:-18px;font-size:30px;color:#ff92d9;filter:drop-shadow(0 0 11px #ff5eca);animation:gnaTwinkle 2.7s infinite}
#gna-root .gna-robot-callout:after{content:'';position:absolute;left:-9px;top:86px;width:15px;height:15px;background:#30163d;transform:rotate(45deg);border-left:2px solid rgba(255,164,125,.92);border-bottom:2px solid rgba(255,164,125,.92)}
#gna-root .gna-heading{display:flex;align-items:center;gap:10px}
#gna-root .gna-shop-icon{width:45px;height:45px;flex:none;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#ffb96c,#ff7b2c 45%,#fb582e);box-shadow:0 0 18px rgba(255,122,70,.55)}
#gna-root .gna-shop-icon svg{width:32px;height:32px}
#gna-root .gna-robot-callout strong{font-size:16px;line-height:1.26;font-weight:900;color:#ffd88b;letter-spacing:-.01em}
#gna-root .gna-brand{font-size:12px;font-weight:900;letter-spacing:.18em;color:#66f7ff;text-transform:uppercase}
#gna-root .gna-product-label{font-size:13px;line-height:1.42;color:#f4ecff}
#gna-root .gna-product-row{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid rgba(159,115,255,.6);border-radius:16px;background:linear-gradient(115deg,rgba(57,49,111,.95),rgba(34,28,79,.96));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
#gna-root .gna-product-image{width:72px;height:72px;flex:none;object-fit:cover;border-radius:14px;box-shadow:0 8px 18px rgba(0,0,0,.28)}
#gna-root .gna-product-placeholder{width:72px;height:72px;flex:none;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#432f8a,#0c1439);font-size:30px}
#gna-root .gna-product-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
#gna-root .gna-product-copy b{font-size:14px;line-height:1.28;font-weight:800;overflow-wrap:anywhere;letter-spacing:-.01em}
#gna-root .gna-product-copy>span{font-size:12px;line-height:1.35;color:#d9d0ef;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#gna-root .gna-aff-cta{display:flex;align-items:center;justify-content:center;min-height:54px;padding:0 16px;border-radius:18px;background:linear-gradient(90deg,#ffba3d 0%,#ff9b46 34%,#ff8066 68%,#ff8db6 100%);color:#fff;font-size:16px;font-weight:900;letter-spacing:-.01em;box-shadow:0 10px 25px rgba(255,151,82,.34),inset 0 0 0 1px rgba(255,255,255,.14)}
#gna-root .gna-disclosure{font-size:11px;line-height:1.35;color:#e1cbe0;opacity:.9}
@keyframes gnaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes gnaPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}
@keyframes gnaOrbit{from{transform:rotate(-12deg)}to{transform:rotate(348deg)}}
@keyframes gnaTwinkle{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}
@keyframes gnaAura{0%,100%{box-shadow:0 0 0 1px rgba(255,81,184,.25),0 0 30px rgba(255,105,168,.42),0 0 48px rgba(255,153,82,.2),0 20px 44px rgba(3,4,20,.55)}50%{box-shadow:0 0 0 1px rgba(255,81,184,.35),0 0 38px rgba(255,105,168,.52),0 0 60px rgba(255,153,82,.26),0 20px 44px rgba(3,4,20,.58)}}
@media (max-width:1140px){#gna-root{width:468px;height:334px}#gna-root .gna-robot-wrap{width:204px;height:264px}#gna-root .gna-robot-callout{left:176px;width:278px;min-height:262px}#gna-root .gna-robot-callout strong{font-size:15px}#gna-root .gna-product-image,#gna-root .gna-product-placeholder{width:62px;height:62px}}
@media (max-width:820px){#gna-root{width:auto;height:auto;left:auto;right:14px;bottom:14px}#gna-root.gna-hero{left:auto;top:auto;right:14px;bottom:14px}#gna-root .gna-launch{width:auto;height:auto;display:flex;justify-content:flex-end}#gna-root .gna-robot-wrap{position:relative;left:auto;top:auto;width:118px;height:150px;margin-right:-18px}#gna-root .gna-robot-wrap::before{inset:16px 8px 6px}#gna-root .gna-robot-wrap::after{left:10px;right:4px;bottom:10px;height:42px}#gna-root .gna-robot-orbit{left:8px;right:4px;top:26px;bottom:30px;border-width:1.5px}#gna-root .gna-spark-a{left:84px;top:12px;font-size:18px}#gna-root .gna-spark-b{left:2px;top:42px;font-size:16px}#gna-root .gna-spark-c{left:88px;top:114px;font-size:16px}#gna-root .gna-robot-callout{position:relative;left:auto;top:auto;width:238px;min-height:200px;padding:12px 12px 11px;border-radius:22px}#gna-root .gna-robot-callout strong{font-size:13px}#gna-root .gna-brand{font-size:10px}#gna-root .gna-product-label{font-size:11px}#gna-root .gna-product-row{padding:8px;gap:8px}#gna-root .gna-product-image,#gna-root .gna-product-placeholder{width:50px;height:50px;border-radius:12px}#gna-root .gna-product-copy b{font-size:12px}#gna-root .gna-product-copy>span{font-size:10px}.gna-aff-cta{min-height:44px;font-size:13px}}

/* v2.4: strict no-overlap responsive layout */
#gna-root.gna-docked{position:fixed!important;left:var(--gna-left)!important;top:var(--gna-top)!important;right:auto!important;bottom:auto!important;width:515px!important;height:360px!important;max-width:none!important;margin:0!important;z-index:60!important;pointer-events:none}
#gna-root.gna-docked .gna-launch{display:block!important;width:100%!important;height:100%!important;pointer-events:none}
#gna-root.gna-docked .gna-robot-wrap{position:absolute!important;left:0!important;top:28px!important;width:220px!important;height:292px!important;margin:0!important}
#gna-root.gna-docked .gna-robot-callout{position:absolute!important;left:196px!important;top:18px!important;width:305px!important;min-height:280px!important}
#gna-root.gna-inline{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;display:block!important;width:min(96%,560px)!important;max-width:560px!important;height:auto!important;min-height:280px!important;margin:20px auto 28px!important;z-index:3!important;pointer-events:none;clear:both}
#gna-root.gna-inline .gna-launch{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:100%!important;height:auto!important;min-height:280px!important;pointer-events:none}
#gna-root.gna-inline .gna-robot-wrap{position:relative!important;left:auto!important;top:auto!important;width:37%!important;max-width:205px!important;height:255px!important;flex:0 0 37%!important;margin:0 -17px 0 0!important;pointer-events:auto!important}
#gna-root.gna-inline .gna-robot-callout{position:relative!important;left:auto!important;top:auto!important;width:63%!important;min-height:270px!important;flex:0 0 63%!important;margin:0!important;padding:15px!important;pointer-events:auto!important}
#gna-root.gna-inline .gna-robot-callout:after{display:none}
#gna-root.gna-inline .gna-robot{width:100%!important;height:100%!important;object-fit:contain!important}
#gna-root.gna-inline .gna-robot-callout strong{font-size:15px!important}
#gna-root.gna-inline .gna-product-image,#gna-root.gna-inline .gna-product-placeholder{width:62px!important;height:62px!important}
#gna-root.gna-inline .gna-aff-cta{min-height:46px!important;font-size:14px!important}
@media(max-width:600px){
 #gna-root.gna-inline{width:calc(100% - 24px)!important;min-height:0!important;margin:18px auto 24px!important}
 #gna-root.gna-inline .gna-launch{min-height:0!important;align-items:center!important}
 #gna-root.gna-inline .gna-robot-wrap{width:30%!important;flex:0 0 30%!important;height:185px!important;margin-right:-12px!important}
 #gna-root.gna-inline .gna-robot-callout{width:70%!important;flex:0 0 70%!important;min-height:0!important;padding:12px!important;border-radius:20px!important;gap:7px!important}
 #gna-root.gna-inline .gna-robot-callout strong{font-size:12px!important;line-height:1.28!important}
 #gna-root.gna-inline .gna-shop-icon{width:34px!important;height:34px!important;flex:0 0 34px!important}
 #gna-root.gna-inline .gna-shop-icon svg{width:27px!important;height:27px!important}
 #gna-root.gna-inline .gna-brand{font-size:9px!important;letter-spacing:.12em!important}
 #gna-root.gna-inline .gna-product-label{font-size:11px!important}
 #gna-root.gna-inline .gna-product-row{padding:7px!important;gap:7px!important}
 #gna-root.gna-inline .gna-product-image,#gna-root.gna-inline .gna-product-placeholder{width:44px!important;height:44px!important;flex:0 0 44px!important}
 #gna-root.gna-inline .gna-product-copy b{font-size:11px!important}
 #gna-root.gna-inline .gna-product-copy>span{font-size:10px!important;-webkit-line-clamp:2!important}
 #gna-root.gna-inline .gna-aff-cta{min-height:39px!important;padding:7px!important;font-size:11px!important;text-align:center!important}
 #gna-root.gna-inline .gna-disclosure{font-size:9px!important}
 #gna-root.gna-inline .gna-spark-a{left:72%!important;top:9%!important}
 #gna-root.gna-inline .gna-spark-b{left:4%!important;top:30%!important}
 #gna-root.gna-inline .gna-spark-c{left:70%!important;top:75%!important}
}
@media(prefers-reduced-motion:reduce){#gna-root *{animation:none!important;transition:none!important}}

/* v2.5.0 — GN Galaxy 4.8.0 companion: no fixed positioning at any breakpoint. */
#gna-root.gna-desktop-column,#gna-root.gna-mobile-inline{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:block!important;flex:none!important;margin:0!important;z-index:15!important;pointer-events:none!important;transform:none!important;isolation:isolate!important;max-width:100%!important}
#gna-root.gna-desktop-column{width:510px!important;height:370px!important;min-width:0!important;align-self:center!important}
#gna-root.gna-desktop-column .gna-launch{display:block!important;position:relative!important;width:100%!important;height:100%!important;pointer-events:none!important}
#gna-root.gna-desktop-column .gna-robot-wrap{position:absolute!important;left:0!important;top:30px!important;width:220px!important;height:292px!important;margin:0!important;pointer-events:auto!important}
#gna-root.gna-desktop-column .gna-robot-callout{position:absolute!important;left:190px!important;top:14px!important;width:300px!important;min-height:290px!important;pointer-events:auto!important}
@media(min-width:821px) and (max-width:1120px){
 #gna-root.gna-desktop-column{width:415px!important;height:340px!important}
 #gna-root.gna-desktop-column .gna-robot-wrap{width:158px!important;height:225px!important;top:54px!important}
 #gna-root.gna-desktop-column .gna-robot-callout{left:134px!important;width:270px!important;top:20px!important;padding:13px!important;gap:8px!important}
 #gna-root.gna-desktop-column .gna-robot-callout strong{font-size:13px!important}
 #gna-root.gna-desktop-column .gna-product-image{width:54px!important;height:54px!important}
}
@media(max-width:820px){
 #gna-root.gna-mobile-inline{width:100%!important;height:auto!important;min-height:0!important;margin:10px auto 3px!important;clear:both!important}
 #gna-root.gna-mobile-inline .gna-launch{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;min-height:0!important;gap:0!important;pointer-events:none!important}
 #gna-root.gna-mobile-inline .gna-robot-wrap{position:relative!important;left:auto!important;top:auto!important;flex:0 0 27%!important;width:27%!important;max-width:130px!important;height:166px!important;margin:0 -9px 0 0!important;pointer-events:auto!important}
 #gna-root.gna-mobile-inline .gna-robot-callout{position:relative!important;left:auto!important;top:auto!important;flex:1 1 73%!important;width:auto!important;min-width:0!important;min-height:0!important;padding:10px!important;gap:6px!important;border-radius:17px!important;pointer-events:auto!important;animation:none!important}
 #gna-root.gna-mobile-inline .gna-robot-callout:after{display:none!important}
 #gna-root.gna-mobile-inline .gna-heading{gap:6px!important}
 #gna-root.gna-mobile-inline .gna-heading strong{font-size:clamp(11px,3.1vw,14px)!important;line-height:1.23!important}
 #gna-root.gna-mobile-inline .gna-shop-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important}
 #gna-root.gna-mobile-inline .gna-shop-icon svg{width:25px!important;height:25px!important}
 #gna-root.gna-mobile-inline .gna-brand{font-size:9px!important;letter-spacing:.08em!important}
 #gna-root.gna-mobile-inline .gna-product-label{font-size:10px!important;line-height:1.25!important}
 #gna-root.gna-mobile-inline .gna-product-row{padding:5px!important;gap:6px!important;border-radius:10px!important}
 #gna-root.gna-mobile-inline .gna-product-image,#gna-root.gna-mobile-inline .gna-product-placeholder{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:8px!important}
 #gna-root.gna-mobile-inline .gna-product-copy b{font-size:11px!important;line-height:1.2!important}
 #gna-root.gna-mobile-inline .gna-product-copy>span{font-size:9px!important;line-height:1.2!important;-webkit-line-clamp:1!important}
 #gna-root.gna-mobile-inline .gna-aff-cta{min-height:33px!important;padding:5px 7px!important;font-size:11px!important;border-radius:10px!important}
 #gna-root.gna-mobile-inline .gna-disclosure{font-size:8px!important;line-height:1.2!important}
}
@media(max-width:360px){#gna-root.gna-mobile-inline .gna-robot-wrap{flex-basis:23%!important;width:23%!important;height:142px!important}#gna-root.gna-mobile-inline .gna-robot-callout{padding:8px!important;gap:4px!important}}
@media(prefers-reduced-motion:reduce){#gna-root .gna-robot-wrap,#gna-root .gna-robot-callout,#gna-root .gna-spark{animation:none!important}}

/* Desktop-only, respects Galaxy's reserved left signature area. */
@media(min-width:1200px){
 #gna-root.gna-desktop-column{box-sizing:border-box!important;flex:0 1 500px!important;width:min(100%,500px)!important;max-width:500px!important;min-width:350px!important;height:370px!important;margin:0!important;align-self:center!important}
 #gna-root.gna-desktop-column .gna-robot-wrap{left:0!important;width:41%!important;max-width:210px!important}
 #gna-root.gna-desktop-column .gna-robot-callout{left:38%!important;width:60%!important;max-width:300px!important;min-width:0!important}
}
@media(min-width:821px) and (max-width:1199px){
 #gna-root.gna-desktop-column{margin:0 auto!important;max-width:min(94vw,510px)!important}
}

/* v2.5.3: desktop-only robot nudge toward GN DIGITAL; mobile unchanged. */
@media(min-width:821px){
 #gna-root.gna-desktop-column .gna-robot-wrap{left:-36px!important;top:-6px!important}
}
@media(min-width:821px) and (max-width:1120px){
 #gna-root.gna-desktop-column .gna-robot-wrap{left:-22px!important;top:18px!important}
}

/* v2.5.4 — PC only: lift the Shopee robot and move it closer to the GN DIGITAL card.
   Product card and all mobile styles remain unchanged. */
@media (min-width:1200px){
 #gna-root.gna-desktop-column .gna-robot-wrap{left:-58px!important;top:-54px!important}
}
@media (min-width:821px) and (max-width:1199px){
 #gna-root.gna-desktop-column .gna-robot-wrap{left:-38px!important;top:-22px!important}
}

/* v2.5.5: PC robot only: +96px up and +30px left compared to v2.5.4. Mobile unchanged. */
@media(min-width:1200px){#gna-root.gna-desktop-column .gna-robot-wrap{left:-88px!important;top:-150px!important}}
@media(min-width:821px) and (max-width:1199px){#gna-root.gna-desktop-column .gna-robot-wrap{left:-68px!important;top:-118px!important}}

/* v2.5.6: Desktop ONLY — move the affiliate CARD 96px up and 30px left.
   Robot remains exactly at v2.5.5 coordinates; mobile remains unchanged. */
@media (min-width:821px){
  #gna-root.gna-desktop-column .gna-robot-callout{
    left:calc(38% - 30px)!important;
    top:-78px!important;
  }
  #gna-root.gna-desktop-column .gna-shop-icon{
    background:linear-gradient(150deg,#ff8647 0%,#ee4d2d 72%,#dc3d1e 100%)!important;
    border:1px solid rgba(255,255,255,.25)!important;
    box-shadow:0 0 0 1px rgba(238,77,45,.4),0 7px 18px rgba(238,77,45,.42)!important;
  }
  #gna-root.gna-desktop-column .gna-shop-icon svg{width:34px!important;height:34px!important;display:block!important}
}

/* v2.5.7: PC card only, robot unchanged; mobile positioning unchanged. */
@media(min-width:821px){#gna-root.gna-desktop-column .gna-robot-callout{left:calc(38% - 80px)!important;top:-108px!important}}
#gna-root .gna-shop-wordmark{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:6px 9px 7px;border-radius:12px;color:#fff;background:#ee4d2d;font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.8px;line-height:1;white-space:nowrap;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 18px rgba(238,77,45,.58),0 5px 16px rgba(238,77,45,.3)}
@media(max-width:820px){#gna-root .gna-shop-wordmark{font-size:12px;padding:5px 6px;letter-spacing:-.5px;border-radius:7px}}

/* v2.5.8: move ONLY the desktop Shopee panel 25px right; preserve robot and mobile layout. */
@media(min-width:821px){
  #gna-root.gna-desktop-column .gna-robot-callout{
    left:calc(38% - 55px)!important;
    top:-108px!important;
  }
}
/* Crisp local vector Shopee lockup; no network request or font dependence. */
#gna-root .gna-shopee-official-mark{
  display:block;flex:none;width:100px;height:42px;object-fit:contain;
  padding:6px 7px;background:#EE4D2D;border-radius:12px;
  box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 18px rgba(238,77,45,.46);
}
@media(max-width:820px){
  #gna-root .gna-shopee-official-mark{width:76px;height:34px;padding:5px;border-radius:9px}
}