/* Shared frosted finish for model-filtered product catalogues. */
body.category-page--cases {
  --cases-ink: #202124;
  --cases-muted: #6d7078;
  --cases-line: rgba(255, 255, 255, 0.72);
  background: #eef1f5;
}

.category-page--cases .header {
  background: rgba(247, 249, 252, 0.76);
  border-bottom-color: rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 30px rgba(38, 44, 55, 0.09);
  backdrop-filter: saturate(155%) blur(28px);
  -webkit-backdrop-filter: saturate(155%) blur(28px);
}

.category-page--cases .logo,
.category-page--cases .nav__link,
.category-page--cases .header__tg,
.category-page--cases .header__account,
.category-page--cases .header__cart,
.category-page--cases .header__phone,
.category-page--cases .header__quick {
  color: var(--cases-ink);
}

.category-page--cases .logo__icon {
  color: var(--cases-ink);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 #fff,
    0 8px 18px rgba(38, 44, 55, 0.08);
}

.category-page--cases .nav__link {
  letter-spacing: 0;
  color: rgba(32, 33, 36, 0.62);
}

.category-page--cases .nav__link::after {
  display: none;
}

.category-page--cases .nav__link:hover,
.category-page--cases .nav__link.active {
  color: var(--cases-ink);
  background: rgba(255, 255, 255, 0.52);
  border-color: rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 18px rgba(38, 44, 55, 0.07);
}

.category-page--cases .header__tg,
.category-page--cases .header__account,
.category-page--cases .header__cart,
.category-page--cases .header__phone,
.category-page--cases .header__quick,
.category-page--cases .burger {
  background: rgba(255, 255, 255, 0.46);
  border-color: rgba(255, 255, 255, 0.84);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 8px 22px rgba(38, 44, 55, 0.08);
  backdrop-filter: saturate(145%) blur(18px);
  -webkit-backdrop-filter: saturate(145%) blur(18px);
}

.category-page--cases .header__tg:hover,
.category-page--cases .header__account:hover,
.category-page--cases .header__cart:hover,
.category-page--cases .header__phone:hover,
.category-page--cases .header__quick:hover {
  color: var(--cases-ink);
  background: rgba(255, 255, 255, 0.70);
  border-color: rgba(255, 255, 255, 0.96);
  box-shadow:
    inset 0 1px 0 #fff,
    0 12px 26px rgba(38, 44, 55, 0.10);
}

.category-page--cases .header__cart-count {
  color: #fff;
  background: rgba(31, 32, 35, 0.90);
  border-color: rgba(255, 255, 255, 0.74);
  box-shadow: 0 4px 10px rgba(38, 44, 55, 0.14);
}

.category-page--cases .burger span {
  background: var(--cases-ink);
}

.category-page--cases .catalog-toolbar--cases {
  background: rgba(241, 243, 246, 0.88);
  border-bottom: 1px solid rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 18px 42px rgba(38, 44, 55, 0.10);
  backdrop-filter: saturate(145%) blur(26px);
  -webkit-backdrop-filter: saturate(145%) blur(26px);
}

.category-page--cases .catalog-toolbar--cases::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  height: auto;
  pointer-events: none;
  background: linear-gradient(118deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.12) 44%, rgba(218, 223, 231, 0.16));
}

.category-page--cases .catalog-toolbar__inner {
  position: relative;
  z-index: 1;
  min-height: 178px;
  gap: 22px;
  padding-top: 28px;
  padding-bottom: 30px;
}

.category-page--cases .catalog-toolbar__breadcrumb,
.category-page--cases .catalog-toolbar__breadcrumb a {
  color: rgba(54, 57, 64, 0.44);
}

.category-page--cases .catalog-toolbar__title {
  color: var(--cases-ink);
  letter-spacing: 0;
}

.category-page--cases .catalog-toolbar__filters {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 9px;
  border-color: rgba(255, 255, 255, 0.96);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.30) 48%, rgba(230, 234, 240, 0.34)),
    rgba(255, 255, 255, 0.36);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(255, 255, 255, 0.34),
    inset 0 -1px 0 rgba(86, 92, 103, 0.07),
    0 16px 34px rgba(38, 44, 55, 0.095);
  backdrop-filter: saturate(155%) blur(28px);
  -webkit-backdrop-filter: saturate(155%) blur(28px);
}

.category-page--cases .catalog-toolbar__filters::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 7%;
  right: 7%;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 2px 12px rgba(255, 255, 255, 0.42);
}

.category-page--cases .catalog-chip {
  min-height: 42px;
  border-color: rgba(255, 255, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(69, 72, 79, 0.91), rgba(25, 27, 31, 0.86));
  color: rgba(255, 255, 255, 0.88);
  letter-spacing: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -8px 16px rgba(0, 0, 0, 0.15),
    0 8px 18px rgba(30, 34, 41, 0.17);
  backdrop-filter: saturate(115%) blur(18px);
  -webkit-backdrop-filter: saturate(115%) blur(18px);
}

.category-page--cases .catalog-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.035) 44%, transparent 64%);
  opacity: 0.62;
}

.category-page--cases .catalog-chip::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 13%;
  right: 13%;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.24);
  box-shadow: none;
}

.category-page--cases .catalog-chip:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(80, 84, 92, 0.94), rgba(31, 34, 39, 0.91));
  border-color: rgba(255, 255, 255, 0.25);
}

.category-page--cases .catalog-chip.is-active,
.category-page--cases .catalog-chip.is-active:hover {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(34, 36, 41, 0.98), rgba(10, 11, 13, 0.96));
  border-color: rgba(255, 255, 255, 0.23);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -9px 17px rgba(0, 0, 0, 0.22),
    0 10px 22px rgba(22, 25, 30, 0.24);
}

.category-page--cases .catalog-chip:focus-visible {
  border-color: rgba(66, 72, 82, 0.40);
  box-shadow: 0 0 0 3px rgba(92, 102, 118, 0.13);
}

.category-page--cases .section--catalog-cases {
  background: rgba(250, 251, 252, 0.90);
  border-top: 1px solid rgba(255, 255, 255, 0.88);
}

.category-page--glass .product-card__img {
  background: #fff;
}

.category-page--glass .product-card__img > img {
  object-fit: contain;
  object-position: center;
}

.category-page--cases .mobile-nav {
  background: rgba(244, 247, 250, 0.82);
  border-bottom-color: rgba(255, 255, 255, 0.84);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 26px 54px rgba(38, 44, 55, 0.14);
  backdrop-filter: saturate(155%) blur(32px);
  -webkit-backdrop-filter: saturate(155%) blur(32px);
}

.category-page--cases .mobile-nav.open {
  border-bottom-color: rgba(255, 255, 255, 0.90);
}

.category-page--cases .mobile-nav__category-link[href*="#models"] {
  grid-column: 1 / -1;
}

.category-page--cases .mobile-nav-backdrop {
  background: rgba(74, 81, 94, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.category-page--cases .mobile-nav__section-label {
  color: rgba(63, 67, 76, 0.50);
}

.category-page--cases .mobile-nav__link,
.category-page--cases .mobile-nav__category-link,
.category-page--cases .mobile-nav__info-link,
.category-page--cases .mobile-nav__account,
.category-page--cases .mobile-nav__link--platform,
.category-page--cases .mobile-nav__link--telegram {
  color: rgba(32, 33, 36, 0.86);
  border-color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.44);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(92, 98, 110, 0.06),
    0 8px 20px rgba(38, 44, 55, 0.07);
}

.category-page--cases .mobile-nav__link::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.03));
  opacity: 0.72;
}

.category-page--cases .mobile-nav__link::after {
  background: rgba(255, 255, 255, 0.72);
}

.category-page--cases .mobile-nav__link:hover {
  color: var(--cases-ink);
  border-color: rgba(255, 255, 255, 0.98);
  background: rgba(255, 255, 255, 0.68);
  box-shadow:
    inset 0 1px 0 #fff,
    0 12px 24px rgba(38, 44, 55, 0.10);
}

.category-page--cases .mobile-nav__icon {
  color: rgba(37, 40, 46, 0.78);
  border-color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.48);
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 10px rgba(38, 44, 55, 0.06);
}

.category-page--cases .mobile-nav__icon img {
  filter: grayscale(1) contrast(1.1);
}

.category-page--cases .mobile-nav__link--telegram .mobile-nav__icon {
  color: #168ac2;
}

.category-page--cases .mobile-nav__badge {
  color: #fff;
  background: rgba(31, 32, 35, 0.90);
  border-color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 680px) {
  .category-page--cases .catalog-toolbar__inner {
    min-height: auto;
    gap: 16px;
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .category-page--cases .catalog-toolbar__title {
    font-size: 28px;
    line-height: 1.08;
  }

  .category-page--cases .catalog-toolbar__filters {
    gap: 8px;
    padding: 9px;
    border-radius: 24px;
  }

  .category-page--cases .catalog-chip {
    min-height: 44px;
    padding: 0 10px;
    border-radius: 16px;
    font-size: 12px;
  }

  .category-page--cases .mobile-nav.open {
    padding-top: 14px;
  }

  .category-page--cases .mobile-nav__link,
  .category-page--cases .mobile-nav__category-link,
  .category-page--cases .mobile-nav__info-link,
  .category-page--cases .mobile-nav__account,
  .category-page--cases .mobile-nav__link--platform,
  .category-page--cases .mobile-nav__link--telegram {
    min-height: 52px;
    height: 52px;
    border-radius: 17px;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .category-page--cases .header,
  .category-page--cases .catalog-toolbar--cases,
  .category-page--cases .mobile-nav {
    background: #f2f4f7;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}