/* Bottom navigation and shelf price polish */

.region-page .game-price:empty {
  display: none !important;
}

.region-bottom-nav {
  width: min(calc(100% - 28px), 560px) !important;
  gap: 8px !important;
  align-items: center !important;
}

.region-nav-back {
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  border-radius: 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 0 !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(93, 231, 255, 0.16), transparent 42%),
    rgba(12, 22, 38, 0.92) !important;
}

.region-nav-back::before {
  content: "‹";
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
  transform: translateY(-1px);
}

.region-nav-tabs {
  height: 62px !important;
  gap: 4px !important;
  padding: 6px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(20, 24, 37, 0.94), rgba(9, 13, 24, 0.94)) !important;
  border-color: rgba(93, 231, 255, 0.16) !important;
}

.region-nav-tab {
  height: 50px !important;
  border-radius: 18px !important;
  gap: 4px !important;
  color: rgba(232, 240, 255, 0.6) !important;
}

.region-nav-tab.is-active {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 122, 47, 0.22), transparent 42%),
    rgba(93, 231, 255, 0.1) !important;
}

.region-nav-icon {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  position: relative !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.region-nav-icon::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.region-nav-tab[aria-label="Главная"] .region-nav-icon::before {
  -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='M4 11.2 12 4l8 7.2v8.1c0 .94-.76 1.7-1.7 1.7h-4.1v-5.7H9.8V21H5.7c-.94 0-1.7-.76-1.7-1.7v-8.1Z'/%3E%3C/svg%3E");
  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='M4 11.2 12 4l8 7.2v8.1c0 .94-.76 1.7-1.7 1.7h-4.1v-5.7H9.8V21H5.7c-.94 0-1.7-.76-1.7-1.7v-8.1Z'/%3E%3C/svg%3E");
}

.region-nav-tab[aria-label="Поиск"] .region-nav-icon::before {
  -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='M10.7 4a6.7 6.7 0 0 1 5.28 10.82l4.1 4.1-1.42 1.42-4.1-4.1A6.7 6.7 0 1 1 10.7 4Zm0 2a4.7 4.7 0 1 0 0 9.4 4.7 4.7 0 0 0 0-9.4Z'/%3E%3C/svg%3E");
  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='M10.7 4a6.7 6.7 0 0 1 5.28 10.82l4.1 4.1-1.42 1.42-4.1-4.1A6.7 6.7 0 1 1 10.7 4Zm0 2a4.7 4.7 0 1 0 0 9.4 4.7 4.7 0 0 0 0-9.4Z'/%3E%3C/svg%3E");
}

.region-nav-tab[aria-label="Избранное"] .region-nav-icon::before {
  -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 20.7 10.9 19.7C6.4 15.6 3.5 13 3.5 9.7A4.7 4.7 0 0 1 8.2 5c1.45 0 2.85.68 3.8 1.75A5.08 5.08 0 0 1 15.8 5a4.7 4.7 0 0 1 4.7 4.7c0 3.3-2.9 5.9-7.4 10L12 20.7Z'/%3E%3C/svg%3E");
  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 20.7 10.9 19.7C6.4 15.6 3.5 13 3.5 9.7A4.7 4.7 0 0 1 8.2 5c1.45 0 2.85.68 3.8 1.75A5.08 5.08 0 0 1 15.8 5a4.7 4.7 0 0 1 4.7 4.7c0 3.3-2.9 5.9-7.4 10L12 20.7Z'/%3E%3C/svg%3E");
}

.region-nav-tab[aria-label="Корзина"] .region-nav-icon::before {
  -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='M7 19.5A1.5 1.5 0 1 0 7 22a1.5 1.5 0 0 0 0-2.5Zm10 0A1.5 1.5 0 1 0 17 22a1.5 1.5 0 0 0 0-2.5ZM5.2 5l.55 2H21l-2.1 7.4a2.2 2.2 0 0 1-2.12 1.6H8.2l.35 1.3H18v2H7.75c-.94 0-1.76-.62-2.01-1.53L2.9 7H1V5h4.2Z'/%3E%3C/svg%3E");
  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='M7 19.5A1.5 1.5 0 1 0 7 22a1.5 1.5 0 0 0 0-2.5Zm10 0A1.5 1.5 0 1 0 17 22a1.5 1.5 0 0 0 0-2.5ZM5.2 5l.55 2H21l-2.1 7.4a2.2 2.2 0 0 1-2.12 1.6H8.2l.35 1.3H18v2H7.75c-.94 0-1.76-.62-2.01-1.53L2.9 7H1V5h4.2Z'/%3E%3C/svg%3E");
}

.region-nav-label {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: -0.1px;
}

@media (max-width: 560px) {
  .region-bottom-nav {
    width: min(calc(100% - 20px), 560px) !important;
    gap: 7px !important;
  }

  .region-nav-back {
    width: 50px !important;
    height: 50px !important;
    border-radius: 18px !important;
  }

  .region-nav-tabs {
    height: 58px !important;
    border-radius: 22px !important;
  }

  .region-nav-tab {
    height: 46px !important;
  }

  .region-nav-icon,
  .region-nav-icon::before {
    width: 20px !important;
    height: 20px !important;
  }
}

@media (max-width: 380px) {
  .region-nav-label {
    display: none !important;
  }

  .region-nav-tabs {
    height: 54px !important;
  }

  .region-nav-tab {
    height: 42px !important;
  }
}