/* GekiStore V147: scoped Roblox navigation. Keep the border real, not mask-only. */
details.gk-services {
  --gk-service-edge: #b77cf0;
  flex: 0 0 auto;
  min-width: 0;
  margin: 3px 0 6px;
  border: 1.5px solid var(--gk-service-edge);
  border-radius: 20px;
  background: radial-gradient(ellipse at 12% 0%, #8041bb55, transparent 65%), linear-gradient(140deg, #291640, #170d28 75%);
  box-shadow: inset 0 1px 0 #f1d8ff40, inset 0 -2px 0 #06020c80, 0 4px 0 #10081d, 0 9px 22px #0005, 0 0 18px #a855f719;
  transition: border-color .2s ease, box-shadow .2s ease;
  font-family: var(--gk-font, system-ui, sans-serif);
  letter-spacing: 0;
}
details.gk-services[open], details.gk-services.active {
  border-color: #d19fff;
  box-shadow: inset 0 1px 0 #f1d8ff50, 0 4px 0 #10081d, 0 12px 28px #0005, 0 0 24px #a855f72b;
}
details.gk-services > .gk-services-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 80px;
  padding: 14px 12px;
  border: 0;
  border-radius: 18px;
  background: transparent;
  color: #faf6ff;
  line-height: 1.4;
  list-style: none;
  overflow: hidden;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  touch-action: manipulation;
}
details.gk-services > .gk-services-toggle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 22%, #e8c2ff13 45%, #fff2 50%, transparent 70%);
  transform: translateX(-105%);
  animation: gk-services-sheen 7s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}
details.gk-services > .gk-services-toggle:hover,
details.gk-services[open] > .gk-services-toggle {
  background: linear-gradient(120deg, #b770ff12, transparent);
  color: #fff;
}
details.gk-services > .gk-services-toggle:focus-visible,
.gk-services-menu .gk-service-link:focus-visible {
  outline: 3px solid #ead0ff !important;
  outline-offset: -4px;
}
.gk-services .gk-services-emblem {
  display: grid;
  place-items: center;
  flex: 0 0 42px !important;
  width: 42px;
  height: 44px;
  border: 1px solid #e2b9ffb3;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(145deg, #d398ff, #9149e8 48%, #54229f);
  box-shadow: inset 0 1px 0 #ffffff80, inset -3px -4px 7px #35115b66, 2px 4px 0 #401c70, 0 8px 15px #0b021966;
  transform: perspective(320px) rotateY(-12deg) rotateX(7deg);
  transition: transform .25s ease;
}
.gk-services[open] .gk-services-emblem { transform: perspective(320px) rotateY(8deg) rotateX(0deg) translateY(-1px); }
.gk-services .gk-services-emblem .nav-svg-icon { width: 25px; height: 25px; color: #fff; }
.gk-services .gk-services-copy { flex: 1 1 auto; min-width: 0; }
.gk-services .gk-services-title { display: block; font-size: 1rem; font-weight: 800; letter-spacing: -.015em; white-space: normal; }
.gk-services .gk-services-caption { display: block; margin-top: 4px; font-size: .75rem; font-weight: 450; line-height: 1.45; color: #d6c0ed; white-space: normal; }
.gk-services .gk-services-chevron {
  display: grid;
  place-items: center;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  border: 1px solid #b47aeb55;
  border-radius: 9px;
  color: #e1c4ff;
  background: #0f071d66;
  box-shadow: inset 0 1px 0 #ffffff0d;
  transition: transform .22s ease, background .22s ease;
}
.gk-services[open] .gk-services-chevron { transform: rotate(180deg); background: #7d3abc55; }
.gk-services .gk-services-chevron .nav-svg-icon { width: 20px; height: 20px; }
.gk-services .gk-services-menu {
  --gk-item-accent: #d2adff;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-top: 1px solid #bb80f13b;
  background: linear-gradient(180deg, #09041138, #0b061499);
  border-radius: 0 0 18px 18px;
  animation: gk-services-reveal .22s ease-out;
}
.mobile-nav-drawer .gk-services .gk-service-link,
.geki-header .gk-services .gk-service-link,
.gk-services-popover .gk-service-link {
  position: relative;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 72px !important;
  padding: 12px 10px !important;
  margin: 0;
  border: 1px solid #9a69ca50 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #302040b3, #170e25) !important;
  color: #faf6ff !important;
  box-shadow: inset 0 1px 0 #ffffff0e, 0 3px 0 #0b0514, 0 5px 10px #0002 !important;
  white-space: normal !important;
  text-decoration: none;
  font-family: var(--gk-font, system-ui, sans-serif);
  font-size: .875rem !important;
  line-height: 1.4;
  letter-spacing: 0;
  transform: none !important;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.gk-services-menu .gk-service-giftcard { --gk-item-accent: #f1bfeb; }
.gk-services-menu .gk-service-gamepass { --gk-item-accent: #aaaaff; }
.gk-services-menu .gk-service-account { --gk-item-accent: #8b5cf6; }
.mobile-nav-drawer .gk-services .gk-service-link:hover,
.geki-header .gk-services .gk-service-link:hover,
.gk-services-popover .gk-service-link:hover,
.mobile-nav-drawer .gk-services .gk-service-link[aria-current="page"],
.geki-header .gk-services .gk-service-link[aria-current="page"],
.gk-services-popover .gk-service-link[aria-current="page"] {
  border-color: #d6a2ffb3 !important;
  background: linear-gradient(130deg, #663a9270, #291340) !important;
  box-shadow: inset 3px 0 0 #d6a2ff, inset 0 1px 0 #ffffff17, 0 3px 0 #0b0514 !important;
  color: #fff !important;
}
.gk-services-menu .gk-service-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px !important;
  width: 38px;
  height: 40px;
  border: 1px solid #c29aff66;
  border-radius: 11px;
  background: linear-gradient(140deg, #8b53c755, #271541);
  color: var(--gk-item-accent);
  font-size: .875rem;
  font-weight: 850;
  box-shadow: inset 0 1px 0 #ffffff26, 1px 3px 0 #140b24;
  transform: perspective(200px) rotateY(-8deg);
  transition: transform .2s ease;
}
.gk-services-menu .gk-service-link:hover .gk-service-icon { transform: perspective(200px) rotateY(8deg) translateY(-2px); }
.gk-services-menu .gk-service-copy { flex: 1 1 auto !important; min-width: 0; }
.gk-services-menu .gk-service-name { display: block; font-size: .875rem; font-weight: 750; color: #f5ecff; overflow-wrap: anywhere; }
.gk-services-menu .gk-service-hint { display: block; margin-top: 4px; font-size: .75rem; font-weight: 450; color: #c9b4df; }
.gk-services-menu .gk-service-arrow { display: grid; place-items: center; flex: 0 0 18px !important; color: #c399e8; }
.gk-services-menu .gk-service-arrow .nav-svg-icon { width: 18px; height: 18px; }
.desktop-service-folder.gk-services { margin: 0; border-radius: 13px; }
.desktop-service-folder.gk-services > .gk-services-toggle { min-height: 42px; padding: 6px 9px; gap: 8px; border-radius: 11px; }
.desktop-service-folder.gk-services .gk-services-emblem { flex-basis: 28px !important; width: 28px; height: 28px; border-radius: 8px; box-shadow: inset 0 1px 0 #ffffff70, 1px 2px 0 #401c70; }
.desktop-service-folder.gk-services .gk-services-emblem .nav-svg-icon { width: 19px; height: 19px; }
.desktop-service-folder.gk-services .gk-services-title { font-size: .875rem; white-space: nowrap; }
.desktop-service-folder.gk-services .gk-services-caption { display: none; }
.desktop-service-folder.gk-services .gk-services-chevron { flex-basis: 22px; width: 22px; height: 24px; border: 0; background: transparent; box-shadow: none; }
.desktop-service-folder.gk-services > .gk-services-menu,
.gk-services-popover {
  --gk-item-accent: #d2adff;
  display: grid;
  gap: 8px;
  width: 310px;
  min-width: 0;
  padding: 10px;
  margin: 0;
  border: 1.5px solid #b77cf0;
  border-radius: 18px;
  color: #faf6ff;
  background: radial-gradient(ellipse at top left, #61308266, transparent 75%), #160d23;
  box-shadow: inset 0 1px 0 #ffffff26, 0 5px 0 #10071b, 0 22px 60px #0009, 0 0 24px #a855f719;
}
.gk-services-popover {
  position: fixed;
  z-index: 10020;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
  animation: gk-services-reveal .18s ease-out;
}
.gk-services-popover .nav-svg-icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@keyframes gk-services-sheen { 0%, 55% { transform: translateX(-105%); } 85%, 100% { transform: translateX(105%); } }
@keyframes gk-services-reveal { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 360px) {
  details.gk-services > .gk-services-toggle { gap: 8px; padding: 12px 9px; }
  .gk-services .gk-services-emblem { flex-basis: 35px !important; width: 35px; height: 39px; }
  .gk-services .gk-services-title { font-size: .9375rem; }
  .gk-services .gk-services-menu { padding: 8px; }
  .gk-services-menu .gk-service-icon { flex-basis: 32px !important; width: 32px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  details.gk-services, .gk-services *, .gk-services-popover, .gk-services-popover * { animation: none !important; transition: none !important; }
  details.gk-services > .gk-services-toggle::before { animation: none; display: none; }
  .gk-services .gk-services-emblem, .gk-services-menu .gk-service-icon { transform: none !important; }
}