{"product_id":"logitech-g-pro-x3-superstrike-gaming-mouse-midnight-black","title":"Logitech G Pro X3 SUPERSTRIKE Gaming Mouse (Midnight Black)","description":"\u003cstyle data-rel=\"stylesheet\" data-type=\"text\/css\" data-href=\"style.css\" data-data-tag=\"link\"\u003ediv:where([is=\"contentdriver-body\"]) {\n  --heading-font: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\", sans-serif;\n  --heading-weight: bold;\n  --heading-transform: uppercase;\n  --heading-min: 1.75em;\n  --heading-max: 2.25em;\n  --heading-rate: 1.75cqi;\n  --scale-larger: 1.2;\n  --scale-smaller: 0.75;\n  --main-font: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\", sans-serif;\n  --paragraph-weight: 400;\n  --paragraph-line-height: 1.6;\n  --paragraph-scale: 1;\n  --paragraph-width: 100ch;\n  --content-wrapper-maxwidth: 940px;\n  --standard-gutter: 1.5em;\n  --spacing-large: 5em;\n  --spacing-medium: 3em;\n  --width-standard: 1920px;\n  --width-narrow: 1480px;\n  --standard-curve: 0.75em;\n  --grid-gap: 2em;\n  --grid-vertical-multiplier: 2;\n  --content-gap: 1em;\n  --bento-minrow-height: 200px;\n  --default-overlay-padding: 15%;\n  --overlay-background-dark: #141414;\n  --overlay-background-light: #f4f4f4;\n  --modal-button-background: #6c6c6c;\n  --modal-button-hover: #333;\n  --modal-button-color: #fff;\n  --accent-color: #666;\n  --text-muted: #646464;\n  --switcher-button-primary: #2d76c8;\n  --switcher-button-secondary: #eee;\n  --dot-hover: #ddd;\n}\n\n\/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nRESET \u0026 BASE                    \/\/\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\n\n* {\n  box-sizing: border-box;\n}\n\ndiv:where([is=\"contentdriver-body\"]) {\n  width: 100%;\n  max-width: 1920px;\n  font-size: 16px;\n  font-family: var(--main-font);\n  -webkit-font-smoothing: antialiased;\n  margin: 0 auto;\n  background-color: #fff;\n  color: #000;\n  container-type: inline-size;\n}\n\ndiv,\na {\n  display: block;\n}\n\nimg,\nvideo {\n  max-width: 100%;\n  width: 100%;\n  display: block;\n  min-height: 1px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.heading,\n.grid-title {\n  font-family: var(--heading-font);\n  font-weight: var(--heading-weight);\n  text-transform: var(--heading-transform);\n  margin: 0;\n  padding: 0;\n  line-height: 1.2;\n  text-wrap: pretty;\n}\n\nh2,\n.heading {\n  font-size: var(--heading-min);\n  font-size: clamp(var(--heading-min), calc(1em + var(--heading-rate)), var(--heading-max));\n  font-weight: var(--heading-weight);\n  text-wrap: balance;\n}\n\nh2.larger,\n.heading.larger {\n  font-size: clamp(\n    calc(var(--heading-min) * var(--scale-larger)),\n    calc(var(--heading-min) * var(--scale-larger) + var(--heading-rate) * var(--scale-larger)),\n    calc(var(--heading-max) * var(--scale-larger))\n  );\n}\n\nh2.smaller,\n.heading.smaller {\n  font-size: clamp(\n    calc(var(--heading-min) * var(--scale-smaller)),\n    calc(var(--heading-min) * var(--scale-smaller) + var(--heading-rate) * var(--scale-smaller)),\n    calc(var(--heading-max) * var(--scale-smaller))\n  );\n}\n\np,\nli {\n  font-family: var(--main-font);\n  font-weight: var(--paragraph-weight);\n  line-height: var(--paragraph-line-height);\n  font-size: 1em;\n\n  margin: 0;\n  padding: 0;\n  text-wrap: pretty;\n}\n\n.content-wrapper p,\n.content-wrapper li {\n  max-width: var(--paragraph-width);\n}\n\n@container (min-width: 891px) {\n  p,\n  li {\n    font-size: calc(1em * var(--paragraph-scale));\n  }\n}\n\n.subtitle {\n  font-family: var(--main-font);\n  font-weight: 500;\n  color: var(--accent-color);\n  font-size: 1.4em;\n}\n\nsup {\n  font-family: var(--main-font);\n  font-size: 60%;\n  vertical-align: super;\n}\n\ni {\n  font-style: italic;\n}\n\nb {\n  font-weight: 700;\n}\n\n.note {\n  opacity: 0.6;\n  font-size: 0.8em;\n  font-family: var(--main-font);\n  line-height: var(--paragraph-line-height);\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n.normal-case {\n  text-transform: none;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n\n\/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nCD STARTER MODULES 2H 2026      \/\/\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\n\n.bg-white {\n  background: #fff;\n}\n\n.bg-black {\n  background: #000;\n}\n\n.white {\n  color: #fff;\n}\n\n.pad-both {\n  padding-top: var(--spacing-medium);\n  padding-bottom: var(--spacing-medium);\n}\n\n.pad-top {\n  padding-top: var(--spacing-medium);\n}\n\n.pad-bot {\n  padding-bottom: var(--spacing-medium);\n}\n\n.hide-on-mobile {\n  display: none;\n}\n\n@container (min-width: 891px) {\n  .pad-both,\n  .desktop-pad-both {\n    padding-top: var(--spacing-large);\n    padding-bottom: var(--spacing-large);\n  }\n  .pad-top,\n  .desktop-pad-top {\n    padding-top: var(--spacing-large);\n  }\n  .pad-bot,\n  .desktop-pad-bot {\n    padding-bottom: var(--spacing-large);\n  }\n  .show-on-mobile {\n    display: none;\n  }\n  .hide-on-mobile {\n    display: block;\n  }\n}\n\n.main-feature {\n  width: 100%;\n  display: grid;\n  justify-items: center;\n}\n\n.main-wrapper {\n  width: 100%;\n  max-width: var(--width-narrow);\n  display: grid;\n  grid-template-columns: 1fr;\n  align-items: center;\n  justify-content: center;\n  justify-items: center;\n}\n\n.full-width {\n  max-width: 100%;\n}\n\n@container (min-width: 891px) {\n  .justify-right .content-wrapper {\n    grid-column-start: 2;\n  }\n  .justify-right .content-wrapper.text-right {\n    text-align: right;\n  }\n  .main-wrapper {\n    grid-template-columns: repeat(2, 1fr);\n    gap: calc(var(--grid-gap) * 1.5);\n  }\n  .wide-right .main-wrapper {\n    grid-template-columns: 2fr 3fr;\n  }\n  .wide-left .main-wrapper {\n    grid-template-columns: 3fr 2fr;\n  }\n  .gutter-left {\n    padding-left: var(--standard-gutter);\n  }\n  .gutter-right {\n    padding-right: var(--standard-gutter);\n  }\n}\n\n.narrow {\n  max-width: var(--width-narrow);\n}\n\n.main-wrapper.stacked {\n  grid-template-columns: 1fr;\n  gap: 0;\n}\n\n.with-gutter {\n  padding-left: var(--standard-gutter);\n  padding-right: var(--standard-gutter);\n}\n\n.align-center {\n  align-items: center;\n}\n\n.justify-left {\n  justify-content: start;\n}\n\n.justify-right {\n  justify-content: end;\n}\n\n.justify-center {\n  justify-content: center;\n}\n\n.grid {\n  display: grid;\n}\n\n.place-center {\n  place-content: center;\n}\n\n.gutter-top-mobile {\n  margin-top: var(--standard-gutter);\n}\n\n.content-wrapper {\n  width: 100%;\n  display: grid;\n  gap: var(--content-gap);\n  position: relative;\n}\n\n.main-feature.lr-feature .content-wrapper,\n.main-feature.overlay-feature .content-wrapper {\n  padding-top: var(--spacing-medium);\n  padding-bottom: var(--spacing-medium);\n}\n\n.lr-feature.full-bleed .content-wrapper {\n  padding: var(--spacing-medium) var(--standard-gutter);\n}\n\n@container (min-width: 891px) {\n  .main-wrapper.stacked .content-wrapper {\n    max-width: var(--content-wrapper-maxwidth);\n  }\n  .main-feature.lr-feature .content-wrapper,\n  .main-feature.overlay-feature .content-wrapper {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  .lr-feature.full-bleed .content-wrapper {\n    padding-top: var(--spacing-large);\n    padding-bottom: var(--spacing-large);\n    padding-left: calc(var(--standard-gutter) * 2);\n    padding-right: var(--standard-gutter);\n    max-width: var(--content-wrapper-maxwidth);\n  }\n  .lr-feature.full-bleed.reverse .content-wrapper {\n    padding-left: var(--standard-gutter);\n    padding-right: calc(var(--standard-gutter) * 2);\n  }\n  .content-wrapper.centered {\n    text-align: center;\n    align-items: center;\n    justify-items: center;\n  }\n  .content-wrapper.boxed {\n    background: rgba(0, 0, 0, 0.6);\n  }\n  .media-wrapper.centered {\n    display: flex;\n    justify-content: center;\n  }\n  .lr-feature.reverse .media-wrapper {\n    order: 2;\n  }\n  .lr-feature.reverse .content-wrapper {\n    order: 1;\n  }\n  .gutter-top-mobile {\n    margin-top: 0;\n  }\n}\n\n.media-wrapper {\n  width: 100%;\n  align-self: center;\n}\n\n.media-wrapper.flush {\n  margin-left: calc(var(--standard-gutter) * -1);\n  margin-right: calc(var(--standard-gutter) * -1);\n  width: calc(100% + var(--standard-gutter) * 2);\n}\n\n.media-wrapper.stretch {\n  display: flex;\n  align-self: stretch;\n  flex-direction: column;\n}\n\n.media-wrapper.stretch img,\n.media-wrapper.stretch video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.media-wrapper.always-center {\n  display: flex;\n  justify-content: center;\n}\n\n.image-center {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.mt {\n  margin-top: calc(var(--standard-gutter) * 2);\n}\n\n.mt-gutter {\n  margin-top: var(--standard-gutter);\n}\n\n.always-center {\n  align-items: center;\n  justify-items: center;\n  text-align: center;\n}\n\n.curved {\n  border-radius: var(--standard-curve);\n  overflow: hidden;\n}\n\n.no-overflow {\n  overflow: hidden;\n}\n\n.relative {\n  position: relative;\n}\n\n.no-gap {\n  gap: 0;\n}\n\n\/*\/\/\/\/\/\/ CD OVERLAY MODULE  \/\/\/\/\/\/\/\/\/*\/\n\n.overlay-feature {\n  background: var(--overlay-background-light);\n}\n\n.white.overlay-feature {\n  background: var(--overlay-background-dark);\n}\n\n@container (min-width: 891px) {\n  .overlay-feature {\n    padding-top: var(--default-overlay-padding);\n    padding-bottom: var(--default-overlay-padding);\n  }\n\n  .overlay-feature.align-bottom {\n    padding-top: 40%;\n    padding-bottom: var(--spacing-medium);\n  }\n\n  .overlay-feature.align-top {\n    padding-top: var(--spacing-medium);\n    padding-bottom: 40%;\n  }\n}\n\n\/*\/\/\/\/\/\/ CD GRIDS  \/\/\/\/\/\/\/\/\/*\/\n\n.cd-grid {\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--grid-gap);\n}\n\n.cd-grid.vertical-space {\n  gap: calc(var(--grid-gap) * var(--grid-vertical-multiplier)) var(--grid-gap);\n}\n\n.grid-item {\n  display: grid;\n  align-content: start;\n  gap: var(--standard-gutter);\n  padding: var(--standard-gutter);\n  min-width: 0;\n  overflow: hidden;\n}\n\n.grid-item .media-wrapper.flush {\n  margin-left: calc(var(--standard-gutter) * -1);\n  margin-right: calc(var(--standard-gutter) * -1);\n  width: calc(100% + var(--standard-gutter) * 2);\n}\n\n.grid-item .media-wrapper.flush-top {\n  margin-top: calc(var(--standard-gutter) * -1);\n}\n\n.grid-item .media-wrapper.flush-bottom {\n  margin-bottom: calc(var(--standard-gutter) * -1);\n}\n\n.grid-item.full-width {\n  padding: 0;\n}\n\n.grid-item .media-wrapper,\n.grid-item .content-wrapper {\n  width: 100%;\n}\n\n.grid-title {\n  font-size: 1.5em;\n}\n\n@container (min-width: 551px) {\n  .grid-4 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@container (min-width: 768px) {\n  .grid-2 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .grid-3 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n@container (min-width: 891px) {\n  .grid-4 {\n    grid-template-columns: repeat(4, 1fr);\n  }\n}\n\n\/*\/\/\/\/\/\/ CD ELASTIC GRID  \/\/\/\/\/\/\/\/\/*\/\n\n.elastic-grid {\n  grid-template-columns: 1fr;\n}\n\n@container (min-width: 550px) and (max-width: 890px) {\n  .elastic-grid .grid-item {\n    display: grid;\n    grid-template-columns: 2fr 3fr;\n    gap: 1.5em;\n    align-items: center;\n  }\n}\n\n@container (min-width: 891px) {\n  .elastic-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n\/*\/\/\/\/\/\/ CD FLEX GRID  \/\/\/\/\/\/\/\/\/*\/\n\n.flex-5 {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  gap: calc(var(--grid-gap) * 2) var(--grid-gap);\n}\n\n.flex-5 .grid-item {\n  width: 100%;\n}\n\n@container (min-width: 551px) {\n  .flex-5 .grid-item {\n    max-width: calc(100% \/ 2 - calc(var(--grid-gap) \/ 2));\n  }\n}\n\n@container (min-width: 891px) {\n  .flex-5 .grid-item {\n    max-width: calc(100% \/ 3 - calc(var(--grid-gap) \/ 3 * 2));\n  }\n}\n\n\/*\/\/\/\/\/\/ CD BENTO GRID  \/\/\/\/\/\/\/\/\/*\/\n\n.bento-grid {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  gap: var(--standard-gutter);\n  grid-auto-rows: auto;\n  container-type: inline-size;\n  container-name: bento;\n}\n\n.bento-grid :where(.grid-item) {\n  border-radius: var(--standard-curve);\n  overflow: hidden;\n  grid-column: 1 \/ -1;\n  grid-row: auto;\n  min-width: 0;\n}\n\n.bento-grid .grid-inner {\n  padding: 3em var(--standard-gutter);\n}\n\n.bento-grid .align-center {\n  align-content: center;\n}\n\n.bento-grid .align-end {\n  align-content: end;\n}\n\n@container bento (min-width: 768px) {\n  .grid-item.lr-feature {\n    grid-template-columns: repeat(2, 1fr);\n    padding: 0;\n    gap: 0;\n  }\n  .grid-item.wide-right {\n    grid-template-columns: 2fr 3fr;\n  }\n  .grid-item.wide-left {\n    grid-template-columns: 3fr 2fr;\n  }\n  .grid-item.lr-feature .content-wrapper {\n    padding: var(--standard-gutter);\n    align-content: center;\n  }\n  .grid-item.lr-feature .media-wrapper:not(.flush) {\n    padding: var(--standard-gutter);\n  }\n  .grid-item.lr-feature .media-wrapper.flush {\n    margin: 0;\n    width: 100%;\n    padding: 0;\n    align-self: stretch;\n  }\n  .grid-item.lr-feature .media-wrapper.flush img,\n  .grid-item.lr-feature .media-wrapper.flush video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n@container bento (min-width: 768px) {\n  .bento-grid {\n    grid-auto-rows: minmax(var(--bento-minrow-height), auto);\n  }\n  .col-md-3 {\n    grid-column: span 3;\n  }\n  .col-md-4 {\n    grid-column: span 4;\n  }\n  .col-md-6 {\n    grid-column: span 6;\n  }\n  .col-md-8 {\n    grid-column: span 8;\n  }\n  .col-md-9 {\n    grid-column: span 9;\n  }\n  .col-md-12 {\n    grid-column: span 12;\n  }\n  .row-md-2 {\n    grid-row: span 2;\n  }\n  .row-md-3 {\n    grid-row: span 3;\n  }\n  .row-md-auto {\n    grid-row: auto;\n  }\n  .bento-grid .show-on-mobile {\n    display: none;\n  }\n}\n\n@container bento (min-width: 1024px) {\n  .col-lg-3 {\n    grid-column: span 3;\n  }\n  .col-lg-4 {\n    grid-column: span 4;\n  }\n  .col-lg-6 {\n    grid-column: span 6;\n  }\n  .col-lg-8 {\n    grid-column: span 8;\n  }\n  .col-lg-9 {\n    grid-column: span 9;\n  }\n  .col-lg-12 {\n    grid-column: span 12;\n  }\n  .row-lg-2 {\n    grid-row: span 2;\n  }\n  .row-lg-3 {\n    grid-row: span 3;\n  }\n  .row-lg-auto {\n    grid-row: auto;\n  }\n}\n\n.col-always-half {\n  grid-column: span 6;\n}\n.col-always-third {\n  grid-column: span 4;\n}\n.col-always-quarter {\n  grid-column: span 3;\n}\n\n\/*\/\/\/\/\/\/ CD VIDEOS  \/\/\/\/\/\/\/\/\/*\/\n\n.video-wrapper {\n  width: 100%;\n  max-width: 100%;\n}\n\n.video-wrapper video {\n  width: 100%;\n}\n\n.video-bg {\n  position: relative;\n}\n\n.video-bg .video-wrapper {\n  position: relative;\n}\n\n@container (min-width: 891px) {\n  .video-bg .video-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    display: flex;\n  }\n}\n\n.video-bg .video-wrapper video {\n  width: 100%;\n  object-fit: cover;\n}\n\n.video-bg .main-wrapper {\n  position: relative;\n}\n\n@container (min-width: 891px) {\n  .with-overlay .video-wrapper::before {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n  }\n  .with-overlay .video-wrapper::before {\n    background: rgba(0, 0, 0, 0.5);\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n  .with-overlay.align-top .video-wrapper::before {\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));\n    height: 50%;\n    left: 0;\n    top: 0;\n  }\n  .with-overlay.align-bottom .video-wrapper::before {\n    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));\n    height: 50%;\n    left: 0;\n    bottom: 0;\n  }\n}\n\n\/*\/\/\/\/\/\/ CD SWITCHER  \/\/\/\/\/\/\/\/\/*\/\n\n.switcher-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n.switcher-nav-wrapper {\n  align-items: center;\n  gap: 0.5em;\n  margin: var(--standard-gutter) 0;\n  display: grid;\n  grid-template-columns: 1fr;\n}\n\n.switcher-nav-dot-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5em;\n  padding: var(--standard-gutter) 0;\n  background: #fff;\n}\n\n@container (min-width: 450px) {\n  .switcher-nav-wrapper {\n    display: flex;\n  }\n}\n\n.lr-switcher .content-wrapper {\n  padding-top: var(--spacing-medium);\n  padding-bottom: var(--spacing-medium);\n}\n\n@container (min-width: 891px) {\n  .lr-switcher .content-wrapper {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n  .switcher-nav-wrapper {\n    justify-content: center;\n  }\n  .overlay-switcher .switcher-nav-dot-wrapper,\n  .overlay-switcher .switcher-nav-wrapper {\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n  }\n  .overlay-switcher .overlay-feature {\n    padding: 10% 0 calc(10% + 1.5em);\n  }\n}\n\n.switcher-nav-item {\n  font-family: var(--main-font);\n  font-weight: var(--heading-weight);\n  padding: 0.5em 1.25em;\n  border-radius: var(--standard-curve);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  border: 2px solid var(--switcher-button-secondary);\n}\n\n.switcher-nav-item:hover {\n  background: #ddd;\n  color: #000;\n}\n\n.switcher-nav-item[data-active] {\n  background: var(--switcher-button-primary);\n  color: #000;\n  border-color: var(--switcher-button-primary);\n}\n\n.switcher-nav-dot {\n  width: 1.25em;\n  height: 1.25em;\n  border: 2px solid #ddd;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n.switcher-nav-dot:hover {\n  background: #ddd;\n}\n\n.switcher-nav-dot[data-active] {\n  background: var(--switcher-button-primary);\n  border-color: var(--switcher-button-primary);\n}\n\n[data-tabs-pane] {\n  animation: cd-fade 0.5s forwards;\n}\n\n@keyframes cd-fade {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n\/*\/ \/\/\/\/\/\/\/ MODAL \/\/\/\/\/\/\/ \/*\/\n\n.cd-modal {\n  opacity: 0;\n  visibility: hidden;\n  position: fixed;\n  top: 0;\n  left: 0;\n  background: rgba(0, 0, 0, 0.85);\n  transition: opacity 0.25s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  width: 100%;\n  height: 100%;\n}\n\n.cd-modal-button {\n  font-family: var(--main-font);\n\n  display: flex;\n  transition: all 0.2s ease;\n  font-weight: 400;\n  font-size: 1em;\n  color: #fff;\n  cursor: pointer;\n  gap: 0.5em;\n}\n\n.play-button-img {\n  width: 1.1em;\n}\n\n.modal-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  padding: 2em;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0);\n}\n\n.cd-modal-bg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n}\n\n.cd-modal-state {\n  display: none;\n}\n\n.cd-modal-state:checked + .cd-modal {\n  opacity: 1;\n  visibility: visible;\n}\n\n.cd-modal-state:checked + .cd-modal .cd-modal-inner {\n  top: 0;\n}\n\n.cd-modal-inner {\n  transition: top 0.25s ease;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  margin: 0 1.5em;\n  overflow: auto;\n  background: none;\n  width: 100%;\n  max-width: 1280px;\n}\n\n.cd-modal-close {\n  position: relative;\n  width: 1.1em;\n  height: 1.1em;\n  cursor: pointer;\n  margin-bottom: 1em;\n  align-self: flex-end;\n}\n\n.cd-modal-close:after,\n.cd-modal-close:before {\n  content: \"\";\n  position: absolute;\n  width: 2px;\n  height: 1.5em;\n  background: #fff;\n  display: block;\n  transform: rotate(45deg);\n  left: 50%;\n  margin: -3px 0 0 -1px;\n  top: 0;\n}\n\n.cd-modal-close:hover:after,\n.cd-modal-close:hover:before {\n  background: #111;\n}\n\n.cd-modal-close:before {\n  transform: rotate(-45deg);\n}\n\n.videoWrapper {\n  position: relative;\n  padding-bottom: 56.25%; \/* 16:9 *\/\n  width: 100%;\n}\n\n.videoWrapper iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n.videoWrapper video {\n  display: block;\n  width: 100%;\n}\n\n\/*\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nLOGI STYLES\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\n\n.relative {\n  position: relative;\n}\n\n.overlay-feature {\n  position: relative;\n}\n\n.bg-hero svg {\n  max-width: 500px;\n}\n\n.product-subtitle {\n  color: #fff;\n  font-size: 1.25em;\n  font-weight: 600;\n  text-wrap: pretty;\n}\n\n.product-title {\n  color: #fff;\n  font-weight: bold;\n}\n\n@container (max-width: 890px) {\n  .product-subtitle {\n    font-size: 1.1em;\n  }\n}\n\n.main-feature.bg-hero {\n  margin-top: 0;\n}\n\n.main-feature {\n  margin-top: 0.5em;\n}\n\n.logi-logo {\n  width: 40%;\n  max-width: 140px;\n  margin-bottom: 1.5em;\n}\n\n.line {\n  margin: 1em 0 1em 0.15em;\n  width: 80px;\n  height: 2px;\n  background: #fff;\n}\n\n.feature-grid {\n  padding: 0 2em;\n  max-width: 1280px;\n  grid-template-columns: repeat(2, 1fr);\n}\n\n@container (max-width: 800px) {\n  .feature-grid {\n    grid-gap: 0;\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n\n.feature-grid-inner {\n  margin-top: 1em;\n}\n\n.feature-grid-title {\n  font-family: var(--heading-font);\n  font-weight: bold;\n  line-height: 1.2;\n  font-size: 1.7em;\n  color: #000;\n  text-transform: uppercase;\n}\n\n@container (max-width: 880px) {\n  .feature-grid-title {\n    font-size: 1.5em;\n  }\n}\n\n.video-content {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.grid-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2em;\n}\n\n\/*\/\/ CRAZY BUTTON \/\/*\/\n\n.crazy-button {\n  width: 180px;\n  height: 180px;\n  margin: 0 auto;\n  position: relative;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  cursor: pointer;\n}\n\n@container (max-width: 890px) {\n  .crazy-button {\n    width: 120px;\n    height: 120px;\n  }\n}\n\ninput:checked + .cd-label .crazy-button-desc {\n  opacity: 0;\n  max-height: 0;\n}\n\n.circle-black {\n  width: 80%;\n  height: 80%;\n  position: absolute;\n  background: rgba(0, 0, 0, 0.45);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.crazy-button:hover .circle-black {\n  animation: cdlogi-circleblk 0.35s ease forwards;\n  background: rgba(0, 0, 0, 0.65);\n}\n\n.circle-solid {\n  width: 70%;\n  height: 70%;\n  position: absolute;\n  border: 3px solid #fff;\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.crazy-button:hover .circle-solid {\n  animation: cdlogi-circlesolid 0.3s ease forwards;\n}\n\n.circle-dash {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  pointer-events: none;\n}\n\n.circle-dash-inner {\n  border: 3px dotted #fff;\n  border-radius: 50%;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.crazy-button:hover .circle-dash-inner {\n  animation: cdlogi-rotate 5s linear infinite;\n}\n\n.crazy-button:hover .circle-dash {\n  animation: cdlogi-grow 0.4s ease forwards;\n}\n\n.button-plus {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 0.3s ease;\n  pointer-events: none;\n}\n\n.button-plus-svg {\n  width: 42px;\n  height: 42px;\n  pointer-events: none;\n}\n\ninput:checked + .cd-label .button-plus {\n  transform: rotate(45deg);\n}\n\n.crazy-button:hover .button-plus-svg {\n  animation: cdlogi-plus 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;\n}\n\n@keyframes cdlogi-rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes cdlogi-grow {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(0.6);\n  }\n  100% {\n    transform: scale(0.7);\n  }\n}\n\n@keyframes cdlogi-circleblk {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.5);\n  }\n  100% {\n    transform: scale(1.3);\n  }\n}\n\n@keyframes cdlogi-circlesolid {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.4);\n  }\n  100% {\n    transform: scale(1.25);\n  }\n}\n\n@keyframes cdlogi-plus {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.6);\n  }\n  100% {\n    transform: scale(1.5);\n  }\n}\n\n.disclaimer {\n  background: #f4f4f4;\n  padding: 1.5em;\n  width: 100%;\n}\n\n.disclaimer p {\n  margin: 0;\n  opacity: 0.6;\n  font-size: 0.8em;\n  max-width: 100%;\n}\n\n\/*\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nSPECIFICATIONS\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\n\n#specifications h2 {\n  justify-self: start;\n}\n\n.bg-spec {\n  background: #f8f8f8;\n}\n\n.cd-spec-wrapper {\n  margin-top: var(--standard-gutter);\n  display: grid;\n  gap: var(--grid-gap);\n}\n\n.cd-spec-wrapper,\n.cd-spec-table {\n  width: 100%;\n}\n\n.cd-table-container {\n  padding: 0;\n  width: 100%;\n  border: 2px solid #eaeaea;\n  background: #eaeaea;\n  display: grid;\n  gap: 2px;\n  border-radius: var(--standard-curve);\n  overflow: hidden;\n}\n\n.cd-spec-row {\n  padding: 1.1em 1.5em;\n  width: 100%;\n  display: grid;\n  gap: 0.5em;\n  text-align: left;\n  align-items: center;\n  background: #fff;\n}\n\n.cd-spec-row:nth-child(even) {\n  background: #f6f6f6;\n}\n\n.cd-spec-label {\n  color: #191919;\n  font-family: var(--heading-font);\n  font-weight: 600;\n  font-size: 1.1em;\n  line-height: var(--paragraph-line-height);\n  text-transform: capitalize;\n}\n\n.cd-spec-value {\n  width: 100%;\n  color: #191919;\n  font-family: var(--main-font);\n  font-size: 0.9em;\n  line-height: var(--paragraph-line-height);\n  display: grid;\n  gap: 0.75em;\n}\n\n.cd-spec-value ul {\n  margin: 0;\n  padding-inline-start: 1.5em;\n  display: grid;\n  gap: 0.75em;\n}\n\n.cd-spec-value p,\n.cd-spec-value li {\n  font-size: 1em;\n}\n\n.cd-spec-value b {\n  font-family: var(--main-font);\n  font-weight: 600;\n  color: #333333;\n}\n\n.cd-spec-value.notes {\n  font-size: 0.75em;\n  color: rgba(0, 0, 0, 0.7);\n  line-height: 1.75;\n  margin-top: 12px;\n}\n\n@container (min-width: 891px) {\n  .cd-spec-wrapper {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n\/*\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nSLIDES\n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\n\n.bg-dark {\n  background: #333333;\n}\n\n.bg-grey {\n  background: #f6f6f6;\n}\n\n\/*\/ \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\nLOGITECH G \n\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*\/\n\n@container (min-width: 891px) {\n  .main-feature.overlay-feature .content-wrapper.boxed {\n    background: rgba(0, 0, 0, 0.8);\n    padding: 2em;\n    border-radius: var(--standard-curve);\n  }\n}\n\u003c\/style\u003e\n\u003cstyle data-href=\"https:\/\/dist.contentdriver.com.au\/AnotherPoppins.css\" data-rel=\"stylesheet\" data-data-tag=\"link\"\u003e\/* devanagari *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;\n}\n\/* latin-ext *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\/* latin *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\/* devanagari *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');\n  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;\n}\n\/* latin-ext *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');\n  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\/* latin *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\/* devanagari *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;\n}\n\/* latin-ext *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\/* latin *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\/* devanagari *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;\n}\n\/* latin-ext *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\/* latin *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\n\/* devanagari *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;\n}\n\/* latin-ext *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');\n  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;\n}\n\/* latin *\/\n@font-face {\n  font-family: \"AnotherPoppins:38185755-7ddc-41be-85f0-34c03474128c\";\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https:\/\/fonts.gstatic.com\/s\/poppins\/v20\/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');\n  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\n}\u003c\/style\u003e\n\u003cdiv is=\"\"\u003e\n\u003cdiv is=\"\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"container-type: inline-size;\" is=\"\"\u003e\n\u003cdiv id=\"features\" class=\"bg-black\"\u003e\n\u003csection class=\"main-feature overlay-feature bg-hero video-bg bg-black white\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo poster=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/hero-poster.webp\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" disableremoteplayback=\"\"\u003e\n            \u003csource src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/hero-vid.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"main-wrapper with-gutter\"\u003e\n\u003cdiv class=\"content-wrapper boxed\"\u003e\n\u003csvg width=\"100%\" viewbox=\"0 0 170 15\"\u003e\n              \u003ctext x=\"-0.5\" y=\"13\" fill=\"#fff\" class=\"product-title\"\u003ePRO X3 SUPERSTRIKE\u003c\/text\u003e\n            \u003c\/svg\u003e\n\u003cdiv class=\"product-subtitle\"\u003eLIGHTSPEED Wireless Gaming Mouse\u003c\/div\u003e\n\u003cp\u003ePRO X3 SUPERSTRIKE enhances the Haptic Inductive Trigger System (HITS) with optimised internals and a new flagship chipset. The fastest, fully customisable click—made even better.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"main-feature pad-both white\"\u003e\n\u003cdiv class=\"main-wrapper stacked with-gutter\"\u003e\n\u003cdiv class=\"content-wrapper centered\"\u003e\n\u003ch2 class=\"larger\"\u003eTHE WINNING CLICK\u003c\/h2\u003e\n\u003cp\u003ePRO X3 SUPERSTRIKE is an evolution of your favourite weapon. Built on the innovative Haptic Inductive Trigger System (HITS), it’s the first PRO Series mouse to feature the new flagship NxLOGI chipset. X3 is lighter \u0026amp; more balanced, has longer battery life, and improved wireless performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"videoWrapper curved mt\"\u003e\u003ciframe width=\"1480\" height=\"833\" src=\"https:\/\/www.youtube.com\/embed\/8uL4QV5ZkKg?si=rPd30Dq1n4tsOrZd\" title=\"YouTube video player\" loading=\"lazy\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"main-feature overlay-feature video-bg bg-black white wide-right\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo poster=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/superstrike-poster.webp\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" disableremoteplayback=\"\"\u003e\n            \u003csource src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/superstrike-video.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"main-wrapper with-gutter\"\u003e\n\u003cdiv class=\"content-wrapper boxed\"\u003e\n\u003ch2\u003eTHE FASTEST, FULLY CUSTOMISABLE CLICK+\u003c\/h2\u003e\n\u003cp\u003eOptimised internals unlock the next phase of Haptic Inductive Trigger System (HITS) Technology’s performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"main-feature overlay-feature video-bg bg-black white wide-left\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo poster=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/chipset-poster.webp\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" disableremoteplayback=\"\"\u003e\n            \u003csource src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/chipset-video.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"main-wrapper justify-right with-gutter\"\u003e\n\u003cdiv class=\"content-wrapper boxed\"\u003e\n\u003ch2 class=\"normal-case\"\u003eMEET THE NEW NxLOGI CHIPSET\u003c\/h2\u003e\n\u003cp\u003eOptimises the world record-setting winning click to be leaner, faster, and last longer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"main-feature pad-both bg-black white\"\u003e\n\u003cdiv class=\"main-wrapper stacked with-gutter\"\u003e\n\u003cdiv class=\"cd-grid grid-2 vertical-space\"\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/feature-1.webp\" alt=\"HAPTIC INDUCTIVE TRIGGER SYSTEM (HITS)\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title\"\u003eHAPTIC INDUCTIVE TRIGGER SYSTEM (HITS)\u003c\/div\u003e\n\u003cp\u003eA revolution in record-breaking click speed. SUPERSTRIKE mice replace traditional microswitches with HITS Technology, reducing click latency by up to 30 ms via custom actuation \u0026amp; reset points.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/feature-2.webp\" alt=\"135+HOURS BATTERY LIFE\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title\"\u003e135+ HOURS BATTERY LIFE\u003c\/div\u003e\n\u003cp\u003eThe NxLOGI chipset reduces power consumption by 50% compared to PRO X2 SUPERSTRIKE, adding 45 hours of non-stop gaming per charge. Recharge via USB-C or POWERPLAY (sold separately).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/grid-1.webp\" alt=\"ADVANCED GAMING SENSOR\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title\"\u003eADVANCED GAMING SENSOR\u003c\/div\u003e\n\u003cp\u003ePRO X3 SUPERSTRIKE is the first mouse with the new, upgraded HERO 2 sensor. Mouse movements up to 930 IPS max speed, 90 Gs of max acceleration, and up to 48,000 DPI are tracked with sub-micron precision.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/grid-2.webp\" alt=\"TUNABLE ACTUATION \u0026amp; RESET POINTS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title\"\u003eTUNABLE ACTUATION \u0026amp; RESET POINTS\u003c\/div\u003e\n\u003cp\u003eAdjust travel distances for click actuation and reset—for both main keys. Choose from 10 actuation points and 5 rapid-trigger reset points. Just like the keyboards all the pros love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"main-feature overlay-feature video-bg bg-black white wide-right\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo poster=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/colour-poster.webp\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" disableremoteplayback=\"\"\u003e\n            \u003csource src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/colour-video.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"main-wrapper with-gutter\"\u003e\n\u003cdiv class=\"content-wrapper boxed\"\u003e\n\u003ch2\u003eMATCH YOUR LOADOUT\u003c\/h2\u003e\n\u003cp\u003eExclusive colourways to PRO X3 SUPERSTRIKE: Midnight Black \u0026amp; Magenta Eclipse to match your other PRO Series gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"main-feature overlay-feature video-bg bg-black white wide-left\"\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003cvideo poster=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/hits-poster.webp\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" playsinline=\"\" disableremoteplayback=\"\"\u003e\n            \u003csource src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/hits-video.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"main-wrapper with-gutter justify-right\"\u003e\n\u003cdiv class=\"content-wrapper boxed\"\u003e\n\u003ch2\u003ePOWERED BY HITS TECHNOLOGY\u003c\/h2\u003e\n\u003cp\u003eDial in individual actuation and rapid trigger reset points for both main keys to unlock a whole new level of click performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"main-feature pad-both bg-black white\"\u003e\n\u003cdiv class=\"main-wrapper stacked with-gutter\"\u003e\n\u003cdiv class=\"cd-grid grid-2 vertical-space\"\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/feature-3.webp\" alt=\"59g MOUSE WEIGHT\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title normal-case\"\u003e59g MOUSE WEIGHT\u003c\/div\u003e\n\u003cp\u003eLighter, balanced control. Optimised internals reduced PRO X3 SUPERSTRIKE’s weight and redistributed it around the centre for improved handling \u0026amp; feel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/feature-4.webp\" alt=\"BUILT FOR COMPETITION\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title\"\u003eBUILT FOR COMPETITION\u003c\/div\u003e\n\u003cp\u003eConnection preferences have no impact on speed. All output signals from PRO X3 SUPERSTRIKE—whether wired USB-C or LIGHTSPEED Wireless—report at a max 8kHz (0.125ms) polling rate. All sensor and button data included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/feature-5.webp\" alt=\"POWERED BY G HUB\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title\"\u003ePOWERED BY G HUB\u003c\/div\u003e\n\u003cp\u003eFine-tune your click settings, sensor calibration, and more in G HUB. Save profiles to onboard memory and perform your best on any stage. Create community profiles for all your gear, or import your favourite pro’s settings and tailor them to your playstyle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"grid-item full-width\"\u003e\n\u003cdiv class=\"media-wrapper curved\"\u003e\u003cimg src=\"https:\/\/dist.contentdriver.com.au\/logitech\/PRO-X3-SUPERSTRIKE-MAGENTA-910-007871\/images\/feature-6.webp\" alt=\"DESIGNED WITH PROS\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003cdiv class=\"grid-title\"\u003eDESIGNED WITH PROS\u003c\/div\u003e\n\u003cp\u003eAll PRO Series gear is developed in global collaboration with the world’s greatest esports athletes. PRO X3 SUPERSTRIKE was refined to meet the exacting needs of high-performance equipment on gaming’s greatest stages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection id=\"specifications\" class=\"main-feature bg-white pad-both\"\u003e\n\u003cdiv class=\"main-wrapper stacked align-center with-gutter\"\u003e\n\u003ch2\u003eSpecs and Compatibility\u003c\/h2\u003e\n\u003cdiv class=\"cd-spec-wrapper\"\u003e\n\u003cdiv class=\"cd-spec-table\"\u003e\n\u003cdiv class=\"cd-table-container\"\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e\n\u003cp\u003eHeight: 125 mm\u003c\/p\u003e\n\u003cp\u003eWidth: 63.5 mm\u003c\/p\u003e\n\u003cp\u003eDepth: 40 mm\u003c\/p\u003e\n\u003cp\u003eWeight: 59 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eGeneral Specifications\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e\n\u003cp\u003eNumber of Buttons: 5\u003c\/p\u003e\n\u003cp\u003eOnboard memory*\u003c\/p\u003e\n\u003cdiv class=\"note\"\u003e* Advanced features require Logitech G HUB Software available for download at logitechg.com\/ghub\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eTracking\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e\n\u003cp\u003eSensor: HERO 2\u003c\/p\u003e\n\u003cp\u003eResolution - Tracking: 100 - 44,000 DPI\u003c\/p\u003e\n\u003cp\u003eMax. acceleration: \u0026gt; 88 G*\u003c\/p\u003e\n\u003cp\u003eMax. speed: \u0026gt; 888 IPS*\u003c\/p\u003e\n\u003cp\u003eTracking technology: Optical\u003c\/p\u003e\n\u003cdiv class=\"note\"\u003e* Tested on Logitech G640 Gaming Mouse Pad\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eResponsiveness\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e\n\u003cp\u003eZero smoothing \/ acceleration \/ filtering: Yes\u003c\/p\u003e\n\u003cp\u003eMax wired report rate: 8000 Hz (0.125ms)*\u003c\/p\u003e\n\u003cp\u003eMax LIGHTSPEED report rate: 8000 Hz (0.125 ms)*\u003c\/p\u003e\n\u003cdiv class=\"note\"\u003e* Advanced features require Logitech G HUB Software available for download at logitechg.com\/ghub\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eBattery\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e\n\u003cp\u003eConstant motion: 135 h*\u003c\/p\u003e\n\u003cdiv class=\"note\"\u003e* Battery life varies with use conditions\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-table\"\u003e\n\u003cdiv class=\"cd-table-container\"\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eSystem Requirements\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e\n\u003cp\u003eRequirements: (Optional) Internet access for Logitech G HUB software*\u003c\/p\u003e\n\u003cp\u003eCompatibility: Windows or macOS with an available USB 2.0 (or higher) port\u003c\/p\u003e\n\u003cdiv class=\"note\"\u003e* Advanced features require Logitech G HUB Software available for download at logitechg.com\/ghub\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eIn the Box\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e\n\u003cp\u003ePRO X3 SUPERSTRIKE Wireless Gaming Mouse\u003c\/p\u003e\n\u003cp\u003eLIGHTSPEED wireless receiver\u003c\/p\u003e\n\u003cp\u003eUSB A to C Charging\/data cable\u003c\/p\u003e\n\u003cp\u003eReceiver extension adapter\u003c\/p\u003e\n\u003cp\u003ePOWERPLAY aperture door\u003c\/p\u003e\n\u003cp\u003eOptional grip tape\u003c\/p\u003e\n\u003cp\u003eCleaning cloth\u003c\/p\u003e\n\u003cp\u003eUser documentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003eWarranty Information\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003e1-Year Limited Hardware Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cdiv class=\"cd-spec-label\"\u003ePart Number\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-value\"\u003eMagenta Eclipse: 910-007871\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle data-name=\"dialog\"\u003e\n\n\n\n   dialog::backdrop {\n    background-color: hsla(0, 0%, 0%, 0.9);\n  }\n\n   dialog {\n    width: 100%;\n    height: 100%;\n    background-color: transparent;\n    border: none;\n    overflow: hidden;\n    justify-content: center;\n    align-items: center;\n  }\n\n   dialog[open] {\n    display: flex;\n  }\n\n  \u003c\/style\u003e","brand":"EZYPC Australia","offers":[{"title":"Default Title","offer_id":47985008279729,"sku":null,"price":299.0,"currency_code":"AUD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0582\/1671\/0321\/files\/Screenshot2026-09-28143535.png?v=1790571954","url":"https:\/\/ezypctech.com.au\/products\/logitech-g-pro-x3-superstrike-gaming-mouse-midnight-black","provider":"EZYPC","version":"1.0","type":"link"}