#home-services .home-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
  direction: rtl;
}

#home-services .home-category-tile {
  display: block;
  min-width: 0;
  padding: 14px;
  color: #10251a;
  text-decoration: none;
  background: #fff;
  border: 1px solid #dce7df;
  border-radius: 28px;
  box-shadow: 0 15px 45px #17372312;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

#home-services .home-category-tile:focus-visible {
  outline: 4px solid #f0bd57;
  outline-offset: 4px;
}

#home-services .home-category-card {
  position: relative;
  display: block;
  width: min(100%, 500px);
  aspect-ratio: 1;
  margin: auto;
  overflow: hidden;
  isolation: isolate;
  container-type: inline-size;
  border: 7px solid #071927;
  border-radius: 27px;
  background: #03111c;
  box-shadow: inset 0 0 0 2px #f0bd576c;
  transition: transform .3s ease, box-shadow .3s ease;
}

#home-services .home-category-tile:hover .home-category-card,
#home-services .home-category-tile:focus-visible .home-category-card {
  transform: translateY(-5px);
  box-shadow: inset 0 0 0 2px #f0bd57b5, 0 25px 52px #06180d52;
}

#home-services .home-category-scene,
#home-services .home-category-shade {
  position: absolute;
  inset: 0;
}

#home-services .home-category-scene {
  z-index: 1;
  background-image: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  filter: saturate(.95) contrast(1.03);
  transition: transform .4s ease, filter .4s ease;
}

#home-services.home-category-images-ready .home-category-scene {
  background-image: var(--home-category-scene);
}

#home-services .home-category-tile:hover .home-category-scene,
#home-services .home-category-tile:focus-visible .home-category-scene {
  transform: scale(1.015);
}

#home-services .home-category-shade {
  z-index: 2;
  background: rgba(0, 0, 0, .10);
}

#home-services .home-category-pulse {
  position: absolute;
  left: 50%;
  top: 49%;
  z-index: 6;
  display: grid;
  place-items: center;
  width: 38cqw;
  height: 38cqw;
  translate: -50% -50%;
  border: 4px solid #fff;
  border-radius: 50%;
  transition: transform .35s ease;
}

#home-services .home-category-pulse::before,
#home-services .home-category-pulse::after {
  content: "";
  position: absolute;
  width: 48cqw;
  height: 48cqw;
  border-radius: 50%;
  animation: home-category-pulse-wave 2.5s ease-out infinite;
}

#home-services .home-category-pulse::after {
  animation-delay: 1.25s;
}

#home-services .home-category-tile:hover .home-category-pulse,
#home-services .home-category-tile:focus-visible .home-category-pulse {
  transform: scale(1.055);
}

#home-services .home-category-pulse img {
  width: 26cqw;
  height: 26cqw;
  object-fit: contain;
  filter: drop-shadow(0 9px 12px #0009);
  transition: transform .35s ease;
}

#home-services .home-category-mini {
  position: absolute;
  left: 3.8cqw;
  bottom: 3cqw;
  z-index: 9;
  display: grid;
  place-items: center;
  width: 7.4cqw;
  height: 7.4cqw;
  border-radius: 50%;
  cursor: pointer;
  will-change: transform;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

#home-services .home-category-mini::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
}

#home-services .home-category-mini:hover {
  transform: translateY(-4px) scale(1.22) rotate(-6deg);
  filter: brightness(1.12);
}

#home-services .home-category-mini:active {
  transform: translateY(-1px) scale(.92);
}

#home-services .home-category-mini img {
  width: 4cqw;
  height: 4cqw;
  object-fit: contain;
  transition: transform .25s ease;
}

#home-services .home-category-mini:hover img {
  transform: rotate(10deg) scale(1.08);
}

#home-services .home-category-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 13px 8px 3px;
}

#home-services .home-category-label strong {
  font-size: 19px;
}

#home-services .home-category-label span {
  color: #7b746d;
  font-size: 12px;
  font-weight: 700;
}

#home-services .home-category-card--xbox .home-category-scene {
  --home-category-scene: url('/assets/home-categories/xbox/xbox-balanced-final-768.webp');
  filter: saturate(1) contrast(1.03);
}

#home-services .home-category-card--xbox .home-category-pulse {
  background: #0d6117;
  border-color: #e3ffe8;
  box-shadow: 0 0 13px #fff, 0 0 34px #57ff68, 0 0 82px #25ff3fd1, 0 0 0 10px #f0bd5719;
}

#home-services .home-category-card--xbox .home-category-pulse::before,
#home-services .home-category-card--xbox .home-category-pulse::after {
  border: 1px solid #74ff858c;
}

#home-services .home-category-card--xbox .home-category-pulse img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

#home-services .home-category-card--xbox .home-category-mini {
  border: 1px solid #78ff8faa;
  background: #08751b94;
  box-shadow: inset 0 0 10px #9dffaa24, 0 0 10px #32ff5e3d;
}

#home-services .home-category-card--xbox .home-category-mini img {
  width: 86%;
  height: 86%;
  border-radius: 50%;
  clip-path: circle(49%);
  object-fit: contain;
}

#home-services .home-category-card--playstation .home-category-scene {
  --home-category-scene: url('/assets/home-categories/playstation/playstation-aloy-kratos-plus-v2-768.webp');
}

#home-services .home-category-card--playstation .home-category-pulse {
  background: #006fcd;
  border-color: #e6f4ff;
  box-shadow: 0 0 13px #fff, 0 0 34px #2498ff, 0 0 82px #168dffd1, 0 0 0 10px #f0bd5719;
}

#home-services .home-category-card--playstation .home-category-pulse::before,
#home-services .home-category-card--playstation .home-category-pulse::after {
  border: 1px solid #69baff8c;
}

#home-services .home-category-card--playstation .home-category-pulse img,
#home-services .home-category-card--playstation .home-category-mini img {
  filter: invert(1) drop-shadow(0 2px 4px #001a3d99);
}

#home-services .home-category-card--playstation .home-category-mini {
  border: 1px solid #69baff99;
  background: #006fcdc7;
  box-shadow: 0 0 10px #2498ff70;
}

#home-services .home-category-card--pc .home-category-scene {
  --home-category-scene: url('/assets/home-categories/pc/pc-cover-selected-06-v2-768.webp');
  filter: saturate(.98) contrast(1.04);
}

#home-services .home-category-card--pc .home-category-pulse {
  background: linear-gradient(145deg, #c084fc 0%, #7c3aed 48%, #4c1d95 100%);
  border-color: #faf5ff;
  box-shadow: 0 0 13px #fff, 0 0 34px #9333ea, 0 0 82px #7c3aedcf, 0 0 0 10px #f0bd5719;
}

#home-services .home-category-card--pc .home-category-pulse::before,
#home-services .home-category-card--pc .home-category-pulse::after {
  border: 1px solid #c084fcaa;
}

#home-services .home-category-card--pc .home-category-mini {
  border: 1px solid #d8b4feaa;
  background: #6d28d9b0;
  box-shadow: inset 0 0 10px #f3e8ff52, 0 0 10px #9333ea73;
}

#home-services .home-category-card--pc .home-category-pulse img {
  width: 30cqw;
  height: 30cqw;
}

#home-services .home-category-card--pc .home-category-mini img {
  width: 84%;
  height: 84%;
  object-fit: contain;
}

#home-services .home-category-card--playstation .home-category-mini img {
  width: 86%;
  height: 86%;
  object-fit: contain;
}

#home-services .home-category-card--digital .home-category-scene {
  --home-category-scene: url('/assets/home-categories/digital-products/digital-products-option-04-v1-768.webp');
}

#home-services .home-category-card--digital .home-category-pulse {
  background: radial-gradient(circle, #162534 0 65%, #101d2a 70%, #07131dcc 76%, transparent 84%);
  border-color: #fff1cf;
  box-shadow: 0 0 13px #fff, 0 0 34px #ffab22, 0 0 82px #ff8e21d1, 0 0 0 10px #f0bd5719;
}

#home-services .home-category-card--digital .home-category-pulse::before,
#home-services .home-category-card--digital .home-category-pulse::after {
  border: 1px solid #ffd06f9c;
  box-shadow: 0 0 18px #ff9d3440;
}

#home-services .home-category-card--digital .home-category-pulse img {
  width: 31.2cqw;
  height: 31.2cqw;
  border-radius: 50%;
  clip-path: circle(49%);
  filter: none;
}

#home-services .home-category-card--digital .home-category-mini {
  overflow: hidden;
  border: 1px solid #f0bd57cc;
  background: #071927e8;
  box-shadow: inset 0 0 11px #f0bd5752, 0 0 8px #fff2c44f, 0 0 16px #ffad207d;
}

#home-services .home-category-card--digital .home-category-mini img {
  width: 6.2cqw;
  height: 6.2cqw;
}

#home-services .home-category-card--entertainment .home-category-scene {
  --home-category-scene: url('/assets/home-categories/entertainment/entertainment-background-option-08-v2-768.webp');
  filter: saturate(1) contrast(1.02) brightness(.96);
}

#home-services .home-category-tile:hover .home-category-card--entertainment .home-category-scene,
#home-services .home-category-tile:focus-visible .home-category-card--entertainment .home-category-scene {
  filter: saturate(1) contrast(1.03) brightness(1);
}

#home-services .home-category-card--entertainment .home-category-pulse {
  width: 34.2cqw;
  height: 34.2cqw;
  background: radial-gradient(circle at 44% 37%, #e65c67 0 9%, #bd2331 39%, #80121d 68%, #47080e 76%, transparent 84%);
  border-color: #fff3f3;
  box-shadow: 0 0 13px #fff, 0 0 28px #e43a49cc, 0 0 66px #ba10279c, 0 0 0 10px #f0bd5717;
}

#home-services .home-category-card--entertainment .home-category-pulse::before,
#home-services .home-category-card--entertainment .home-category-pulse::after {
  border: 1px solid #e47b8580;
  box-shadow: 0 0 15px #cb253b3d;
}

#home-services .home-category-play-mark {
  position: relative;
  z-index: 2;
  width: 0;
  height: 0;
  margin-left: 2.6cqw;
  border-top: 8.6cqw solid transparent;
  border-bottom: 8.6cqw solid transparent;
  border-left: 13.6cqw solid #fff;
  filter: drop-shadow(0 5px 8px #56000b99);
  transition: transform .35s ease;
}

#home-services .home-category-tile:hover .home-category-play-mark,
#home-services .home-category-tile:focus-visible .home-category-play-mark {
  transform: scale(1.035);
}

#home-services .home-category-card--entertainment .home-category-mini {
  border: 1px solid #ffd9dccf;
  background: radial-gradient(circle at 38% 35%, #ff6975, #d7192d 57%, #65030c);
  box-shadow: inset 0 0 12px #ffffff5c, 0 0 10px #fff7e2c9, 0 0 19px #ff3449db, 0 0 29px #d7192d8f;
}

#home-services .home-category-card--entertainment .home-category-mini::before {
  content: "";
  width: 0;
  height: 0;
  margin-left: .6cqw;
  border-top: 1.4cqw solid transparent;
  border-bottom: 1.4cqw solid transparent;
  border-left: 2.2cqw solid #fff;
  filter: drop-shadow(0 1px 2px #5b0010);
  transition: transform .25s ease;
}

#home-services .home-category-card--entertainment .home-category-mini:hover::before {
  transform: translateX(1px) scale(1.08);
}

#home-services .home-category-card--games .home-category-scene {
  --home-category-scene: url('/assets/home-categories/games/games-multiplatform-bg-03-redesign-v4-768.webp');
  filter: saturate(1.02) contrast(1.04) brightness(.98);
}

#home-services .home-category-card--games .home-category-shade {
  background: radial-gradient(circle at 50% 49%, transparent 0 26%, #2b1c1014 43%, #130c0870 100%), linear-gradient(145deg, #2a1a1010, #7a4a2410 55%, #f0bd5708);
}

#home-services .home-category-tile:hover .home-category-card--games .home-category-scene,
#home-services .home-category-tile:focus-visible .home-category-card--games .home-category-scene {
  filter: saturate(1.03) contrast(1.05) brightness(1);
}

#home-services .home-category-card--games .home-category-pulse {
  background: #201711;
  border-color: #fff1d4;
  box-shadow: 0 0 13px #fff, 0 0 35px #f0c68e, 0 0 88px #a96f42e0, 0 0 0 10px #eadbc724;
}

#home-services .home-category-card--games .home-category-pulse::before,
#home-services .home-category-card--games .home-category-pulse::after {
  border: 1px solid #f1c590bb;
  box-shadow: 0 0 18px #d7a06c66;
}

#home-services .home-category-card--games .home-category-pulse img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

#home-services .home-category-card--games .home-category-mini {
  overflow: hidden;
  border: 1px solid #ffe5bc;
  background: #211710;
  box-shadow: inset 0 0 9px #fff4, 0 0 10px #fff, 0 0 22px #f0bd57, 0 0 30px #9d5f2ca8;
}

#home-services .home-category-card--games .home-category-mini img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

#home-services .home-category-card--phones .home-category-scene {
  --home-category-scene: url('/assets/home-categories/phones/phone-bg-01-768.webp');
  filter: saturate(1.04) contrast(1.02);
}

#home-services .home-category-card--phones .home-category-pulse {
  background: radial-gradient(circle at 38% 32%, #354959 0 8%, #172c3b 42%, #0a1823 72%, #061019 100%);
  border-color: #f8fcff;
  box-shadow: 0 0 13px #fff, 0 0 35px #eef9ff, 0 0 82px #b9d8ede0, 0 0 0 10px #f0bd5719;
}

#home-services .home-category-card--phones .home-category-pulse::before,
#home-services .home-category-card--phones .home-category-pulse::after {
  border: 1px solid #effaffb8;
  box-shadow: 0 0 18px #d5efff6b;
}

#home-services .home-category-card--phones .home-category-mini {
  overflow: hidden;
  border: 1px solid #f7fbff;
  background: radial-gradient(circle at 38% 30%, #314656, #142936 56%, #07131e);
  box-shadow: inset 0 0 9px #fff4, 0 0 10px #fff, 0 0 21px #d9efff, 0 0 30px #91b4cb99;
}

#home-services .home-category-card--accessories .home-category-scene {
  --home-category-scene: url('/assets/home-categories/accessories/accessory-bg-01-768.webp');
  filter: saturate(1.04) contrast(1.02);
}

#home-services .home-category-card--accessories .home-category-pulse {
  background: radial-gradient(circle at 38% 31%, #6c1a49 0 8%, #43102f 43%, #220716 73%, #12030b 100%);
  border-color: #fff1f8;
  box-shadow: 0 0 13px #fff, 0 0 34px #ff83c2, 0 0 82px #ed3b9ed4, 0 0 0 10px #f0bd5719;
}

#home-services .home-category-card--accessories .home-category-pulse::before,
#home-services .home-category-card--accessories .home-category-pulse::after {
  border: 1px solid #ff9dcea8;
  box-shadow: 0 0 18px #ff65b459;
}

#home-services .home-category-card--accessories .home-category-mini {
  overflow: hidden;
  border: 1px solid #ffb8dc;
  background: radial-gradient(circle at 38% 30%, #701b4b, #47102f 55%, #220716);
  box-shadow: inset 0 0 9px #fff3, 0 0 10px #fff2f8, 0 0 22px #ff66b6, 0 0 30px #a31d668f;
}

#home-services .home-category-card--phones .home-category-pulse img,
#home-services .home-category-card--accessories .home-category-pulse img {
  width: 30cqw;
  height: 30cqw;
  object-fit: contain;
}

#home-services .home-category-card--phones .home-category-mini img,
#home-services .home-category-card--accessories .home-category-mini img {
  width: 6.6cqw;
  height: 6.6cqw;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px #0009);
}

#home-services .home-category-card--accessories .home-category-mini img {
  width: 5.76cqw;
  height: 5.76cqw;
}

@keyframes home-category-pulse-wave {
  from { transform: scale(.72); opacity: .8; }
  to { transform: scale(1.38); opacity: 0; }
}

@media (max-width: 900px) {
  #home-services .home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #home-services .home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #home-services .home-category-tile {
    padding: 7px;
    border-radius: 19px;
  }

  #home-services .home-category-card {
    border-width: 4px;
    border-radius: 17px;
  }

  #home-services .home-category-pulse {
    width: 84px;
    height: 84px;
    border-width: 3px;
  }

  #home-services .home-category-card--entertainment .home-category-pulse {
    width: 78px;
    height: 78px;
  }

  #home-services .home-category-pulse img {
    width: 58px;
    height: 58px;
  }

  #home-services .home-category-card--digital .home-category-pulse img {
    width: 72px;
    height: 72px;
  }

  #home-services .home-category-card--pc .home-category-pulse img {
    width: 66px;
    height: 66px;
  }

  #home-services .home-category-card--phones .home-category-pulse img,
  #home-services .home-category-card--accessories .home-category-pulse img {
    width: 68px;
    height: 68px;
  }

  #home-services .home-category-pulse::before,
  #home-services .home-category-pulse::after {
    width: 118px;
    height: 118px;
  }

  #home-services .home-category-play-mark {
    margin-left: 7px;
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 34px;
  }

  #home-services .home-category-mini {
    left: 8px;
    bottom: 8px;
    width: 27px;
    height: 27px;
  }

  #home-services .home-category-mini img {
    width: 16px;
    height: 16px;
  }

  #home-services .home-category-card--digital .home-category-mini img,
  #home-services .home-category-card--phones .home-category-mini img,
  #home-services .home-category-card--accessories .home-category-mini img {
    width: 22px;
    height: 22px;
  }

  #home-services .home-category-card--phones .home-category-mini img,
  #home-services .home-category-card--accessories .home-category-mini img {
    width: 24px;
    height: 24px;
  }

  #home-services .home-category-card--accessories .home-category-mini img {
    width: 20.7px;
    height: 20.7px;
  }

  #home-services .home-category-card--entertainment .home-category-mini::before {
    margin-left: 2px;
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 6px;
  }

  #home-services .home-category-label {
    justify-content: center;
    margin: 9px 3px 2px;
    text-align: center;
  }

  #home-services .home-category-label strong {
    font-size: 14px;
    line-height: 1.35;
  }

  #home-services .home-category-label span {
    display: none;
  }
}

/* Neon armored category nameplates */
#home-services .home-category-tile {
  --category-accent: #f0a43c;
}

#home-services .home-category-tile--xbox {
  --category-accent: #35e56b;
}

#home-services .home-category-tile--playstation {
  --category-accent: #34a8ff;
}

#home-services .home-category-tile--pc {
  --category-accent: #a978ff;
}

#home-services .home-category-tile--digital {
  --category-accent: #ffc04a;
}

#home-services .home-category-tile--entertainment {
  --category-accent: #ff4365;
}

#home-services .home-category-tile--games {
  --category-accent: #dc9b55;
}

#home-services .home-category-tile--phones {
  --category-accent: #a7c8e8;
}

#home-services .home-category-tile--accessories {
  --category-accent: #ff72aa;
}

#home-services .home-category-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 10px 3px 1px;
  padding: 9px 31px;
  overflow: hidden;
  isolation: isolate;
  border: 2px solid color-mix(in srgb, var(--category-accent) 72%, #fff);
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 50%, calc(100% - 11px) 100%, 11px 100%, 0 50%);
  background: linear-gradient(125deg, color-mix(in srgb, var(--category-accent) 68%, #071927) 0%, #10283c 36%, #061521 78%);
  box-shadow: inset 0 0 0 1px #ffffff24, inset 0 10px 22px #ffffff0c;
  filter: drop-shadow(0 8px 9px color-mix(in srgb, var(--category-accent) 25%, transparent));
  text-align: center;
  transition: transform .28s ease, filter .3s ease, border-color .25s ease;
}

#home-services .home-category-label::before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: -1;
  border: 1px solid color-mix(in srgb, var(--category-accent) 35%, transparent);
  clip-path: inherit;
  background: linear-gradient(105deg, #ffffff10, transparent 35%, #ffffff08);
  pointer-events: none;
}

#home-services .home-category-label::after {
  content: "";
  position: absolute;
  inset: -55% auto -55% -24%;
  width: 23%;
  z-index: 0;
  background: linear-gradient(90deg, transparent, #ffffffd9, transparent);
  transform: skewX(-18deg) translateX(-190%);
  transition: transform .62s ease;
}

#home-services .home-category-label strong {
  position: relative;
  z-index: 2;
  color: #fff;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
  letter-spacing: .35px;
  text-shadow: 0 2px 7px #000b, 0 0 10px color-mix(in srgb, var(--category-accent) 28%, transparent);
  transition: color .25s ease, letter-spacing .3s ease, text-shadow .3s ease;
}

#home-services .home-category-label strong::before,
#home-services .home-category-label strong::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  translate: 0 -50%;
  rotate: 45deg;
  border: 1px solid var(--category-accent);
  background: color-mix(in srgb, var(--category-accent) 55%, #071927);
  box-shadow: 0 0 8px var(--category-accent);
}

#home-services .home-category-label strong::before {
  right: calc(100% + 13px);
}

#home-services .home-category-label strong::after {
  left: calc(100% + 13px);
}

#home-services .home-category-tile:hover .home-category-label,
#home-services .home-category-tile:focus-visible .home-category-label {
  transform: translateY(-4px) scale(1.025);
  border-color: var(--category-accent);
  filter: drop-shadow(0 11px 14px color-mix(in srgb, var(--category-accent) 42%, transparent));
}

#home-services .home-category-tile:hover .home-category-label::after,
#home-services .home-category-tile:focus-visible .home-category-label::after {
  transform: skewX(-18deg) translateX(610%);
}

#home-services .home-category-tile:hover .home-category-label strong,
#home-services .home-category-tile:focus-visible .home-category-label strong {
  color: color-mix(in srgb, var(--category-accent) 28%, #fff);
  letter-spacing: .65px;
  text-shadow: 0 2px 8px #000c, 0 0 15px var(--category-accent);
}

@media (max-width: 720px) {
  #home-services .home-category-label {
    min-height: 39px;
    margin: 7px 1px 0;
    padding: 7px 23px;
    border-width: 1.5px;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  }

  #home-services .home-category-label::before {
    inset: 2px;
  }

  #home-services .home-category-label strong {
    font-size: clamp(11px, 3.25vw, 13px);
    letter-spacing: .15px;
  }

  #home-services .home-category-label strong::before,
  #home-services .home-category-label strong::after {
    width: 5px;
    height: 5px;
  }

  #home-services .home-category-label strong::before {
    right: calc(100% + 8px);
  }

  #home-services .home-category-label strong::after {
    left: calc(100% + 8px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #home-services .home-category-tile,
  #home-services .home-category-card,
  #home-services .home-category-scene,
  #home-services .home-category-pulse,
  #home-services .home-category-pulse::before,
  #home-services .home-category-pulse::after,
  #home-services .home-category-pulse img,
  #home-services .home-category-mini,
  #home-services .home-category-play-mark,
  #home-services .home-category-label,
  #home-services .home-category-label::after,
  #home-services .home-category-label strong {
    animation: none !important;
    transition: none !important;
  }
}
/* Digital showroom section background */
#home-services {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(53, 229, 107, .12), transparent 27%),
    radial-gradient(circle at 58% 42%, rgba(52, 168, 255, .13), transparent 32%),
    radial-gradient(circle at 18% 72%, rgba(240, 164, 60, .11), transparent 28%),
    linear-gradient(180deg, #f4f8fc 0%, #edf3f8 48%, #fafcfd 100%);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #d9e3eb;
}

#home-services::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(16, 45, 69, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 45, 69, .045) 1px, transparent 1px);
  background-size: 38px 38px;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .72) 55%, transparent 96%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .72) 55%, transparent 96%);
}

#home-services::after {
  content: "";
  position: absolute;
  top: -35%;
  left: -24%;
  z-index: -1;
  width: 34%;
  height: 175%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .58), rgba(52, 168, 255, .08), transparent);
  filter: blur(18px);
  transform: skewX(-16deg);
  animation: home-services-light-sweep 15s ease-in-out infinite;
}

#home-services > .container {
  position: relative;
  z-index: 1;
}

#home-services .front-heading {
  position: relative;
}

#home-services .front-heading::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -14px;
  left: auto;
  width: 84px;
  height: 3px;
  margin: 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #35e56b, #34a8ff, #f0a43c);
  box-shadow: 0 0 12px rgba(52, 168, 255, .24);
}

@keyframes home-services-light-sweep {
  0%, 15% {
    left: -28%;
    opacity: 0;
  }
  28% {
    opacity: .75;
  }
  72% {
    opacity: .55;
  }
  86%, 100% {
    left: 110%;
    opacity: 0;
  }
}

@media (max-width: 720px) {
  #home-services {
    background:
      radial-gradient(circle at 90% 16%, rgba(53, 229, 107, .09), transparent 30%),
      radial-gradient(circle at 35% 48%, rgba(52, 168, 255, .10), transparent 36%),
      radial-gradient(circle at 14% 82%, rgba(240, 164, 60, .08), transparent 31%),
      linear-gradient(180deg, #f4f8fb 0%, #eef4f8 55%, #fbfcfd 100%);
  }

  #home-services::before {
    background-size: 27px 27px;
    opacity: .72;
  }

  #home-services::after {
    width: 46%;
    opacity: .58;
    animation-duration: 18s;
  }

  #home-services .front-heading::after {
    width: 64px;
    height: 2px;
    inset-block-end: -10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #home-services::after {
    animation: none !important;
    left: 42%;
    opacity: .28;
  }
}

/* Dark digital showroom visibility override */
#home-services {
  background:
    radial-gradient(circle at 88% 18%, rgba(53, 229, 107, .22), transparent 28%),
    radial-gradient(circle at 58% 42%, rgba(52, 168, 255, .24), transparent 34%),
    radial-gradient(circle at 18% 72%, rgba(240, 164, 60, .18), transparent 29%),
    linear-gradient(145deg, #071624 0%, #0b2237 48%, #08131f 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(0, 0, 0, .45);
}

#home-services::before {
  background-image:
    linear-gradient(rgba(128, 192, 235, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128, 192, 235, .09) 1px, transparent 1px);
}

#home-services .front-heading,
#home-services .front-heading h2 {
  color: #fff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .3);
}

#home-services .front-heading p {
  color: rgba(229, 241, 250, .78);
}

@media (max-width: 720px) {
  #home-services {
    background:
      radial-gradient(circle at 90% 16%, rgba(53, 229, 107, .18), transparent 31%),
      radial-gradient(circle at 35% 48%, rgba(52, 168, 255, .20), transparent 38%),
      radial-gradient(circle at 14% 82%, rgba(240, 164, 60, .14), transparent 32%),
      linear-gradient(155deg, #071624 0%, #0b2237 55%, #08131f 100%);
  }
}
/* Interactive showroom finishing touches */
#home-services {
  border-block: 1px solid rgba(91, 193, 255, .22);
  box-shadow:
    inset 0 1px 0 rgba(68, 211, 255, .42),
    inset 0 -1px 0 rgba(240, 164, 60, .34),
    inset 0 34px 70px rgba(52, 168, 255, .035),
    inset 0 -34px 70px rgba(240, 164, 60, .025);
}

#home-services::before {
  background-image:
    radial-gradient(circle, rgba(160, 220, 255, .72) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(255, 190, 94, .55) 0 1px, transparent 1.8px),
    linear-gradient(rgba(128, 192, 235, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128, 192, 235, .09) 1px, transparent 1px);
  background-size: 117px 91px, 163px 137px, 38px 38px, 38px 38px;
  background-position: 12px 8px, 71px 43px, 0 0, 0 0;
  animation: home-services-particles 22s linear infinite;
}

#home-services .home-category-tile {
  position: relative;
  z-index: 0;
  isolation: isolate;
  transition: transform .3s ease, border-color .3s ease, box-shadow .35s ease;
}

#home-services .home-category-tile::before {
  content: "";
  position: absolute;
  inset: 12% 7% -7%;
  z-index: -1;
  pointer-events: none;
  border-radius: 32px;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--category-accent) 58%, transparent), transparent 69%);
  filter: blur(18px);
  opacity: 0;
  transform: scale(.82) translateY(8px);
  transition: opacity .38s ease, transform .42s cubic-bezier(.2,.8,.2,1);
}

#home-services .home-category-tile:hover,
#home-services .home-category-tile:focus-visible {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--category-accent) 45%, #fff);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--category-accent) 25%, transparent),
    0 22px 55px color-mix(in srgb, var(--category-accent) 25%, rgba(0,0,0,.35));
}

#home-services .home-category-tile:hover::before,
#home-services .home-category-tile:focus-visible::before {
  opacity: .92;
  transform: scale(1.08) translateY(0);
}

@keyframes home-services-particles {
  0% { background-position: 12px 8px, 71px 43px, 0 0, 0 0; }
  50% { background-position: 28px -18px, 52px 68px, 0 0, 0 0; }
  100% { background-position: 44px -44px, 33px 93px, 0 0, 0 0; }
}

@media (max-width: 720px) {
  #home-services::before {
    background-size: 91px 73px, 127px 109px, 27px 27px, 27px 27px;
    opacity: .8;
    animation-duration: 26s;
  }

  #home-services .home-category-tile::before {
    inset: 15% 8% -5%;
    filter: blur(12px);
  }

  #home-services .home-category-tile:hover,
  #home-services .home-category-tile:focus-visible {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #home-services::before {
    animation: none !important;
  }
}
/* Merge homepage coupon into showroom background */
#home-services + .store-coupon-offer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: -1px;
  padding: 18px 0 28px;
  border-bottom: 1px solid rgba(240, 164, 60, .28);
  background:
    radial-gradient(circle at 82% 22%, rgba(53, 229, 107, .11), transparent 27%),
    radial-gradient(circle at 18% 76%, rgba(240, 164, 60, .12), transparent 28%),
    linear-gradient(180deg, #08131f 0%, #071624 100%);
  box-shadow: inset 0 -1px 0 rgba(240, 164, 60, .22);
}

#home-services + .store-coupon-offer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(160, 220, 255, .48) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(255, 190, 94, .38) 0 1px, transparent 1.8px),
    linear-gradient(rgba(128, 192, 235, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128, 192, 235, .075) 1px, transparent 1px);
  background-size: 117px 91px, 163px 137px, 38px 38px, 38px 38px;
  background-position: 44px -44px, 33px 93px, 0 0, 0 0;
}

#home-services + .store-coupon-offer > .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 720px) {
  #home-services + .store-coupon-offer {
    padding: 14px 0 22px;
    background:
      radial-gradient(circle at 88% 20%, rgba(53, 229, 107, .10), transparent 30%),
      radial-gradient(circle at 12% 82%, rgba(240, 164, 60, .10), transparent 31%),
      linear-gradient(180deg, #08131f 0%, #071624 100%);
  }

  #home-services + .store-coupon-offer::before {
    background-size: 91px 73px, 127px 109px, 27px 27px, 27px 27px;
  }
}
/* Exact background match for categories and coupon */
#home-services:has(+ .store-coupon-offer) {
  border-bottom-color: transparent;
}

#home-services + .store-coupon-offer {
  border-top: 0;
  background:
    radial-gradient(circle at 88% 18%, rgba(53, 229, 107, .22), transparent 28%),
    radial-gradient(circle at 58% 42%, rgba(52, 168, 255, .24), transparent 34%),
    radial-gradient(circle at 18% 72%, rgba(240, 164, 60, .18), transparent 29%),
    linear-gradient(145deg, #071624 0%, #0b2237 48%, #08131f 100%);
  box-shadow:
    inset 0 -1px 0 rgba(240, 164, 60, .34),
    inset 0 34px 70px rgba(52, 168, 255, .035),
    inset 0 -34px 70px rgba(240, 164, 60, .025);
}

#home-services + .store-coupon-offer::before {
  background-image:
    radial-gradient(circle, rgba(160, 220, 255, .72) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(255, 190, 94, .55) 0 1px, transparent 1.8px),
    linear-gradient(rgba(128, 192, 235, .09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128, 192, 235, .09) 1px, transparent 1px);
  background-size: 117px 91px, 163px 137px, 38px 38px, 38px 38px;
  background-position: 12px 8px, 71px 43px, 0 0, 0 0;
  animation: home-services-particles 22s linear infinite;
}

@media (max-width: 720px) {
  #home-services + .store-coupon-offer {
    background:
      radial-gradient(circle at 90% 16%, rgba(53, 229, 107, .18), transparent 31%),
      radial-gradient(circle at 35% 48%, rgba(52, 168, 255, .20), transparent 38%),
      radial-gradient(circle at 14% 82%, rgba(240, 164, 60, .14), transparent 32%),
      linear-gradient(155deg, #071624 0%, #0b2237 55%, #08131f 100%);
  }

  #home-services + .store-coupon-offer::before {
    background-size: 91px 73px, 127px 109px, 27px 27px, 27px 27px;
    opacity: .8;
    animation-duration: 26s;
  }
}

@media (prefers-reduced-motion: reduce) {
  #home-services + .store-coupon-offer::before {
    animation: none !important;
  }
}
/* Shared showroom background canvas */
#home-services,
#home-services + .store-coupon-offer {
  background-attachment: fixed, fixed, fixed, fixed;
  background-origin: border-box;
}

@media (max-width: 720px) {
  #home-services,
  #home-services + .store-coupon-offer {
    background-attachment: scroll, scroll, scroll, scroll;
  }
}
/* Coupon inside the same showroom canvas */
#home-services > .store-coupon-offer--showroom {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  padding: 18px 0 28px;
  overflow: visible;
  isolation: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#home-services > .store-coupon-offer--showroom::before {
  content: none;
}

#home-services > .store-coupon-offer--showroom > .container {
  position: relative;
  z-index: 1;
}

@media (max-width: 720px) {
  #home-services > .store-coupon-offer--showroom {
    padding: 14px 0 22px;
  }
}