/* 5G Devices only: match the homepage device navigation without creating controls. */
body[data-page="devices"] .device-catalog .device-grid-arrow,
body[data-page="devices"] .device-catalog .phone-swipe-arrow {
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #ff6a00 !important;
  border-radius: 50% !important;
  color: #ff6a00 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font: 400 24px/1 "Roboto", Arial, Helvetica, sans-serif !important;
  transform: none !important;
  transition: color .2s ease, background-color .2s ease, opacity .2s ease !important;
}

body[data-page="devices"] .device-catalog .device-grid-arrow:hover:not(:disabled),
body[data-page="devices"] .device-catalog .device-grid-arrow:active:not(:disabled),
body[data-page="devices"] .device-catalog .phone-swipe-arrow:hover:not(:disabled),
body[data-page="devices"] .device-catalog .phone-swipe-arrow:active:not(:disabled),
body[data-page="devices"] .device-catalog .phone-swipe-arrow:focus-visible:not(:disabled) {
  border-color: #ff6a00 !important;
  color: #fff !important;
  background: #ff6a00 !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-page="devices"] .device-catalog .device-grid-arrow:disabled,
body[data-page="devices"] .device-catalog .phone-swipe-arrow:disabled {
  border-color: #ff6a00 !important;
  color: #ff6a00 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: default !important;
  opacity: .3 !important;
  transform: none !important;
}

body[data-page="devices"] .device-catalog .phone-swipe-arrow > span {
  position: static !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  color: inherit !important;
  font: inherit !important;
  transform: none !important;
}

body[data-page="devices"] .device-catalog .phone-swipe-prev > span::before { content: "\2190"; }
body[data-page="devices"] .device-catalog .phone-swipe-next > span::before { content: "\2192"; }

@media (max-width: 680px) {
  body[data-page="devices"] .device-catalog .phone-swipe-controls {
    grid-template-columns: 46px 64px 46px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 188px !important;
    margin: 14px auto 4px !important;
  }
}