.lang {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  cursor: pointer;
}

.lang-current {
  color: var(--lime);
  font-weight: 800;
}

.lang-other { color: #8f8e96; }
.lang-sep { color: #555; }

@media (max-width: 900px) {
  .nav-actions .lang { display: flex; }
}

.featured-device-card {
  isolation: isolate;
  background:
    radial-gradient(circle at 56% 39%, rgba(224, 34, 45, .26), transparent 31%),
    linear-gradient(145deg, #211719 0%, #141511 52%, #0e100d 100%);
}

.featured-device-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

.device-halo {
  position: absolute;
  width: 300px;
  height: 300px;
  left: 53%;
  top: 42%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(221, 34, 47, .16);
  border: 1px solid rgba(255, 91, 102, .22);
  box-shadow: 0 0 90px rgba(214, 28, 42, .19), inset 0 0 55px rgba(200, 255, 61, .035);
}

.device-product {
  position: absolute;
  z-index: 1;
  left: 53%;
  top: 42%;
  width: auto;
  height: 69%;
  max-width: 58%;
  object-fit: contain;
  transform: translate(-50%, -50%) rotate(3deg);
  filter: drop-shadow(0 32px 32px rgba(0,0,0,.62)) drop-shadow(0 0 24px rgba(232,34,47,.18));
  transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}

.featured-device-card:hover .device-product {
  transform: translate(-50%, -53%) rotate(-1deg) scale(1.045);
  filter: drop-shadow(0 38px 38px rgba(0,0,0,.68)) drop-shadow(0 0 34px rgba(232,34,47,.28));
}

.featured-device-card > div:last-of-type,
.featured-device-card .circle-arrow,
.featured-device-card .cat-index { z-index: 2; }

@media (max-width: 620px) {
  .device-product { height: 66%; }
  .device-halo { width: 250px; height: 250px; }
}