.n30n-hw-deals {
  --hw-bg-deep: #050816;
  --hw-bg-panel: #080b1f;
  --hw-card-top: #0b1026;
  --hw-card-bottom: #070a1c;
  --hw-cyan: #00e5ff;
  --hw-blue: #2677ff;
  --hw-magenta: #ff2bd6;
  --hw-text: #f4f7ff;
  --hw-muted: #aab3d6;
  --hw-soft: #dbe6ff;
  --hw-line-cyan: rgba(0, 229, 255, .48);
  --hw-line-magenta: rgba(255, 43, 214, .42);
  --hw-line-soft: rgba(255, 255, 255, .14);
  --hw-shadow-card: 0 18px 52px rgba(0, 0, 0, .46), 0 0 24px rgba(0, 229, 255, .16), 0 0 14px rgba(255, 43, 214, .08);
  --hw-shadow-hover: 0 24px 72px rgba(0, 0, 0, .58), 0 0 34px rgba(255, 43, 214, .38), 0 0 30px rgba(0, 229, 255, .30);
  --hw-card-height: 730px;
  --hw-control-height: 52px;
  position: relative;
  width: min(1680px, calc(100vw - 96px));
  max-width: min(1680px, calc(100vw - 96px));
  margin-left: 50%;
  margin-right: 0;
  transform: translateX(-50%);
  color: var(--hw-text);
  font-family: inherit;
}

.n30n-hw-deals *,
.n30n-hw-deals *::before,
.n30n-hw-deals *::after {
  box-sizing: border-box;
}

body.n30n-hw-page .n30n-section-hero,
body:has(.n30n-hw-deals) .n30n-section-hero {
  box-sizing: border-box;
  width: calc(min(1680px, calc(100vw - 96px)) - 32px);
  max-width: calc(min(1680px, calc(100vw - 96px)) - 32px);
  margin-left: 50%;
  margin-right: 0;
  transform: translateX(-50%);
}

body.n30n-hw-page .n30n-section-hero .n30n-page-title,
body:has(.n30n-hw-deals) .n30n-section-hero .n30n-page-title {
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
}

.n30n-hw-toolbar {
  display: grid;
  gap: 0;
  margin-bottom: 14px;
  padding: 0 16px;
}

.n30n-hw-device-tabs {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}

.n30n-hw-filterbar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
}

.n30n-hw-type-filters {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid rgba(255, 43, 214, .34);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(8, 12, 32, .76), rgba(5, 8, 22, .72));
  box-shadow: 0 0 22px rgba(255, 43, 214, .10), 0 0 16px rgba(0, 229, 255, .08), inset 0 0 0 1px rgba(0, 229, 255, .10);
}

.n30n-hw-type-filters[hidden] {
  display: none !important;
}

.n30n-hw-resultsbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin: 0 0 14px !important;
  padding: 9px 12px !important;
  border: 2px solid rgba(38, 119, 255, .72) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(8, 12, 32, .74), rgba(5, 8, 22, .72)) !important;
  box-shadow: 0 0 18px rgba(0, 229, 255, .10), 0 0 14px rgba(255, 43, 214, .08), inset 0 0 0 1px rgba(255, 43, 214, .10) !important;
}

.n30n-hw-resultsbar-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.n30n-hw-search,
.n30n-hw-saved-filter,
.n30n-hw-sort {
  min-height: var(--hw-control-height) !important;
  border: 1px solid rgba(38, 119, 255, .72) !important;
  border-radius: 8px !important;
  background-color: rgba(3, 7, 20, .82) !important;
  color: var(--hw-soft) !important;
  padding: 0 16px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  outline: none !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, .08) !important;
  text-shadow: none !important;
}

.n30n-hw-search {
  display: block !important;
  flex: 1 1 360px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: var(--hw-control-height) !important;
  height: var(--hw-control-height) !important;
  margin: 0 !important;
  padding: 0 16px !important;
  line-height: var(--hw-control-height) !important;
}

.n30n-hw-search::placeholder {
  color: rgba(170, 179, 214, .72);
}

.n30n-hw-saved-filter {
  flex: 0 0 var(--hw-control-height) !important;
  width: var(--hw-control-height) !important;
  max-width: var(--hw-control-height) !important;
  height: var(--hw-control-height) !important;
  min-width: var(--hw-control-height) !important;
  min-height: var(--hw-control-height) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: rgba(255, 43, 214, .58) !important;
  border-radius: 8px !important;
  background: rgba(255, 43, 214, .08) !important;
  color: #ffddf8 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, .42) !important;
  box-shadow: 0 0 16px rgba(255, 43, 214, .16), 0 0 12px rgba(0, 229, 255, .10) !important;
}

.n30n-hw-saved-filter:hover,
.n30n-hw-saved-filter:focus,
.n30n-hw-saved-filter.is-active,
.n30n-hw-saved-filter[aria-pressed="true"] {
  border-color: rgba(255, 43, 214, .90) !important;
  background: rgba(20, 3, 24, .94) !important;
  color: #fff !important;
  box-shadow: 0 0 22px rgba(255, 43, 214, .38), 0 0 16px rgba(0, 229, 255, .16) !important;
}

.n30n-hw-sort {
  flex: 0 0 260px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  height: var(--hw-control-height) !important;
  min-height: var(--hw-control-height) !important;
  margin: 0 !important;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--hw-soft) 50%), linear-gradient(135deg, var(--hw-soft) 50%, transparent 50%);
  background-position: calc(100% - 18px) 22px, calc(100% - 12px) 22px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding: 0 42px 0 16px !important;
  line-height: var(--hw-control-height) !important;
}

.n30n-hw-sort-wrap {
  flex: 0 0 auto !important;
  height: var(--hw-control-height) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.n30n-hw-sort-label {
  height: var(--hw-control-height);
  display: inline-flex;
  align-items: center;
  color: var(--hw-muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.n30n-hw-search:focus,
.n30n-hw-saved-filter:focus,
.n30n-hw-sort:focus {
  border-color: rgba(0, 229, 255, .80);
  box-shadow: 0 0 0 3px rgba(0, 229, 255, .12), 0 0 20px rgba(255, 43, 214, .16);
}

.n30n-hw-tab,
.n30n-hw-filter,
.n30n-hw-offer,
.n30n-hw-filter-open {
  min-width: 0 !important;
  border: 1px solid rgba(38, 119, 255, .72) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(8, 12, 32, .92), rgba(4, 8, 22, .92)) !important;
  color: var(--hw-soft) !important;
  font-family: inherit !important;
  text-decoration: none !important;
}

.n30n-hw-tab,
.n30n-hw-filter,
.n30n-hw-filter-open {
  min-height: 42px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, .08), inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.n30n-hw-tab {
  border-width: 1px;
}

.n30n-hw-filter-open {
  min-width: 144px !important;
  min-height: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-color: rgba(255, 43, 214, .54) !important;
  background: rgba(255, 43, 214, .08) !important;
  color: var(--hw-soft) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 0 14px rgba(255, 43, 214, .12) !important;
}

.n30n-hw-type-filters .n30n-hw-filter {
  min-height: 48px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}

.n30n-hw-tab:hover,
.n30n-hw-tab.is-active,
.n30n-hw-filter:hover,
.n30n-hw-filter.is-active,
.n30n-hw-filter-open:hover,
.n30n-hw-filter-open.is-active,
.n30n-hw-filter-open[aria-expanded="true"],
.n30n-hw-offer:hover,
.n30n-hw-offer:focus {
  transform: translateY(-1px) !important;
  border-color: rgba(255, 43, 214, .82) !important;
  background: linear-gradient(135deg, rgba(255, 43, 214, .22), rgba(0, 229, 255, .14)) !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(255, 43, 214, .18), 0 0 10px rgba(0, 229, 255, .12), inset 0 0 0 1px rgba(255, 43, 214, .12) !important;
}

.n30n-hw-tab.is-active,
.n30n-hw-filter.is-active {
  transform: none !important;
  border-color: rgba(38, 119, 255, .72) !important;
  background: linear-gradient(180deg, rgba(8, 12, 32, .92), rgba(4, 8, 22, .92)) !important;
  color: var(--hw-soft) !important;
  box-shadow: 0 0 14px rgba(0, 229, 255, .08), inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
}

.n30n-hw-count {
  display: flex;
  align-items: center;
  min-height: var(--hw-control-height);
  flex: 0 0 auto;
  min-width: 142px;
  width: max-content;
  max-width: 100%;
  color: var(--hw-text);
  padding: 0;
  font-size: 14px;
  font-weight: 950;
}

.n30n-hw-grid {
  display: grid;
  gap: 16px;
}

.n30n-hw-grid > .n30n-hw-card[hidden] {
  display: none !important;
}

.n30n-hw-panel {
  display: grid;
  gap: 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.n30n-hw-panel-featured {
  border-color: transparent;
  background: transparent;
}

.n30n-hw-panel-head {
  width: calc(100% - 32px);
  min-height: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  margin: 0 16px;
  border: 1px solid rgba(0, 229, 255, .42);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(8, 12, 32, .92), rgba(4, 8, 22, .92));
  color: var(--hw-soft);
  padding: 0 14px;
  font: inherit;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 0 18px rgba(0, 229, 255, .10), inset 0 0 0 1px rgba(255, 43, 214, .08);
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.n30n-hw-panel-head:hover,
.n30n-hw-panel-head:focus {
  border-color: rgba(255, 43, 214, .72);
  background: linear-gradient(135deg, rgba(255, 43, 214, .18), rgba(0, 229, 255, .12));
  color: #fff;
  outline: none;
  box-shadow: 0 0 22px rgba(255, 43, 214, .18), 0 0 18px rgba(0, 229, 255, .14);
}

.n30n-hw-panel-head::after {
  content: "v";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(0, 229, 255, .52);
  color: var(--hw-soft);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.n30n-hw-panel.is-collapsed .n30n-hw-panel-head::after {
  content: ">";
}

.n30n-hw-panel-head span {
  color: var(--hw-cyan);
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
}

.n30n-hw-panel-head em {
  min-width: 0;
  min-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(219, 230, 255, .76);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.n30n-hw-panel-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  grid-auto-rows: auto;
  padding: 0 16px;
}

.n30n-hw-panel.is-collapsed .n30n-hw-panel-grid {
  display: none !important;
}

.n30n-hw-panel-more {
  justify-self: center;
  min-width: 132px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 43, 214, .54);
  border-radius: 8px;
  background: rgba(255, 43, 214, .08);
  color: #ffddf8;
  padding: 0 10px;
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(255, 43, 214, .14);
}

.n30n-hw-panel-more:hover,
.n30n-hw-panel-more:focus {
  border-color: rgba(255, 43, 214, .90);
  background: linear-gradient(135deg, rgba(255, 43, 214, .22), rgba(0, 229, 255, .12));
  color: #fff;
  box-shadow: 0 0 24px rgba(255, 43, 214, .26), 0 0 18px rgba(0, 229, 255, .14);
}

.n30n-hw-panel.is-collapsed .n30n-hw-panel-more {
  display: none !important;
}

.n30n-hw-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  align-content: start;
  min-height: 0;
  min-height: var(--hw-card-height);
  height: auto;
  max-height: none;
  overflow: hidden;
  border: 2px solid rgba(0, 229, 255, .54);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(11, 16, 38, .99), rgba(7, 10, 28, .99));
  box-shadow: var(--hw-shadow-card), 0 0 18px rgba(0, 229, 255, .18), inset 0 0 0 1px rgba(255, 43, 214, .12);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.n30n-hw-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 43, 214, .90);
  box-shadow: var(--hw-shadow-hover), inset 0 0 0 1px rgba(0, 229, 255, .20);
}

.n30n-hw-card[hidden] {
  display: none;
}

.n30n-hw-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 176px;
  height: auto;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  background:
    radial-gradient(circle at 26% 18%, rgba(255, 43, 214, .18), transparent 28%),
    radial-gradient(circle at 72% 70%, rgba(0, 229, 255, .16), transparent 32%),
    linear-gradient(135deg, rgba(7, 14, 38, .96), rgba(3, 6, 18, .98));
}

.n30n-hw-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.n30n-hw-card[data-type="headset"] .n30n-hw-card__media img {
  object-position: center 42%;
}

.n30n-hw-badge {
  position: absolute;
  left: 9px;
  top: 9px;
  z-index: 2;
  min-width: 78px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 19px;
  border: 1px solid rgba(255, 255, 255, .42);
  background: linear-gradient(135deg, #3918d7 0%, var(--hw-magenta) 58%, #ff77e8 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 950;
  line-height: 1;
  clip-path: polygon(12px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 12px 100%, 0 50%);
  box-shadow: 0 0 22px rgba(255, 43, 214, .50), 0 0 14px rgba(0, 229, 255, .20);
}

.n30n-hw-card__body {
  display: grid;
  grid-template-rows: 20px 4.76em 42px 3em minmax(8px, 1fr) 54px 142px;
  align-content: stretch;
  min-height: 0;
  gap: 7px;
  padding: 12px 12px 14px;
}

.n30n-hw-card__kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 20px;
  max-height: 20px;
  color: var(--hw-muted);
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.n30n-hw-card__kicker span,
.n30n-hw-card__kicker em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.n30n-hw-card__kicker em {
  flex: 0 0 auto;
  border: 1px solid rgba(255, 43, 214, .40);
  border-radius: 999px;
  color: #ffddf8;
  background: rgba(255, 43, 214, .08);
  padding: 4px 7px;
  font-style: normal;
}

.n30n-hw-card__body h3 {
  min-height: 4.76em;
  max-height: 4.76em;
  margin: 0;
  color: var(--hw-cyan);
  font-size: 19px;
  font-weight: 950;
  line-height: 1.19;
  letter-spacing: 0;
  overflow: hidden;
  text-shadow: 0 0 12px rgba(0, 229, 255, .24);
}

.n30n-hw-card__body p {
  min-height: 3em;
  max-height: 3em;
  margin: 0;
  color: #d8e4f0;
  font-size: 12.5px;
  line-height: 1.45;
  overflow: hidden;
}

.n30n-hw-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 42px;
  max-height: 42px;
  overflow: hidden;
}

.n30n-hw-chips em {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  border: 1px solid rgba(0, 229, 255, .32);
  border-radius: 999px;
  background: rgba(0, 229, 255, .06);
  color: #c7fff2;
  padding: 2px 7px;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
}

.n30n-hw-price {
  grid-row: 6;
  min-height: 54px;
  max-height: 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
  padding: 8px 10px;
  text-align: right;
}

.n30n-hw-price strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 950;
  line-height: 1.1;
}

.n30n-hw-price span {
  display: block;
  color: var(--hw-muted);
  font-size: 12px;
  text-decoration: line-through;
}

.n30n-hw-offers {
  grid-row: 7;
  display: grid;
  align-content: start;
  gap: 5px;
  min-height: 142px;
  max-height: 142px;
  overflow: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 229, 255, .55) transparent;
}

.n30n-hw-offer {
  min-height: 34px;
  max-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 9px;
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 14px rgba(0, 229, 255, .08);
}

.n30n-hw-offer span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.n30n-hw-offer em {
  flex: 0 0 auto;
  color: #fff;
  font-style: normal;
}

.n30n-hw-offer-placeholder {
  visibility: hidden;
  pointer-events: none;
}

.n30n-hw-code {
  display: flex;
  align-items: center;
  min-height: 42px;
  max-height: 46px;
  border: 1px solid rgba(255, 43, 214, .48);
  border-radius: 8px;
  background: rgba(255, 43, 214, .08);
  color: #ffddf8;
  padding: 6px 10px;
  font-size: 11.5px;
  font-weight: 950;
  line-height: 1.22;
  overflow-wrap: anywhere;
  overflow: hidden;
  box-shadow: 0 0 18px rgba(255, 43, 214, .14);
}

.n30n-hw-card-actions {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 4;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  max-height: 36px;
}

.n30n-hw-action {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  flex: 0 0 34px !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 34px !important;
  height: 34px !important;
  max-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 50% !important;
  margin: 0 !important;
  background: rgba(3, 10, 28, .78) !important;
  color: #fff !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  font: inherit !important;
  font-size: 0 !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, .4) !important;
  overflow: hidden !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .42), 0 0 14px rgba(0, 0, 0, .44), 0 0 10px rgba(255, 43, 214, .10) !important;
  backdrop-filter: blur(4px) !important;
}

.n30n-hw-action span {
  display: block !important;
  color: inherit !important;
}

.n30n-hw-action svg {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.n30n-hw-action-symbol {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 23px !important;
  height: 23px !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 23px !important;
  text-align: center !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, .45) !important;
  transform: translateY(1px) !important;
}

.n30n-hw-icon {
  width: 16px !important;
  height: 16px !important;
  background-color: currentColor !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  -webkit-mask-size: contain !important;
}

.n30n-hw-icon-heart {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.n30n-hw-icon-share {
  width: 16px !important;
  height: 16px !important;
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11A2.99 2.99 0 1 0 15 5c0 .24.04.47.09.7L8.04 9.81A2.99 2.99 0 1 0 8.04 14.2l7.12 4.18c-.05.21-.08.43-.08.65a2.92 2.92 0 1 0 2.92-2.95z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11A2.99 2.99 0 1 0 15 5c0 .24.04.47.09.7L8.04 9.81A2.99 2.99 0 1 0 8.04 14.2l7.12 4.18c-.05.21-.08.43-.08.65a2.92 2.92 0 1 0 2.92-2.95z'/%3E%3C/svg%3E");
}

.n30n-hw-action:hover,
.n30n-hw-action:focus,
.n30n-hw-action.is-active,
.n30n-hw-action[aria-pressed="true"] {
  border-color: rgba(255, 43, 214, .96) !important;
  background: rgba(20, 3, 24, .96) !important;
  color: #fff !important;
  box-shadow: 0 0 22px rgba(255, 43, 214, .44), 0 0 16px rgba(0, 229, 255, .18) !important;
}

.n30n-hw-save.is-active span,
.n30n-hw-save[aria-pressed="true"] span {
  color: #fff;
}

.n30n-hw-action.is-copied {
  border-color: rgba(0, 229, 255, .82);
}

.n30n-hw-share {
  order: -1;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  flex-basis: 36px !important;
  min-height: 36px !important;
  height: 36px !important;
  max-height: 36px !important;
  border-color: rgba(0, 229, 255, .76) !important;
  background: rgba(5, 30, 52, .82) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .38), 0 0 14px rgba(0, 229, 255, .28) !important;
}

.n30n-hw-share span {
  color: #fff;
}

.n30n-hw-detail-toolbar .n30n-hw-action,
.n30n-hw-detail-toolbar [data-hw-share],
.n30n-hw-detail-toolbar [data-hw-save] {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  flex-basis: 38px !important;
  min-height: 38px !important;
  height: 38px !important;
  max-height: 38px !important;
}

@media (max-width: 1320px) {
  .n30n-hw-panel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .n30n-hw-device-tabs,
  .n30n-hw-type-filters {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .n30n-hw-device-tabs,
  .n30n-hw-type-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .n30n-hw-panel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .n30n-hw-deals {
    --hw-card-height: 760px;
    width: 100%;
    max-width: min(100%, calc(100vw - 18px));
    margin-left: auto;
    margin-right: auto;
    transform: none;
    overflow-x: hidden;
  }

  .n30n-hw-search {
    min-height: 46px;
  }

  .n30n-hw-resultsbar,
  .n30n-hw-resultsbar-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .n30n-hw-resultsbar-actions {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .n30n-hw-type-filters {
    grid-template-columns: 1fr;
  }

  .n30n-hw-filterbar {
    margin-bottom: 10px;
  }

  .n30n-hw-filter-open {
    width: 100%;
  }

  .n30n-hw-saved-filter {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 46px;
    min-height: 46px;
    flex-basis: 46px;
  }

  .n30n-hw-sort-wrap {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: stretch;
  }

  .n30n-hw-sort {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
    flex-basis: auto;
  }

  .n30n-hw-device-tabs,
  .n30n-hw-panel-grid {
    grid-template-columns: 1fr;
  }

  .n30n-hw-card {
    min-height: var(--hw-card-height);
    height: auto;
    max-height: none;
  }

  .n30n-hw-card__media {
    min-height: 176px;
    height: auto;
  }

  .n30n-hw-card__body h3 {
    font-size: 17px;
  }

  .n30n-hw-price {
    text-align: left;
  }
}