:root {
  --bg: #05060a;
  --panel: #111219;
  --line: rgba(255, 255, 255, 0.065);
  --text: #f4f4f8;
  --muted: #a4a4af;
  --pink: #ff35b8;
  --violet: #7a4dff;
  --blue: #4568ff;
  --site-shell-width: min(1560px, calc(100% - 48px));
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
}

.page {
  position: relative;
  z-index: 1;
  width: var(--site-shell-width);
  margin: 0 auto;
  padding: 164px 0 155px;
}

.topbar {
  position: fixed;
  top: 18px;
  left: 50%;
  width: var(--site-shell-width);
  transform: translateX(-50%);
  z-index: 50;
  height: 88px;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  align-items: center;
  padding: 0 28px;
  background: rgba(16, 17, 23, 0.88);
  border: 1px solid var(--line);
  border-radius: 12px;
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
  animation: fadeDown 0.55s ease both;
}

/* Верхнеуровневые публичные блоки всегда совпадают по ширине с шапкой. */
.page > section,
.page > :is(.panel, .cart-page, .configurator, .hero, .config, .delivery, .catalog, .categories-grid) {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

.brand {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
}

.brand img {
  width: 54px;
  height: 54px;
  object-fit: contain;
  filter: drop-shadow(0 0 12px rgba(255, 53, 184, 0.34));
  transition: transform 0.25s ease, filter 0.25s ease;
}

.brand:hover img {
  transform: scale(1.06) rotate(-3deg);
  filter: drop-shadow(0 0 18px rgba(122, 77, 255, 0.42));
}

.nav-toggle {
  position: relative;
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  background: #11121b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  cursor: pointer;
}

.nav-toggle span {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 2px;
  display: block;
  background: #f4f4f8;
  border-radius: 99px;
  transform: translateX(-50%);
  transition: transform 0.22s ease, opacity 0.22s ease, background 0.22s ease;
}

.nav-toggle span:nth-child(1) {
  top: 14px;
}

.nav-toggle span:nth-child(2) {
  top: 21px;
}

.nav-toggle span:nth-child(3) {
  top: 28px;
}

.nav-toggle:hover {
  border-color: rgba(255, 53, 184, 0.5);
  box-shadow: 0 0 18px rgba(255, 53, 184, 0.08);
}

.nav {
  justify-self: center;
  display: flex;
  align-items: center;
  min-width: 0;
  gap: clamp(18px, 2vw, 38px);
  color: #e6e6ed;
  font-size: clamp(15px, 1.2vw, 18px);
  font-weight: 500;
}

.nav a {
  white-space: nowrap;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

.nav a:hover {
  color: #fff;
  text-shadow: 0 0 18px rgba(122, 77, 255, 0.32);
}

.header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 15px;
}

.icon-link {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #747489;
  font-size: 25px;
  opacity: 0.58;
  transition: color 0.22s ease, opacity 0.22s ease, transform 0.22s ease, filter 0.22s ease;
}

.icon-link.is-client-authenticated {
  opacity: 1;
}

.icon-link .market-profile-avatar.header-profile-letter {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  overflow: hidden;
  border-radius: 50%;
  background: linear-gradient(145deg, #ed4ec0, #a90989);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.header-client-avatar {
  width: 32px;
  height: 32px;
  display: block;
  flex: 0 0 32px;
  box-sizing: border-box;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  border: 1px solid rgba(155, 124, 244, 0.42);
  border-radius: 50%;
  background: #171820;
}

.icon-link:hover {
  color: #f4f4f8;
  opacity: 1;
  transform: translateY(-2px);
  filter: drop-shadow(0 0 12px rgba(122, 77, 255, 0.28));
}

.outline-btn,
.secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 25px;
  background: #11121b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  color: #ededf4;
  font-size: 15px;
  font-weight: 500;
  transition: border-color 0.22s ease, background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.outline-btn:hover,
.secondary-btn:hover {
  background: #151623;
  border-color: rgba(122, 77, 255, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

.outline-btn:hover {
  background: linear-gradient(90deg, rgba(255, 53, 184, 0.11), rgba(108, 85, 255, 0.08));
  border-color: rgba(255, 53, 184, 0.46);
  color: #fff;
  box-shadow: 0 0 24px rgba(255, 53, 184, 0.14), 0 12px 32px rgba(0, 0, 0, 0.18);
}

.panel {
  --rotate-x: 0deg;
  --rotate-y: 0deg;
  --panel-accent-rgb: 255, 53, 184;
  position: relative;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  transform: perspective(1400px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));
  transform-style: preserve-3d;
  transition: transform 0.18s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  will-change: transform;
}

.panel:hover {
  border-color: rgba(var(--panel-accent-rgb), 0.26);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2), 0 0 38px rgba(var(--panel-accent-rgb), 0.11);
}

.hero,
.config {
  min-height: 520px;
  display: grid;
  grid-template-columns: 1fr 590px;
  align-items: center;
  margin-top: 31px;
  padding: 66px 95px 55px;
  overflow: hidden;
  animation: fadeUp 0.7s ease both;
}

.hero {
  --panel-accent-rgb: 69, 104, 255;
}

.hero-copy {
  position: relative;
  z-index: 2;
}

.eyebrow {
  margin: 0 0 8px;
  color: #f1f1f6;
  font-size: 29px;
  line-height: 1.05;
  font-weight: 500;
  text-transform: uppercase;
}

h1,
.config h2,
.delivery h2 {
  width: auto;
  max-width: 100%;
  margin: 0;
  background: linear-gradient(90deg, var(--pink), var(--violet), var(--blue));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 56px;
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.config h2,
.delivery h2 {
  font-size: 58px;
}

.lead {
  max-width: 610px;
  margin: 30px 0 43px;
  color: var(--muted);
  font-size: 30px;
  line-height: 1.3;
  font-weight: 400;
}

.primary-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 48px;
  width: max-content;
  padding: 0 27px;
  background: linear-gradient(90deg, var(--pink), #6c55ff);
  border-radius: 10px;
  box-shadow: 0 0 30px rgba(255, 53, 184, 0.12), 0 0 28px rgba(69, 104, 255, 0.09);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
}

.primary-btn::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 3px;
  opacity: 0;
  background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0.55));
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.28);
  transform: translateX(-100%);
  pointer-events: none;
}

.primary-btn::after {
  content: none;
}

.primary-btn:hover {
  transform: translateY(-3px);
  filter: saturate(1.12);
  box-shadow: 0 0 38px rgba(255, 53, 184, 0.18), 0 0 36px rgba(69, 104, 255, 0.13);
}

.primary-btn .btn-text {
  font-size: 13px;
  line-height: 1;
  transition: opacity 0.16s ease, transform 0.16s ease;
}

.primary-btn .btn-arrow {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  font-size: 16px;
  line-height: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.primary-btn.is-loading-line .btn-arrow {
  width: 0;
  opacity: 0;
  transform: translateX(8px);
}

.primary-btn.is-loading-line::before {
  animation: buttonLineLoad 0.85s ease both;
}

.facts {
  display: flex;
  gap: 25px;
  margin-top: 77px;
}

.facts div {
  min-width: 75px;
  padding-left: 11px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.facts strong,
.facts span {
  display: block;
  font-size: 13px;
  line-height: 1.3;
}

.facts strong {
  color: #f5f5fb;
  font-weight: 700;
}

.facts span {
  margin-top: 3px;
  color: #9b9ba7;
}

.image-skeleton {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 18px;
}

.image-skeleton::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent),
    radial-gradient(circle at 60% 45%, rgba(69, 104, 255, 0.15), transparent 45%),
    #0d0e15;
  background-size: 220% 100%, 100% 100%, 100% 100%;
  animation: skeleton 1.15s linear infinite;
}

.image-skeleton.is-loaded {
  overflow: visible;
}

.image-skeleton.is-loaded::before {
  opacity: 0;
  animation-play-state: paused;
  transition: opacity 0.25s ease;
}

.pc-image {
  display: block;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transform: scale(0.985);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.image-skeleton.is-loaded .pc-image {
  opacity: 1;
  transform: scale(1);
}

.hero-visual {
  justify-self: end;
  width: min(520px, 100%);
  min-height: 356px;
}

.hero-image {
  width: min(520px, 100%);
  height: auto;
  filter: drop-shadow(0 0 38px rgba(69, 104, 255, 0.22));
}

.section-title {
  margin: 61px 0 48px;
  text-align: center;
  animation: fadeUp 0.7s ease both;
}

.section-title h2 {
  margin: 0;
  color: #f3f3f8;
  font-size: 40px;
  line-height: 1.12;
  font-weight: 500;
  text-transform: uppercase;
}

.section-title p {
  margin: 13px 0 0;
  color: #a7a7b2;
  font-size: 21px;
}

.cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}

.card {
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1fr);
  align-items: center;
  gap: 42px;
  padding: 58px 72px;
  overflow: hidden;
  animation: fadeUp 0.7s ease both;
}

.card:nth-child(2) {
  animation-delay: 0.08s;
}

.card:first-child {
  --panel-accent-rgb: 125, 125, 145;
}

.card:nth-child(2) {
  --panel-accent-rgb: 69, 104, 255;
}

.card-visual {
  position: relative;
  z-index: 1;
  justify-self: center;
  width: min(290px, 100%);
  min-height: 198px;
  transform: translateZ(18px);
}

.card-image {
  width: min(290px, 100%);
  height: auto;
  filter: drop-shadow(0 0 32px rgba(69, 104, 255, 0.1));
}

.work-image {
  filter: grayscale(0.35) brightness(0.82) drop-shadow(16px 18px 35px rgba(0, 0, 0, 0.5));
}

.card-copy h3 {
  margin: 0 0 10px;
  color: #f7f7fb;
  font-size: 38px;
  line-height: 1.12;
  font-weight: 500;
}

.card-copy {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  transform: translateZ(26px);
}

.card-copy p {
  max-width: 270px;
  margin: 0;
  color: #a8a8b3;
  font-size: 19px;
  line-height: 1.45;
}

.card .secondary-btn {
  position: relative;
  z-index: 1;
  min-width: 195px;
  margin-top: 28px;
  transform: translateZ(32px);
}

.config {
  grid-template-columns: 1fr 590px;
  min-height: 624px;
  margin-top: 32px;
  --panel-accent-rgb: 255, 53, 184;
}

.config-visual {
  justify-self: end;
  width: min(520px, 100%);
  min-height: 356px;
}

.config-image {
  width: min(520px, 100%);
  height: auto;
  filter: drop-shadow(0 0 40px rgba(255, 53, 184, 0.22));
}

.delivery {
  margin-top: 32px;
  padding: 52px;
  overflow: hidden;
  animation: fadeUp 0.7s ease both;
  --panel-accent-rgb: 122, 77, 255;
}

.delivery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.delivery-grid article {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 14px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.025);
}

.delivery-grid i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--pink), var(--blue));
  box-shadow: 0 0 24px rgba(122, 77, 255, 0.16);
}

.delivery-grid h3 {
  margin: 0 0 10px;
  color: #f7f7fb;
  font-size: 22px;
  line-height: 1.1;
}

.delivery-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.4;
}

@keyframes skeleton {
  from {
    background-position: 220% 0, center, center;
  }

  to {
    background-position: -220% 0, center, center;
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    filter: blur(4px);
  }

  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes fadeDown {
  from {
    opacity: 0;
    transform: translate(-50%, -14px);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes buttonLineLoad {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  12% {
    opacity: 1;
  }

  82% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@media (max-width: 1180px) {
  :root {
    --site-shell-width: min(920px, calc(100% - 32px));
  }

  .page {
    width: var(--site-shell-width);
    padding-top: 154px;
  }

  .topbar {
    width: var(--site-shell-width);
    grid-template-columns: 70px 1fr;
    height: auto;
    gap: 18px;
    padding: 18px;
  }

  .nav {
    justify-self: end;
    gap: 24px;
    font-size: 16px;
  }

  .header-actions {
    grid-column: 1 / -1;
    justify-self: stretch;
    justify-content: flex-end;
  }

  .hero,
  .config {
    grid-template-columns: 1fr;
    padding: 50px;
  }

  .hero-visual,
  .config-visual {
    justify-self: center;
    margin-top: 30px;
  }

  .cards {
    grid-template-columns: 1fr;
  }

  .delivery-grid {
    grid-template-columns: 1fr;
  }

  .card {
    grid-template-columns: minmax(220px, 0.8fr) minmax(250px, 1fr);
    gap: 34px;
    padding: 48px;
  }
}

@media (max-width: 680px) {
  :root {
    --site-shell-width: calc(100% - 32px);
  }

  .page {
    width: var(--site-shell-width);
    max-width: none;
    padding-top: 112px;
    padding-bottom: 80px;
    perspective: none;
  }

  .topbar {
    width: var(--site-shell-width);
    border-radius: 16px;
    top: 12px;
    display: block;
    min-height: 74px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 14px;
  }

  .panel {
    transform: none;
    transform-style: flat;
  }

  .panel:hover {
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
  }

  .brand {
    width: 46px;
    height: 46px;
  }

  .brand img {
    width: 38px;
    height: 38px;
  }

  .nav-toggle {
    display: block;
    position: absolute;
    top: 14px;
    right: 14px;
  }

  .topbar.is-nav-open .nav-toggle span:nth-child(1) {
    transform: translate(-50%, 7px) rotate(45deg);
    background: #ff35b8;
  }

  .topbar.is-nav-open .nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  .topbar.is-nav-open .nav-toggle span:nth-child(3) {
    transform: translate(-50%, -7px) rotate(-45deg);
    background: #ff35b8;
  }

  .nav {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    padding: 0;
    font-size: 15px;
    opacity: 0;
    transition: max-height 0.28s ease, opacity 0.22s ease, padding 0.28s ease;
  }

  .nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 10px;
  }

  .topbar.is-nav-open .nav {
    max-height: 236px;
    padding-top: 18px;
    opacity: 1;
  }

  .header-actions {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    opacity: 0;
    transition: max-height 0.28s ease, opacity 0.22s ease, padding 0.28s ease;
  }

  .topbar.is-nav-open .header-actions {
    max-height: 128px;
    padding-top: 10px;
    opacity: 1;
  }

  .icon-link {
    flex: 1 1 calc(33.333% - 7px);
    width: auto;
    height: 44px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 10px;
  }

  .outline-btn {
    flex: 1;
    min-width: 210px;
  }

  .header-actions .outline-btn {
    flex: 0 0 100%;
  }

  .hero,
  .config,
  .card,
  .delivery {
    width: 100%;
    min-height: 0;
    padding: 28px;
    border-radius: 18px;
  }

  .hero,
  .config {
    margin-top: 20px;
    align-items: start;
  }

  .hero > .hero-visual,
  .config > .config-visual {
    order: -1;
    margin-top: 0;
    margin-bottom: 22px;
  }

  .hero > .hero-copy,
  .config > .hero-copy {
    order: 1;
  }

  .hero-copy,
  .card-copy {
    min-width: 0;
  }

  .eyebrow {
    font-size: 21px;
    line-height: 1.12;
  }

  h1,
  .config h2,
  .delivery h2 {
    font-size: 38px;
    line-height: 1.02;
  }

  .lead {
    margin: 20px 0 28px;
    font-size: 20px;
    line-height: 1.22;
  }

  .primary-btn,
  .outline-btn {
    width: 100%;
    min-width: 0;
  }

  .facts {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 32px;
  }

  .facts div {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
  }

  .facts strong,
  .facts span {
    font-size: 12px;
    line-height: 1.25;
  }

  .section-title {
    margin: 42px 0 28px;
  }

  .section-title h2 {
    font-size: 29px;
  }

  .section-title p {
    font-size: 16px;
  }

  .cards {
    gap: 18px;
  }

  .card {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 22px;
    text-align: left;
  }

  .card-visual {
    justify-self: center;
    width: min(260px, 100%);
    min-height: 0;
    aspect-ratio: 1 / 1.14;
    transform: none;
  }

  .card-image {
    width: min(240px, 100%);
  }

  .card-copy {
    align-items: stretch;
    width: 100%;
    transform: none;
  }

  .card-copy h3 {
    font-size: 32px;
    line-height: 1.08;
  }

  .card-copy p {
    max-width: none;
    font-size: 17px;
  }

  .card .secondary-btn {
    width: 100%;
    min-width: 0;
    margin-top: 22px;
    transform: none;
  }

  .hero-visual,
  .config-visual {
    width: min(310px, 100%);
    min-height: 0;
    aspect-ratio: 1 / 0.86;
    margin-top: 0;
  }

  .hero-image,
  .config-image {
    width: 100%;
    max-height: 292px;
    object-fit: contain;
  }

  .delivery-grid {
    gap: 12px;
    margin-top: 24px;
  }

  .delivery-grid article {
    padding: 18px;
  }

  .delivery-grid h3 {
    font-size: 20px;
  }

  .delivery-grid p {
    font-size: 15px;
  }
}

@media (max-width: 420px) {
  :root {
    --site-shell-width: calc(100% - 20px);
  }

  .page {
    width: var(--site-shell-width);
    padding-top: 100px;
    padding-bottom: 56px;
  }

  .topbar {
    width: var(--site-shell-width);
    top: 8px;
    padding: 12px;
    max-height: calc(100vh - 16px);
  }

  .nav-toggle {
    top: 12px;
    right: 12px;
  }

  .hero,
  .config,
  .card,
  .delivery {
    padding: 20px;
    border-radius: 16px;
  }

  .eyebrow {
    font-size: 17px;
  }

  h1,
  .config h2,
  .delivery h2 {
    font-size: 30px;
  }

  .lead {
    margin: 16px 0 22px;
    font-size: 17px;
  }

  .primary-btn,
  .outline-btn,
  .secondary-btn {
    min-height: 46px;
    padding: 0 16px;
  }

  .facts {
    margin-top: 24px;
  }

  .section-title {
    margin: 32px 0 20px;
  }

  .section-title h2 {
    font-size: 24px;
  }

  .section-title p {
    font-size: 14px;
  }

  .card-copy h3 {
    font-size: 27px;
  }

  .card-copy p {
    font-size: 15px;
  }

  .hero-visual,
  .config-visual {
    width: min(260px, 100%);
    margin-top: 20px;
  }

  .card-visual {
    width: min(220px, 100%);
  }

  .delivery-grid article {
    padding: 16px;
  }
}

.configurator {
  margin-top: 32px;
  padding: 52px;
  overflow: hidden;
  animation: fadeUp 0.7s ease both;
  --panel-accent-rgb: 255, 53, 184;
}

.configurator h2 {
  width: auto;
  max-width: 900px;
  margin: 0;
  background: linear-gradient(90deg, var(--pink), var(--violet), var(--blue));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 58px;
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.configurator-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 380px);
  align-items: center;
  gap: 36px;
  margin-bottom: 34px;
}

.configurator-head .lead {
  max-width: 740px;
  margin-bottom: 0;
}

.configurator-case {
  justify-self: end;
  width: min(360px, 100%);
  min-height: 250px;
}

.configurator-case img {
  width: min(360px, 100%);
  height: auto;
  filter: drop-shadow(0 0 38px rgba(255, 53, 184, 0.22));
}

.configurator-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 350px;
  gap: 18px;
  align-items: start;
}

/* Clip panel effects without creating a scroll container for the sticky summary. */
body.configurator-page {
  overflow-x: clip;
}

.configurator.panel {
  overflow: clip;
}

.config-tabs,
.config-products,
.config-summary {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
}

.config-tabs {
  display: grid;
  gap: 8px;
  padding: 10px;
}

.config-tabs button,
.config-filter button {
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.config-tabs button {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: #11121b;
  color: #d8d8e2;
  text-align: left;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.config-tabs button:hover,
.config-tabs button.is-active {
  background: linear-gradient(90deg, rgba(255, 53, 184, 0.13), rgba(69, 104, 255, 0.08));
  border-color: rgba(255, 53, 184, 0.38);
  transform: translateY(-1px);
}

.config-tabs button.is-complete b {
  background: rgba(53, 255, 166, 0.12);
  color: #63ffb6;
}

.config-tabs button:disabled {
  opacity: 0.42;
  cursor: not-allowed;
  transform: none;
}

.config-tabs button > .category-icon {
  width: 34px;
  height: 34px;
  padding: 7px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  color: #fff;
}

.config-tabs span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
}

.config-tabs b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: #a4a4af;
  font-size: 12px;
}

.config-products {
  padding: 20px;
}

.config-products-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.config-step-actions {
  display: flex;
  gap: 8px;
}

.config-step-actions button {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: #11121b;
  color: #e9e9f1;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.config-step-actions button:last-child:not(:disabled) {
  border-color: rgba(255, 53, 184, 0.35);
  background: linear-gradient(90deg, rgba(255, 53, 184, 0.15), rgba(69, 104, 255, 0.1));
}

.config-step-actions button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.config-step,
.summary-label {
  display: block;
  margin-bottom: 8px;
  color: #a4a4af;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.config-products h3 {
  margin: 0;
  color: #f7f7fb;
  font-size: 30px;
  line-height: 1.05;
}

.config-filter {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.config-filter button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: #11121b;
  color: #c9c9d4;
  font-size: 13px;
  font-weight: 700;
}

.config-filter button.is-active,
.config-filter button:hover {
  border-color: rgba(122, 77, 255, 0.46);
  background: rgba(122, 77, 255, 0.14);
  color: #fff;
}

.config-options {
  display: grid;
  gap: 12px;
}

.config-empty {
  min-height: 220px;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 28px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
}

.config-empty h4 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.1;
}

.config-empty p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.45;
}

.config-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 104px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 14px;
  background: rgba(11, 12, 18, 0.78);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.config-option:not(.is-none-option):not(.case-option) { grid-template-columns: 92px minmax(0, 1fr) auto; }
.component-option-image { position:relative; width:92px; height:76px; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:3px; background:#fff; color:#777; cursor:zoom-in; }
.component-option-image img { width:100%; height:100%; display:block; object-fit:contain; }
.component-option-image > i { position:absolute; right:5px; bottom:5px; width:22px; height:22px; display:grid; place-items:center; border-radius:2px; background:rgba(0,0,0,.72); color:#fff; font-size:10px; }

.config-option:hover,
.config-option.is-selected {
  border-color: rgba(255, 53, 184, 0.42);
  background: linear-gradient(90deg, rgba(255, 53, 184, 0.1), rgba(69, 104, 255, 0.06));
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.config-option.is-none-option {
  min-height: 82px;
  border-style: dashed;
  background: rgba(255, 255, 255, 0.025);
}

.config-option.is-none-option h4 {
  color: #c8c8d2;
}

.config-option.case-option {
  grid-template-columns: 150px minmax(0, 1fr) auto;
  min-height: 174px;
}

.case-option-image {
  position: relative;
  width: 150px;
  height: 132px;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: #090a10;
  color: #8f8f9b;
  cursor: zoom-in;
}

.case-option-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.case-option-image > i {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: rgba(4, 5, 9, 0.78);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 11px;
}

.case-option-copy {
  min-width: 0;
}

.case-color {
  width: max-content;
  margin-top: 12px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: #c8c8d2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
}

.case-color i,
[data-case-preview-color] i {
  width: 14px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  background: var(--case-color);
}

.case-preview-modal {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(3, 4, 8, 0.84);
  backdrop-filter: blur(9px);
}

.case-preview-modal.is-open {
  display: flex;
}

.case-preview-dialog {
  position: relative;
  width: min(860px, 100%);
  max-height: calc(100vh - 40px);
  overflow: auto;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: #0b0c12;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.6);
}

.case-preview-dialog > button {
  position: absolute;
  z-index: 2;
  top: 24px;
  right: 24px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  background: rgba(5, 6, 10, 0.82);
  color: #fff;
  cursor: pointer;
}

.component-preview-stage > img {
  width: 100%;
  max-height: 620px;
  display: block;
  border-radius: 10px;
  object-fit: contain;
  background: #07080d;
}

.component-preview-stage { position:relative; padding:0 !important; }
.component-preview-stage > button { position:absolute; z-index:2; top:50%; transform:translateY(-50%); width:42px; height:52px; border:1px solid rgba(255,255,255,.14); border-radius:3px; background:rgba(5,6,10,.78); color:#fff; cursor:pointer; }
.component-preview-stage > button:first-child { left:12px; }
.component-preview-stage > button:last-child { right:12px; }
.component-preview-thumbs { display:flex; gap:8px; padding:12px 4px 0 !important; overflow-x:auto; }
.component-preview-thumbs button { flex:0 0 74px; height:62px; padding:2px; border:1px solid rgba(255,255,255,.12); border-radius:3px; background:#fff; cursor:pointer; }
.component-preview-thumbs button.is-active { border-color:#ff35b8; box-shadow:0 0 0 1px #ff35b8; }
.component-preview-thumbs img { width:100%; height:100%; object-fit:contain; }

.case-preview-dialog > div {
  padding: 16px 4px 4px;
}

.case-preview-dialog h2 {
  margin: 0;
  color: #fff;
  font-size: 22px;
}

[data-case-preview-color] {
  margin-top: 9px;
  color: #b9b9c4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}

@media (max-width: 680px) {
  .config-option:not(.is-none-option):not(.case-option) { grid-template-columns:72px minmax(0, 1fr); }
  .component-option-image { width:72px; height:64px; }
  .config-option:not(.is-none-option):not(.case-option) > strong { grid-column:2; }
  .config-option.case-option {
    grid-template-columns: 1fr;
  }

  .case-option-image {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
}

.option-tier {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  margin-bottom: 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: #d9d9e4;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.config-option h4 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.12;
}

.config-option p {
  margin: 8px 0 0;
  color: #9f9faa;
  font-size: 14px;
  line-height: 1.35;
}

.config-option strong {
  color: #f7f7fb;
  font-size: 20px;
  white-space: nowrap;
}

.config-summary {
  position: sticky;
  top: 96px;
  padding: 18px;
}

.summary-card {
  padding: 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 53, 184, 0.14), rgba(69, 104, 255, 0.1));
}

.summary-card strong {
  display: block;
  color: #fff;
  font-size: 34px;
  line-height: 1;
}

.summary-card p {
  margin: 12px 0 0;
  color: #c7c7d2;
  font-size: 14px;
  line-height: 1.4;
}

.summary-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.summary-metrics div {
  min-width: 0;
  padding: 12px 8px;
  border: 1px solid rgba(255, 255, 255, 0.065);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  text-align: center;
}

.summary-metrics span,
.summary-list span {
  display: block;
  color: #9f9faa;
  font-size: 12px;
}

.summary-metrics b {
  display: block;
  margin-top: 5px;
  color: #f7f7fb;
  font-size: 19px;
}

.summary-list {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.summary-list button {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 0 28px 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.summary-list button:disabled {
  cursor: default;
}

.summary-list button > i {
  position: absolute;
  top: 8px;
  right: 2px;
  color: #a4a4af;
  font-size: 11px;
}

.summary-list button > span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.summary-list button > span .category-icon {
  width: 16px;
  height: 16px;
  color: #c7c7d2;
  flex: 0 0 auto;
}

.summary-list b {
  display: block;
  margin-top: 4px;
  color: #ededf4;
  font-size: 14px;
  line-height: 1.25;
}

.summary-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: rgba(53, 255, 166, 0.08);
  color: #dfffee;
  font-size: 14px;
  line-height: 1.35;
}

.summary-note i {
  margin-top: 2px;
  color: #63ffb6;
}

.summary-order {
  width: 100%;
  margin-top: 16px;
  border: 0;
  font-family: inherit;
}

.summary-order:disabled,.summary-order:disabled:hover {
  opacity: .38;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.performance-open {
  width: 100%;
  min-height: 46px;
  margin-top: 16px;
  border: 1px solid rgba(122, 77, 255, 0.38);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(122, 77, 255, 0.16), rgba(69, 104, 255, 0.1));
  color: #f5f5fa;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.performance-open svg {
  width: 19px;
  height: 19px;
}

.performance-open:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}

.performance-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(3, 4, 8, 0.78);
  backdrop-filter: blur(8px);
}

.performance-modal.is-open {
  display: flex;
}

.performance-dialog {
  width: min(720px, 100%);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: #0b0c12;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
}

.performance-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.performance-head span {
  color: #9696a3;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.performance-head h2 {
  margin: 5px 0 0;
  color: #fff;
  font-size: 26px;
}

.performance-head button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  cursor: pointer;
}

.performance-build {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 20px;
}

.performance-build div {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
}

.performance-build .performance-loading,
.performance-build .performance-error {
  grid-column: 1 / -1;
  color: #b8b8c3;
  font-size: 13px;
  text-align: center;
}

.performance-build .performance-error {
  color: #ff9bad;
}

.performance-build span,
.performance-build strong {
  display: block;
}

.performance-build span {
  color: #9696a3;
  font-size: 10px;
  text-transform: uppercase;
}

.performance-build strong {
  margin-top: 5px;
  color: #eeeef5;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.performance-resolution {
  width: max-content;
  max-width: 100%;
  margin-top: 18px;
  padding: 4px;
  display: flex;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
}

.performance-resolution button {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #b8b8c3;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.performance-resolution button.is-active {
  background: linear-gradient(90deg, #f135a9, #6866ff);
  color: #fff;
}

.performance-games {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.performance-game > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: #d8d8e2;
  font-size: 13px;
}

.performance-game strong {
  color: #fff;
  white-space: nowrap;
}

.performance-track {
  height: 8px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.06);
}

.performance-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f135a9, #6866ff, #3aa8ff);
}

.performance-disclaimer {
  margin: 20px 0 0;
  color: #858591;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 620px) {
  .performance-dialog {
    padding: 18px;
  }

  .performance-build {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .configurator {
    padding: 42px;
  }

  .configurator-layout {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .config-summary {
    position: static;
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .configurator {
    padding: 28px;
    border-radius: 18px;
  }

  .configurator h2 {
    font-size: 38px;
    line-height: 1.02;
  }

  .configurator-head,
  .configurator-layout,
  .config-option {
    grid-template-columns: 1fr;
  }

  .configurator-case {
    justify-self: center;
    width: min(300px, 100%);
    min-height: 0;
    aspect-ratio: 1 / 0.86;
  }

  .configurator-case img {
    width: 100%;
    max-height: 292px;
    object-fit: contain;
  }

  .config-tabs {
    grid-template-columns: 1fr 1fr;
  }

  .config-tabs button {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .config-tabs b {
    display: none;
  }

  .config-products-head {
    display: grid;
  }

  .config-filter {
    justify-content: flex-start;
  }

  .config-option strong {
    justify-self: start;
  }
}

@media (max-width: 420px) {
  .configurator {
    padding: 20px;
    border-radius: 16px;
  }

  .configurator h2 {
    font-size: 30px;
  }

  .config-products,
  .config-summary {
    padding: 14px;
  }

  .config-tabs {
    grid-template-columns: 1fr;
  }

  .config-option {
    padding: 15px;
  }

  .summary-card strong {
    font-size: 28px;
  }
}
.configurator-title {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.05;
}
.cart-header-link { position:relative; }
.cart-header-link [data-cart-count] { position:absolute; top:-5px; right:-7px; min-width:18px; height:18px; padding:0 4px; display:grid; place-items:center; border-radius:9px; background:#ff35b8; color:#fff; font-size:10px; font-weight:800; }
.config-save-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.config-save-actions button { min-height:44px; padding:8px 10px; border:1px solid rgba(255,255,255,.1); border-radius:3px; background:#11121b; color:#eee; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.config-save-actions button:hover { border-color:rgba(255,53,184,.45); }
.config-save-actions i { margin-right:6px; color:#ff35b8; }
.config-action-status { min-height:18px; margin:7px 0 0; color:#63ffb6; font-size:12px; text-align:center; }
.cart-page { width:100%; max-width:none; margin:0; padding:42px; }
.cart-page-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.cart-page-head h1 { margin:0; color:#fff; font-size:clamp(30px,5vw,52px); }
.cart-page-head > a, .cart-build > a, .cart-empty > a { min-height:42px; padding:0 15px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(255,53,184,.3); border-radius:3px; background:linear-gradient(90deg,rgba(255,53,184,.16),rgba(69,104,255,.12)); color:#fff; text-decoration:none; font-size:13px; font-weight:800; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.cart-page-head > a:hover, .cart-empty > a:hover { border-color:rgba(255,53,184,.58); background:linear-gradient(90deg,rgba(255,53,184,.25),rgba(69,104,255,.2)); transform:translateY(-1px); }
.cart-builds { display:grid; gap:14px; margin-top:28px; }
.cart-build { padding:20px; border:1px solid rgba(255,255,255,.08); border-radius:4px; background:rgba(255,255,255,.025); }
.cart-build { position:relative; overflow:hidden; padding:0; background:linear-gradient(145deg,rgba(18,19,29,.96),rgba(8,9,15,.98)); box-shadow:0 24px 70px rgba(0,0,0,.24); }
.cart-build::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:2px; background:linear-gradient(90deg,#ff35b8,#7a4dff,#4568ff); }
.cart-build-title { display:flex; justify-content:space-between; gap:16px; }
.cart-build-title { align-items:flex-start; padding:22px 24px; border-bottom:1px solid rgba(255,255,255,.07); background:linear-gradient(90deg,rgba(255,53,184,.07),transparent 45%); }
.cart-build-title span { display:block; color:#999; font-size:12px; }
.cart-build-title h2 { margin:5px 0; color:#fff; font-size:21px; }
.cart-build-name { position:relative; display:block; width:min(520px,100%); margin:5px 0; }
.cart-build-name input { width:100%; min-height:36px; padding:4px 34px 4px 0; border:0; border-bottom:1px solid transparent; border-radius:0; outline:0; background:transparent; color:#fff; font:inherit; font-size:21px; font-weight:700; }
.cart-build-name input:hover { border-bottom-color:rgba(255,255,255,.12); }
.cart-build-name input:focus { border-bottom-color:#ff35b8; }
.cart-build-name i { position:absolute; top:11px; right:8px; color:#747480; font-size:11px; pointer-events:none; }
.cart-build-name:focus-within i { color:#ff35b8; }
.cart-build-title small { color:#858591; }
.cart-build-title button { border:0; background:transparent; color:#ff5b78; cursor:pointer; }
.cart-build-title button { width:38px; height:38px; border:1px solid rgba(255,91,120,.24); border-radius:3px; background:linear-gradient(145deg,rgba(255,91,120,.12),rgba(122,77,255,.08)); transition:transform .2s ease,border-color .2s ease; }
.cart-build-title button:hover { border-color:rgba(255,91,120,.55); transform:translateY(-1px); }
.cart-build-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; }
.cart-build ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; padding:14px; list-style:none; }
.cart-build li { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; padding:12px; border-bottom:1px solid rgba(255,255,255,.055); color:#ccc; }
.cart-build li:nth-last-child(-n+2) { border-bottom:0; }
.cart-build li b { color:#fff; white-space:nowrap; }
.cart-component-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(122,77,255,.22); border-radius:3px; background:linear-gradient(145deg,rgba(255,53,184,.1),rgba(69,104,255,.1)); color:#e274ff; }
.cart-component-icon svg { width:27px; height:27px; }
.cart-component-copy { min-width:0; }
.cart-component-copy small { display:block; margin-bottom:4px; color:#777783; font-size:10px; text-transform:uppercase; letter-spacing:.07em; }
.cart-component-copy strong { display:block; overflow:hidden; color:#e9e9ef; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.cart-build-layout aside { display:flex; flex-direction:column; justify-content:center; padding:28px; border-left:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.018); }
.cart-build-layout aside > span { color:#90909b; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.cart-build-layout aside > strong { margin:9px 0 22px; color:#fff; font-size:30px; line-height:1; }
.cart-build-layout aside a { min-height:42px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(255,53,184,.3); border-radius:3px; background:linear-gradient(90deg,rgba(255,53,184,.16),rgba(69,104,255,.12)); color:#fff; font-size:12px; font-weight:800; transition:transform .2s ease,border-color .2s ease; }
.cart-build-layout aside a:hover { border-color:rgba(255,53,184,.58); transform:translateY(-1px); }
.cart-footer { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:20px; margin-top:24px; padding:20px; border-top:1px solid rgba(255,255,255,.1); }
.cart-footer.is-single-build { grid-template-columns:1fr; }
.cart-footer.is-single-build .cart-request-open { justify-self:end; }
.cart-footer strong { color:#fff; font-size:28px; }
.cart-empty { padding:60px 20px; text-align:center; color:#aaa; }
.cart-empty > i { color:#ff35b8; font-size:38px; }.cart-empty h2 { color:#fff; }
@media(max-width:980px){.cart-build-layout{grid-template-columns:1fr}.cart-build-layout aside{border-top:1px solid rgba(255,255,255,.07);border-left:0}.cart-build ul{grid-template-columns:1fr}}
@media(max-width:680px){.cart-page{padding:24px}.cart-page-head,.cart-footer{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}.cart-build-title{padding:18px}.cart-build li{grid-template-columns:42px minmax(0,1fr);font-size:13px}.cart-build li>b{grid-column:2}.cart-component-icon{width:42px;height:42px}.config-save-actions{grid-template-columns:1fr}}
.cart-request-open { border:0; font:inherit; cursor:pointer; }
.cart-request-modal { position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:20px; background:rgba(3,4,8,.86); backdrop-filter:blur(10px); }
.cart-request-modal[hidden] { display:none; }
.cart-request-modal > section { position:relative; width:min(680px,100%); max-height:calc(100vh - 40px); overflow:auto; padding:32px; border:1px solid rgba(255,255,255,.11); border-radius:4px; background:linear-gradient(145deg,#12131c,#090a10); box-shadow:0 35px 100px rgba(0,0,0,.65); }
.cart-request-modal h2 { margin:5px 0 8px; color:#fff; font-size:30px; }.cart-request-modal section>p:not(.eyebrow){color:#999;line-height:1.5}
.cart-request-close { position:absolute; top:18px; right:18px; width:38px; height:38px; border:1px solid rgba(255,53,184,.24); border-radius:3px; background:linear-gradient(145deg,rgba(255,53,184,.13),rgba(69,104,255,.1)); color:#fff; cursor:pointer; }
.cart-request-modal form { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:24px; }
.cart-request-modal label { display:grid; gap:7px; color:#aaa; font-size:12px; font-weight:700; }
.cart-request-modal input,.cart-request-modal select,.cart-request-modal textarea { width:100%; padding:12px 13px; border:1px solid rgba(255,255,255,.1); border-radius:3px; outline:0; background:#0c0d14; color:#fff; font:inherit; }
.cart-request-modal input:focus,.cart-request-modal select:focus,.cart-request-modal textarea:focus { border-color:#ff35b8; }
.cart-request-wide,.cart-request-submit,.cart-request-message { grid-column:1/-1; }
.cart-request-submit { min-height:48px; justify-content:center; border:1px solid rgba(255,53,184,.35); border-radius:3px; background:linear-gradient(90deg,#ec2eaa,#6847ec); color:#fff; font:inherit; font-weight:800; cursor:pointer; }.cart-request-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.cart-request-submit:disabled{opacity:.55;cursor:wait;transform:none}
.cart-request-message { min-height:18px; margin:0; color:#63ffb6; font-size:12px; }.cart-request-message.is-error{color:#ff758c}
@media(max-width:600px){.cart-request-modal>section{padding:24px 18px}.cart-request-modal form{grid-template-columns:1fr}.cart-request-modal label,.cart-request-submit,.cart-request-message{grid-column:1}}

/* Cart 2.0 */
.cart-page { padding:0; overflow:hidden; background:linear-gradient(150deg,#10111a 0%,#08090e 72%); }
.cart-hero { position:relative; padding:34px 38px; border-bottom:1px solid rgba(255,255,255,.07); background:radial-gradient(circle at 12% 0%,rgba(255,53,184,.13),transparent 34%),radial-gradient(circle at 88% 100%,rgba(69,104,255,.12),transparent 30%); }
.cart-hero::after { content:""; position:absolute; right:18%; bottom:0; width:220px; height:1px; background:linear-gradient(90deg,transparent,#ff35b8,transparent); }
.cart-hero-copy { display:flex; align-items:center; gap:18px; }
.cart-hero-copy > div > p:last-child { margin:8px 0 0; color:#8e8e99; font-size:14px; }
.cart-hero-icon { flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(255,53,184,.28); border-radius:4px; background:linear-gradient(145deg,rgba(255,53,184,.18),rgba(69,104,255,.14)); color:#fff; font-size:21px; box-shadow:0 12px 35px rgba(255,53,184,.1); }
.cart-builds { gap:18px; margin:0; padding:28px; }
.cart-build { border-color:rgba(255,255,255,.085); border-radius:4px; background:#0d0e15; box-shadow:none; }
.cart-build::before { width:3px; height:100%; background:linear-gradient(180deg,#ff35b8,#6b4df4 55%,#4568ff); }
.cart-build-title { display:grid; grid-template-columns:54px minmax(0,1fr) 42px; align-items:center; gap:16px; padding:20px 24px 20px 27px; background:linear-gradient(90deg,rgba(255,255,255,.025),transparent); }
.cart-build-number { width:48px; height:48px; display:grid !important; place-items:center; border:1px solid rgba(255,255,255,.09); border-radius:4px; background:#151620; color:#d8d8e0 !important; font-size:13px !important; font-weight:900; letter-spacing:.08em; }
.cart-build-title h2 { margin:0; }
.cart-build-title > div > span { color:#777783; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.cart-build-title > div > small { display:flex; align-items:center; gap:6px; color:#777783; font-size:11px; }
.cart-build-name { width:min(680px,100%); margin:2px 0 5px; }
.cart-build-name input { min-height:32px; padding-left:0; font-size:20px; }
.cart-build-content { padding:10px 24px 18px 27px; }
.cart-build .cart-parts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:0; }
.cart-build .cart-parts-grid li { grid-template-columns:42px minmax(0,1fr); gap:10px; padding:12px; border:1px solid rgba(255,255,255,.06); border-radius:3px; background:rgba(255,255,255,.018); transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.cart-build .cart-parts-grid li:hover { border-color:rgba(122,77,255,.23); background:rgba(122,77,255,.045); transform:translateY(-1px); }
.cart-build .cart-parts-grid li:nth-last-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.06); }
.cart-build .cart-parts-grid li > b { grid-column:2; color:#a9a9b4; font-size:12px; font-weight:700; }
.cart-build .cart-component-icon { width:42px; height:42px; border-color:rgba(255,255,255,.08); background:#151620; color:#bc7dff; }
.cart-build .cart-component-icon svg { width:23px; height:23px; }
.cart-build-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 24px 17px 27px; border-top:1px solid rgba(255,255,255,.065); background:rgba(255,255,255,.014); }
.cart-build-bottom > a { min-height:40px; padding:0 14px; display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.1); border-radius:3px; color:#d7d7df; font-size:12px; font-weight:800; transition:border-color .2s ease,color .2s ease; }
.cart-build-bottom > a:hover { border-color:rgba(255,53,184,.38); color:#fff; }
.cart-build-bottom > div { display:flex; align-items:center; gap:16px; }
.cart-build-bottom span { color:#7e7e89; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.cart-build-bottom strong { color:#fff; font-size:25px; }
.cart-footer { margin:0; padding:20px 28px 28px; border-top:0; background:transparent; }
.cart-footer:not(.is-single-build) { position:sticky; bottom:0; z-index:4; border-top:1px solid rgba(255,255,255,.08); background:rgba(10,11,17,.92); backdrop-filter:blur(14px); }
.cart-footer > span { color:#81818c; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.cart-footer > strong { font-size:30px; }
@media(max-width:1050px){.cart-build .cart-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.cart-hero{padding:24px 20px}.cart-hero-copy{align-items:flex-start}.cart-hero-icon{display:none}.cart-builds{padding:16px}.cart-build-title{grid-template-columns:42px minmax(0,1fr) 38px;padding:17px 14px 17px 17px;gap:10px}.cart-build-number{width:38px;height:38px}.cart-build-name input{font-size:16px}.cart-build-content{padding:8px 14px 14px 17px}.cart-build .cart-parts-grid{grid-template-columns:1fr}.cart-build-bottom{align-items:flex-start;flex-direction:column-reverse;padding:15px 14px 15px 17px}.cart-build-bottom>div{width:100%;justify-content:space-between}.cart-build-bottom>a{width:100%;justify-content:center}.cart-footer{padding:16px}.cart-footer.is-single-build .cart-request-open{width:100%;justify-self:stretch}}

/* Спокойная версия корзины без лишних градиентов. */
.cart-page,
.cart-hero,
.cart-build,
.cart-build-title,
.cart-build-bottom,
.cart-component-icon,
.cart-hero-icon,
.cart-build-title button,
.cart-request-modal > section,
.cart-request-close {
  background: #0d0e14;
  box-shadow: none;
}
.cart-hero { background:#101117; }
.cart-hero::after,
.cart-build::before { display:none; }
.cart-hero-icon { border-color:rgba(255,255,255,.1); color:#ff4fba; }
.cart-build { border-color:rgba(255,255,255,.09); }
.cart-build .cart-parts-grid li,
.cart-build .cart-parts-grid li:hover { background:#111219; transform:none; }
.cart-build .cart-parts-grid li:hover { border-color:rgba(255,255,255,.14); }
.cart-build .cart-component-icon { background:#171820; color:#c78cff; }
.cart-page-head > a,
.cart-empty > a,
.cart-build-layout aside a,
.config-save-actions button { background:#171820; }
.cart-page-head > a:hover,
.cart-empty > a:hover { background:#1c1d26; transform:none; }
.cart-build-title button { border-color:rgba(255,91,120,.2); }
.cart-build-title button:hover { transform:none; }
.cart-request-submit { background:#d92a9c; }
.cart-request-submit:hover { background:#e238aa; filter:none; transform:none; }
.cart-footer:not(.is-single-build) { background:rgba(13,14,20,.96); }
.cart-loading-card { min-height:230px; display:grid; grid-template-columns:64px 1fr; gap:18px; padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:4px; background:#0d0e14; }.cart-loading-card>i{width:52px;height:52px;border-radius:4px;background:#191a22}.cart-loading-card>div{display:grid;align-content:start;gap:14px}.cart-loading-card b,.cart-loading-card span,.config-option-skeleton i,.config-option-skeleton b,.config-option-skeleton small,.config-option-skeleton strong,.config-tab-skeleton,.summary-line-skeleton{display:block;background:linear-gradient(90deg,#15161e 25%,#22232d 50%,#15161e 75%);background-size:200% 100%;animation:siteSkeleton 1.35s linear infinite}.cart-loading-card b{width:44%;height:24px}.cart-loading-card span{width:100%;height:34px}.config-option-skeleton{min-height:104px;display:grid;grid-template-columns:76px 1fr 90px;align-items:center;gap:16px;padding:15px;border:1px solid rgba(255,255,255,.06);border-radius:4px}.config-option-skeleton i{width:76px;height:64px;border-radius:3px}.config-option-skeleton span{display:grid;gap:10px}.config-option-skeleton b{width:55%;height:16px}.config-option-skeleton small{width:85%;height:11px}.config-option-skeleton strong{height:22px}.config-tab-skeleton{height:58px;border-radius:4px}.summary-line-skeleton{height:42px;border-radius:3px}.summary-list>.summary-line-skeleton{display:block}@keyframes siteSkeleton{to{background-position:-200% 0}}
@media(max-width:680px){.config-option-skeleton{grid-template-columns:58px 1fr}.config-option-skeleton i{width:58px;height:52px}.config-option-skeleton strong{display:none}.cart-loading-card{grid-template-columns:1fr}.cart-loading-card>i{display:none}}

/* Простая корзина */
.cart-page { padding:24px; background:#101117; }
.cart-hero { padding:0 0 22px; border-bottom:1px solid rgba(255,255,255,.08); background:transparent; }
.cart-hero-copy { gap:0; }.cart-hero-icon{display:none}.cart-hero-copy>div>p:last-child{margin-top:6px}
.cart-builds { gap:12px; padding:20px 0 0; }
.cart-build { border:1px solid rgba(255,255,255,.09); border-radius:6px; background:#0c0d12; }
.cart-build-title { grid-template-columns:minmax(0,1fr) 38px; gap:12px; padding:18px; border-bottom:1px solid rgba(255,255,255,.07); background:transparent; }
.cart-build-number { display:none !important; }
.cart-build-title>div>span { display:none; }
.cart-build-name { margin:0 0 4px; }.cart-build-name input{font-size:18px}
.cart-build-content { padding:10px 18px; }
.cart-build .cart-parts-grid { display:grid; grid-template-columns:1fr; gap:0; }
.cart-build .cart-parts-grid li { min-height:60px; grid-template-columns:38px minmax(0,1fr) auto; gap:11px; padding:10px 0; border:0; border-bottom:1px solid rgba(255,255,255,.06); border-radius:0; background:transparent; }
.cart-build .cart-parts-grid li:last-child { border-bottom:0; }.cart-build .cart-parts-grid li:hover{border-color:rgba(255,255,255,.06);background:transparent}
.cart-build .cart-component-icon { width:38px; height:38px; border:1px solid rgba(255,255,255,.08); border-radius:4px; background:#15161d; }
.cart-build .cart-component-icon svg { width:20px; height:20px; }
.cart-build .cart-parts-grid li>b { grid-column:auto; color:#ddd; font-size:12px; }
.cart-build-bottom { padding:14px 18px; background:transparent; }
.cart-build-bottom>div { gap:12px; }.cart-build-bottom strong{font-size:22px}
.cart-footer,.cart-footer:not(.is-single-build) { position:static; margin-top:16px; padding:16px 0 0; border-top:1px solid rgba(255,255,255,.08); background:transparent; backdrop-filter:none; }
.cart-footer[hidden] { display:none !important; }
@media(max-width:680px){.cart-page{padding:18px}.cart-build-title{grid-template-columns:minmax(0,1fr) 38px;padding:14px}.cart-build-content{padding:8px 14px}.cart-build .cart-parts-grid li{grid-template-columns:36px minmax(0,1fr)}.cart-build .cart-parts-grid li>b{grid-column:2}.cart-build-bottom{padding:13px 14px}}
.config-summary-actions { display:grid; grid-template-columns:minmax(0,1fr) 46px 46px; gap:7px; margin-top:14px; }
.config-summary-actions .performance-open { width:100%; min-width:0; margin:0; border-color:rgba(255,255,255,.1); border-radius:4px; background:#171820; color:#e7e7ed; transition:border-color .2s ease,color .2s ease,background .2s ease; }
.config-summary-actions .performance-open:not(:disabled):hover { border-color:rgba(255,53,184,.42); background:#1d1e27; color:#ff5ec4; }
.config-icon-action { width:46px; height:46px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.1); border-radius:4px; background:#171820; color:#e7e7ed; cursor:pointer; transition:border-color .2s ease,color .2s ease,background .2s ease; }
.config-icon-action:hover { border-color:rgba(255,53,184,.42); background:#1d1e27; color:#ff5ec4; }
.config-icon-action:disabled { opacity:.35; cursor:not-allowed; }
.config-icon-action:disabled:hover { border-color:rgba(255,255,255,.1); background:#171820; color:#e7e7ed; }
.config-icon-action i { margin:0; font-size:14px; }
@media(max-width:420px){.config-summary-actions{grid-template-columns:minmax(0,1fr) 42px 42px}.config-icon-action{width:42px;height:42px}.config-summary-actions .performance-open span{font-size:10px}}
.config-action-status { min-height:0; margin:9px 0 0; padding:0; border:0; border-radius:4px; background:transparent; color:transparent; font-size:11px; line-height:1.4; text-align:left; transition:padding .2s ease,background .2s ease,color .2s ease; }
.config-action-status:not(:empty) { min-height:38px; padding:10px 11px 10px 32px; border:1px solid rgba(34,197,94,.2); background:rgba(34,197,94,.07); color:#9cf2bd; }
.config-action-status:not(:empty)::before { content:"\f058"; position:absolute; margin-left:-21px; font-family:"Font Awesome 6 Free"; font-weight:900; }
.config-action-status.is-warning:not(:empty) { border-color:rgba(245,158,11,.22); background:rgba(245,158,11,.07); color:#f5cf82; }
.config-action-status.is-warning:not(:empty)::before { content:"\f071"; }
.is-button-loading { position:relative !important; pointer-events:none !important; color:transparent !important; }
.is-button-loading > * { visibility:hidden !important; }
.is-button-loading::after { content:"" !important; position:absolute !important; top:50% !important; left:50% !important; width:17px !important; height:17px !important; margin:-9px 0 0 -9px !important; border:2px solid rgba(255,255,255,.28) !important; border-top-color:#fff !important; border-radius:50% !important; background:transparent !important; animation:buttonSpinner .68s linear infinite !important; }
@keyframes buttonSpinner { to { transform:rotate(360deg); } }
.catalog-dynamic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-build-card{min-height:560px}
.catalog-card-kicker{margin-bottom:10px;color:#ff5ec4;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.catalog-card-components{width:100%;display:grid;gap:6px;margin:19px 0 0;padding:0;list-style:none}
.catalog-card-components li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;color:#888894;font-size:10px}
.catalog-card-components b{overflow:hidden;color:#c7c7cf;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.catalog-card-price{margin-top:21px;color:#fff;font-size:24px}
.catalog-add-button:disabled{opacity:.45;cursor:not-allowed}
.catalog-all-link{width:max-content;margin:26px auto 0}
.catalog-public-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;padding:40px;text-align:center}
.catalog-public-empty>i{color:#ff35b8;font-size:38px}.catalog-public-empty h3{margin:0;color:#fff;font-size:27px}.catalog-public-empty p{margin:0 0 8px;color:#888894}
.catalog-page-section{padding:30px 0 70px}.catalog-page .section-title h1{margin:8px 0 0;color:#f3f3f8;font-size:48px;font-weight:500;text-transform:uppercase}
@media(min-width:981px){.catalog-page{padding-top:118px}}
@media(max-width:980px){.catalog-dynamic-cards{grid-template-columns:1fr}}
.catalog-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px}
.catalog-product-card{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#0d0e14;transition:border-color .2s ease,transform .2s ease}
.catalog-product-card:hover{border-color:rgba(255,255,255,.16);transform:translateY(-3px)}
.catalog-product-media{position:relative;width:100%;height:310px;display:grid;place-items:center;overflow:hidden;background:#090a0f}
.catalog-product-media::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(107,76,238,.12);filter:blur(45px)}
.catalog-product-media .pc-image{position:relative;z-index:1;width:82%;height:86%;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(0,0,0,.48))}
.catalog-stock{position:absolute;z-index:3;top:14px;left:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:3px;background:rgba(14,15,21,.86);color:#858590;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.catalog-stock.is-available{border-color:rgba(74,222,128,.18);color:#86efac}
.catalog-product-body{padding:21px}.catalog-product-type{color:#777783;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.catalog-product-body h3{margin:8px 0 7px;color:#f4f4f7;font-size:22px;line-height:1.15;font-weight:600}
.catalog-product-description{min-height:36px;margin:0;color:#858590;font-size:12px;line-height:1.5}
.catalog-product-specs{display:grid;gap:0;margin:18px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.06);list-style:none}
.catalog-product-specs li{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}
.catalog-product-specs span{color:#686873}.catalog-product-specs b{overflow:hidden;color:#b8b8c0;font-weight:600;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.catalog-product-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}
.catalog-product-footer>strong{color:#fff;font-size:21px;letter-spacing:-.02em}
.catalog-product-footer>button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgba(255,53,184,.28);border-radius:4px;background:#e238aa;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.catalog-product-footer>button:hover{border-color:#ff5ec4;background:#f044b8}.catalog-product-footer>button:disabled{border-color:rgba(255,255,255,.08);background:#171820;color:#6f6f79;cursor:not-allowed}
@media(max-width:1100px){.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.catalog-product-grid{grid-template-columns:1fr}.catalog-product-media{height:280px}.catalog-product-card:hover{transform:none}}
.catalog-product-media{text-decoration:none}.catalog-product-body h3 a{color:inherit;text-decoration:none}.catalog-product-body h3 a:hover{color:#ff5ec4}
.product-page{padding-bottom:80px}.product-breadcrumbs{display:flex;align-items:center;gap:9px;margin:22px 0;color:#656570;font-size:11px}.product-breadcrumbs a{color:#8d8d98;text-decoration:none}.product-breadcrumbs a:hover{color:#fff}.product-breadcrumbs i{font-size:7px}
.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr);gap:28px}.product-gallery,.product-info{border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#0d0e14}.product-gallery{padding:18px}.product-main-image{height:570px;display:grid;place-items:center;overflow:hidden;background:#090a0f}.product-main-image::before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:rgba(107,76,238,.12);filter:blur(65px)}.product-main-image img{position:relative;z-index:1;width:85%;height:88%;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.55))}.product-thumbnails{display:flex;gap:9px;overflow-x:auto;margin-top:12px}.product-thumbnails button{width:82px;height:72px;flex:0 0 auto;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#111218;cursor:pointer}.product-thumbnails button.is-active{border-color:#8b5cf6}.product-thumbnails img{width:100%;height:100%;object-fit:contain}
.product-info{padding:38px;align-self:start}.product-status-row{display:flex;align-items:center;justify-content:space-between;color:#777783;font-size:10px}.product-status-row .catalog-stock{position:static}.product-kicker{margin:34px 0 9px;color:#ff5ec4;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.product-info h1{margin:0;color:#f5f5f8;font-size:clamp(32px,4vw,52px);line-height:1.02;font-weight:550;letter-spacing:-.035em}.product-description{margin:18px 0 0;color:#92929d;font-size:14px;line-height:1.65}.product-price{margin-top:31px;color:#fff;font-size:34px;font-weight:750;letter-spacing:-.025em}.product-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px;gap:8px;margin-top:17px}.product-actions button{height:48px;border:1px solid rgba(255,255,255,.1);border-radius:4px;font:inherit;cursor:pointer}.product-buy{display:flex;align-items:center;justify-content:center;gap:9px;border-color:rgba(255,53,184,.3)!important;background:#e238aa;color:#fff;font-size:12px;font-weight:800}.product-buy:hover{background:#f044b8}.product-buy:disabled{border-color:rgba(255,255,255,.08)!important;background:#191a20;color:#666;cursor:not-allowed}.product-icon-action{display:grid;place-items:center;background:#171820;color:#b7b7c0;font-size:15px}.product-icon-action:hover,.product-icon-action.is-active{border-color:rgba(255,53,184,.4);color:#ff5ec4}.product-action-message{min-height:18px;margin:8px 0 0;color:#9cf2bd;font-size:10px}.product-service-notes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;padding-top:19px;border-top:1px solid rgba(255,255,255,.07)}.product-service-notes span{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px;color:#8c8c97;font-size:9px}.product-service-notes i{color:#a78bfa}.product-service-notes b{font-weight:650}
.product-components{margin-top:34px}.product-components>header{margin-bottom:17px}.product-components h2{margin:6px 0 0;color:#eee;font-size:28px;font-weight:550}.product-components>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-components article{min-height:125px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:5px;background:#0d0e14}.product-components article>span{color:#757580;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.product-components h3{margin:8px 0 0;color:#ddd;font-size:14px}.product-components article p{margin:8px 0 0;color:#777783;font-size:10px;line-height:1.5}.product-not-found{margin-top:40px}
@media(max-width:950px){.product-layout{grid-template-columns:1fr}.product-main-image{height:470px}.product-components>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.product-info{padding:24px}.product-main-image{height:340px}.product-components>div{grid-template-columns:1fr}.product-service-notes{grid-template-columns:1fr}.product-actions{grid-template-columns:minmax(0,1fr) 44px 44px}.product-actions button{height:44px}}
/* Unified interface geometry */
:root {
  --radius-panel: 5px;
  --radius-control: 4px;
  --radius-label: 3px;
}

body :is(
  .panel,
  .catalog-product-card,
  .catalog-public-empty,
  .product-gallery,
  .product-info,
  .product-components article,
  .cart-page,
  .cart-build,
  .cart-request-dialog,
  .performance-modal,
  .component-preview-dialog,
  .config-tabs,
  .config-products,
  .config-summary,
  .config-option
) {
  border-radius: var(--radius-panel) !important;
}

body :is(
  button,
  input,
  textarea,
  select,
  .primary-btn,
  .secondary-btn,
  .outline-btn,
  .icon-link,
  .product-thumbnails button,
  .catalog-product-footer > button,
  .product-actions button,
  .config-tabs button,
  .config-filter button
) {
  border-radius: var(--radius-control) !important;
}

body :is(
  .catalog-stock,
  .catalog-product-type,
  .catalog-card-kicker,
  .eyebrow,
  .request-source
) {
  border-radius: var(--radius-label) !important;
}

body :is(.image-skeleton, .catalog-product-media, .product-main-image, .component-preview-stage) {
  border-radius: var(--radius-control) !important;
}

body :is(.brand-mark, .avatar, .performance-close)::before {
  border-radius: 50%;
}
.catalog-product-card{padding:8px}.catalog-product-media{width:100%;height:auto;aspect-ratio:1/1;border-radius:4px!important;background:#090a0f}.catalog-product-media::before{display:none}.catalog-product-media .pc-image{width:100%;height:100%;object-fit:cover;object-position:center 70%;border-radius:4px!important;filter:none}.catalog-product-body{padding:14px 8px 8px}.catalog-product-body h3{margin:0;overflow:hidden;color:#f4f4f7;font-size:15px;line-height:1.25;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.catalog-product-price{display:block;margin-top:9px;color:#fff;font-size:20px;letter-spacing:-.02em}.catalog-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.catalog-product-actions>button,.catalog-product-actions>a{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:4px!important;font:inherit;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.catalog-product-actions>button{border-color:rgba(255,53,184,.3);background:#e238aa;color:#fff}.catalog-product-actions>button:hover{background:#f044b8}.catalog-product-actions>button:disabled{border-color:rgba(255,255,255,.08);background:#191a20;color:#666;cursor:not-allowed}.catalog-product-actions>a{background:#171820;color:#d4d4dc}.catalog-product-actions>a:hover{border-color:#3b3d48;color:#fff}
@media(max-width:1180px){.catalog-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.catalog-product-grid{grid-template-columns:1fr}.catalog-product-media{aspect-ratio:4/3}.catalog-product-body h3{font-size:16px}.catalog-product-actions>button,.catalog-product-actions>a{min-height:42px}}
.catalog-toolbar{min-height:54px;display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:12px;margin-bottom:16px;padding:9px;border:1px solid rgba(255,255,255,.075);border-radius:5px;background:#0d0e14}.catalog-filter-open{display:none}.catalog-search-field{height:38px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#111218;color:#666}.catalog-search-field input{width:100%;border:0;outline:0;background:transparent;color:#eee;font:inherit;font-size:11px}.catalog-result-count{color:#777783;font-size:10px;white-space:nowrap}.catalog-result-count b{color:#ddd}.catalog-sort{display:flex;align-items:center;gap:8px}.catalog-sort>span{color:#777783;font-size:9px}.catalog-sort select{height:38px;padding:0 28px 0 10px;border:1px solid rgba(255,255,255,.08);background:#111218;color:#ddd;font:inherit;font-size:10px}
.catalog-shop-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:16px;align-items:start}.catalog-filters{position:sticky;top:14px;border:1px solid rgba(255,255,255,.075);border-radius:5px;background:#0d0e14}.catalog-filters>header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.065)}.catalog-filters>header strong{color:#eee;font-size:13px}.catalog-filters>header button{display:none;width:32px;height:32px;border:1px solid rgba(255,255,255,.08);background:#171820;color:#aaa}.catalog-filters form{padding:0 14px 14px}.catalog-filters fieldset{margin:0;padding:15px 0;border:0;border-bottom:1px solid rgba(255,255,255,.06)}.catalog-filters legend{width:100%;margin-bottom:11px;color:#c9c9d0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.catalog-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.catalog-price-fields label{height:38px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#111218}.catalog-price-fields span{color:#666;font-size:9px}.catalog-price-fields input{min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:#ddd;font:inherit;font-size:10px}.catalog-filter-options{display:grid;gap:9px;max-height:190px;overflow-y:auto}.catalog-filter-check{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:8px;color:#9a9aa5;font-size:10px;cursor:pointer}.catalog-filter-check input{width:17px;height:17px;margin:0;accent-color:#e238aa}.catalog-filter-check:hover{color:#eee}.catalog-filter-reset{width:100%;min-height:38px;margin-top:14px;border:1px solid rgba(255,255,255,.08);background:#171820;color:#aaa;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.catalog-results{min-width:0}.catalog-results .catalog-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-no-results{min-height:330px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid rgba(255,255,255,.075);border-radius:5px;background:#0d0e14;text-align:center}.catalog-no-results[hidden]{display:none}.catalog-no-results i{color:#777;font-size:30px}.catalog-no-results h2{margin:5px 0 0;color:#eee;font-size:20px}.catalog-no-results p{margin:0;color:#777;font-size:11px}.catalog-no-results button{min-height:38px;margin-top:8px;padding:0 14px;border:1px solid rgba(255,53,184,.28);background:#e238aa;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
@media(max-width:1100px){.catalog-results .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{grid-template-columns:minmax(220px,1fr) auto}.catalog-result-count{display:none}.catalog-sort>span{display:none}}
@media(max-width:760px){.catalog-toolbar{grid-template-columns:auto minmax(0,1fr);position:relative}.catalog-filter-open{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(255,255,255,.08);background:#171820;color:#ddd;font:inherit;font-size:10px;font-weight:800}.catalog-sort{grid-column:1/-1}.catalog-sort select{width:100%}.catalog-shop-layout{grid-template-columns:1fr}.catalog-filters{position:fixed;z-index:80;inset:0 auto 0 0;width:min(320px,88vw);overflow-y:auto;border:0;border-right:1px solid rgba(255,255,255,.09);border-radius:0!important;transform:translateX(-102%);transition:transform .22s ease}.catalog-filters.is-open{transform:translateX(0);box-shadow:30px 0 80px #000}.catalog-filters>header button{display:grid;place-items:center}.catalog-results .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.catalog-results .catalog-product-grid{grid-template-columns:1fr}}
/* Catalog v2 */
.catalog-v2{background:#08090c}.catalog-v2 .catalog-page-section{padding-top:6px}.catalog-v2-head{min-height:108px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 0 22px;border-bottom:1px solid #202127}.catalog-v2-head .eyebrow{margin:0 0 10px;color:#e238aa}.catalog-v2-head h1{margin:0;color:#f4f4f7;font-size:clamp(34px,5vw,58px);line-height:.98;font-weight:550;letter-spacing:-.045em}.catalog-v2-head p:last-child{margin:13px 0 0;color:#777783;font-size:13px}.catalog-v2-head>span{min-width:90px;padding:11px 13px;border:1px solid #272830;border-radius:4px;background:#101116;color:#777783;font-size:10px;text-align:center}.catalog-v2-head>span b{display:block;margin-bottom:3px;color:#fff;font-size:20px}
.catalog-v2 .catalog-toolbar{margin:18px 0 14px;padding:0;border:0;background:transparent}.catalog-v2 .catalog-search-field,.catalog-v2 .catalog-sort select{border-color:#272830;background:#101116}.catalog-v2 .catalog-search-field{height:44px}.catalog-v2 .catalog-sort select{height:44px}.catalog-v2 .catalog-result-count{padding:0 5px}.catalog-v2 .catalog-shop-layout{grid-template-columns:220px minmax(0,1fr);gap:14px}.catalog-v2 .catalog-filters{top:12px;border-color:#25262d;background:#0e0f13}.catalog-v2 .catalog-filters>header{height:50px;border-color:#25262d}.catalog-v2 .catalog-filters fieldset{border-color:#202127}.catalog-v2 .catalog-filter-options{gap:10px}.catalog-v2 .catalog-filter-check{color:#858590}.catalog-v2 .catalog-price-fields label{border-color:#272830;background:#131419}.catalog-v2 .catalog-filter-reset{border-color:#292a32;background:#15161b}
.catalog-v2 .catalog-results .catalog-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-v2 .catalog-product-card{padding:0;overflow:hidden;border-color:#22232a;border-radius:5px!important;background:#0e0f13;transform:none}.catalog-v2 .catalog-product-card:hover{border-color:#3a3b44;transform:none}.catalog-v2 .catalog-product-media{aspect-ratio:1/1;border-radius:0!important;background:#111216}.catalog-v2 .catalog-product-media .pc-image{border-radius:0!important;transition:transform .35s ease}.catalog-v2 .catalog-product-card:hover .catalog-product-media .pc-image{transform:scale(1.025)}.catalog-v2 .catalog-product-body{padding:15px}.catalog-v2 .catalog-product-body h3{font-size:14px;letter-spacing:-.01em}.catalog-v2 .catalog-product-price{margin-top:11px;font-size:21px}.catalog-v2 .catalog-product-actions{gap:6px;margin-top:14px}.catalog-v2 .catalog-product-actions>button,.catalog-v2 .catalog-product-actions>a{min-height:40px}.catalog-v2 .catalog-product-actions>button{border-color:#e238aa;background:#e238aa}.catalog-v2 .catalog-product-actions>a{border-color:#292a32;background:#15161b}.catalog-v2 .catalog-no-results{border-color:#25262d;background:#0e0f13}
@media(max-width:1050px){.catalog-v2 .catalog-results .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.catalog-v2-head{align-items:flex-start;flex-direction:column}.catalog-v2-head>span{display:none}.catalog-v2 .catalog-shop-layout{grid-template-columns:1fr}.catalog-v2 .catalog-toolbar{grid-template-columns:auto minmax(0,1fr)}.catalog-v2 .catalog-filters{background:#0e0f13}}@media(max-width:520px){.catalog-v2 .catalog-results .catalog-product-grid{grid-template-columns:1fr}.catalog-v2 .catalog-product-media{aspect-ratio:4/3}}
/* DigitalRazor-inspired compact catalog structure */
.catalog-v2 .catalog-product-card{padding:0 0 16px;border-radius:8px!important;background:#0d0e13}.catalog-v2 .catalog-product-media{width:calc(100% - 16px);margin:8px 8px 0;aspect-ratio:1/1;overflow:hidden;border-radius:6px!important;background:#191a20}.catalog-v2 .catalog-product-media .pc-image{object-fit:cover;object-position:center 70%;border-radius:6px!important}.catalog-card-availability{position:absolute;z-index:3;top:8px;left:8px;display:flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border-radius:12px!important;background:#292a31;color:#d7d7dd;font-size:9px;font-weight:700}.catalog-card-availability>i{width:5px;height:5px;border-radius:50%;background:#888}.catalog-card-availability.is-available>i{background:#4ade80}.catalog-v2 .catalog-product-body{padding:14px 16px 0}.catalog-product-subtitle{display:block;color:#777783;font-size:10px;font-weight:600;text-align:center}.catalog-v2 .catalog-product-body h3{margin-top:3px;font-size:18px;text-align:center}.catalog-card-price-block{display:grid;justify-items:center;gap:2px;margin-top:12px}.catalog-v2 .catalog-card-price-block .catalog-product-price{margin:0;font-size:18px}.catalog-card-price-block>span{color:#777783;font-size:10px}.catalog-v2 .catalog-product-actions{margin-top:14px}.catalog-v2 .catalog-product-actions>button,.catalog-v2 .catalog-product-actions>a{min-height:40px;border-radius:5px!important}.catalog-card-specs{display:grid;gap:6px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #25262d;list-style:none}.catalog-card-specs li{min-width:0;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:7px;padding:7px 9px;border-radius:5px;background:#18191f;font-size:9px}.catalog-card-specs span{overflow:hidden;color:#747580;text-overflow:ellipsis;white-space:nowrap}.catalog-card-specs b{overflow:hidden;color:#d2d2d8;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.catalog-v2 .catalog-toolbar{grid-template-columns:minmax(240px,1fr) auto auto}.catalog-v2 .catalog-sort{display:flex;align-items:center;gap:5px}.catalog-v2 .catalog-sort>span{margin-right:4px}.catalog-v2 .catalog-sort label{cursor:pointer}.catalog-v2 .catalog-sort input{position:absolute;opacity:0;pointer-events:none}.catalog-v2 .catalog-sort label>span{height:36px;display:flex;align-items:center;padding:0 10px;border:1px solid #272830;border-radius:4px;background:#101116;color:#777783;font-size:9px;font-weight:700}.catalog-v2 .catalog-sort input:checked+span{border-color:#4b4d58;background:#1b1c22;color:#fff}.catalog-v2 .catalog-filter-check input{appearance:none;width:16px;height:16px;border:1px solid #41434d;border-radius:3px;background:#101116}.catalog-v2 .catalog-filter-check input:checked{border-color:#e238aa;background:#e238aa;box-shadow:inset 0 0 0 4px #e238aa}.catalog-v2 .catalog-filter-check input:checked::after{content:"";display:block;width:8px;height:4px;margin:4px 0 0 3px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
@media(max-width:1100px){.catalog-v2 .catalog-toolbar{grid-template-columns:minmax(220px,1fr) auto}.catalog-v2 .catalog-sort{grid-column:1/-1}.catalog-v2 .catalog-result-count{display:block}}@media(max-width:760px){.catalog-v2 .catalog-toolbar{grid-template-columns:auto minmax(0,1fr)}.catalog-v2 .catalog-sort{overflow-x:auto}.catalog-v2 .catalog-sort>span{display:none}.catalog-v2 .catalog-sort label>span{white-space:nowrap}}
.catalog-price-presets{margin-top:12px}
/* Catalog performance calculator and softer card geometry */
.catalog-v2 .catalog-product-card{border-radius:16px!important}
.catalog-v2 .catalog-product-media,.catalog-v2 .catalog-product-media .pc-image{border-radius:10px!important}
.catalog-v2 .catalog-product-actions>button,.catalog-v2 .catalog-product-actions>a{border-radius:10px!important}
.catalog-v2 .catalog-product-actions>.catalog-performance-button{grid-column:1/-1;border-color:#30313a;background:#1a1b22;color:#eee}
.catalog-v2 .catalog-product-actions>.catalog-performance-button:hover{border-color:#e238aa;background:#202129}
.catalog-v2 .catalog-card-specs li{border-radius:8px!important}
body.is-modal-open{overflow:hidden}
.catalog-performance-overlay[hidden]{display:none}
.catalog-performance-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,4,7,.78);backdrop-filter:blur(8px)}
.catalog-performance-dialog{border-radius:16px!important}
.catalog-performance-dialog .performance-head button{border-radius:10px!important}
.catalog-performance-dialog .performance-build>div{border-radius:10px!important}
.catalog-performance-dialog .performance-resolution{position:relative;isolation:isolate;width:240px;overflow:hidden;border-radius:10px!important}
.catalog-performance-dialog .performance-resolution::before{content:"";position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 16px)/3);border-radius:7px;background:linear-gradient(90deg,#f135a9,#6866ff);box-shadow:0 5px 18px rgba(138,72,255,.28);transform:translateX(0);transition:transform .34s cubic-bezier(.22,.8,.25,1),box-shadow .25s ease}
.catalog-performance-dialog .performance-resolution:has(button:nth-child(2).is-active)::before{transform:translateX(calc(100% + 4px))}
.catalog-performance-dialog .performance-resolution:has(button:nth-child(3).is-active)::before{transform:translateX(calc(200% + 8px))}
.catalog-performance-dialog .performance-resolution button{position:relative;z-index:1;min-width:0;flex:1;padding:0 8px;border-radius:7px!important}
.catalog-performance-dialog .performance-track{border-radius:4px!important}
.catalog-performance-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid #2b2c34;border-radius:20px!important;background:#101116;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.catalog-performance-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.catalog-performance-modal>header span{color:#8a8b95;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.catalog-performance-modal h2{margin:5px 0 0;color:#fff;font-size:24px}
.catalog-performance-modal>header button{width:40px;height:40px;flex:0 0 auto;border:1px solid #30313a;border-radius:10px!important;background:#1b1c22;color:#ddd;cursor:pointer}
.catalog-performance-note{margin:14px 0 18px;color:#92939d;font-size:13px;line-height:1.55}
.catalog-performance-resolutions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.catalog-performance-resolutions button{min-height:64px;padding:10px;border:1px solid #2c2d35;border-radius:12px!important;background:#17181e;color:#eee;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.catalog-performance-resolutions small{display:block;margin-top:4px;color:#777883;font-size:9px;font-weight:600}
.catalog-performance-resolutions button.is-active{border-color:#e238aa;background:rgba(226,56,170,.12);box-shadow:inset 0 0 0 1px #e238aa}
.catalog-performance-submit{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:12px!important;background:#e238aa;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.catalog-performance-submit:disabled{opacity:.65;cursor:wait}
.catalog-performance-result{min-height:120px;margin-top:16px}
.catalog-performance-placeholder,.catalog-performance-loading,.catalog-performance-error{min-height:120px;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;border:1px dashed #30313a;border-radius:12px!important;color:#858691;text-align:center}
.catalog-performance-error{border-color:rgba(248,113,113,.3);color:#fca5a5}
.catalog-performance-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.catalog-performance-games article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:12px!important;background:#191a20;color:#aaaab3;font-size:12px}
.catalog-performance-games strong{color:#fff;font-size:18px;white-space:nowrap}
.catalog-performance-games small{color:#e238aa;font-size:9px}
.catalog-performance-disclaimer{margin:12px 4px 0;color:#696a74;font-size:10px;line-height:1.5}
@media(max-width:560px){.catalog-performance-modal{padding:18px;border-radius:16px!important}.catalog-performance-resolutions{grid-template-columns:1fr}.catalog-performance-resolutions button{min-height:52px}.catalog-performance-games{grid-template-columns:1fr}}

/* Smooth catalog interactions without moving the page layout */
.catalog-v2 .catalog-product-card{
  transition:border-color .28s ease,box-shadow .28s ease,background-color .28s ease;
}
.catalog-v2 .catalog-product-card:hover{
  box-shadow:0 14px 38px rgba(0,0,0,.24);
}
.catalog-v2 .catalog-product-media .pc-image{
  transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
.catalog-v2 .catalog-product-actions>button,
.catalog-v2 .catalog-product-actions>a{
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .18s ease;
}
.catalog-v2 .catalog-product-actions>button:not(:disabled):active,
.catalog-v2 .catalog-product-actions>a:active{
  transform:scale(.975);
}
.catalog-performance-overlay{
  animation:catalog-overlay-in .24s ease both;
}
.catalog-performance-dialog{
  transform-origin:center;
  animation:catalog-dialog-in .36s cubic-bezier(.2,.8,.2,1) both;
}
.catalog-performance-overlay.is-closing{
  animation:catalog-overlay-out .22s ease both;
  pointer-events:none;
}
.catalog-performance-overlay.is-closing .catalog-performance-dialog{
  animation:catalog-dialog-out .22s ease both;
}
.catalog-performance-dialog .performance-build>div{
  animation:catalog-result-in .34s ease both;
}
.catalog-performance-dialog .performance-build>div:nth-child(2){animation-delay:.04s}
.catalog-performance-dialog .performance-build>div:nth-child(3){animation-delay:.08s}
.catalog-performance-dialog .performance-resolution button{
  transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .18s ease;
}
.catalog-performance-dialog .performance-resolution button.is-active{
  background:transparent;
  box-shadow:none;
}
.catalog-performance-dialog .performance-resolution button:active{
  transform:scale(.96);
}
.catalog-performance-dialog .performance-game{
  animation:catalog-result-in .36s ease both;
}
.catalog-performance-dialog .performance-game:nth-child(2){animation-delay:.035s}
.catalog-performance-dialog .performance-game:nth-child(3){animation-delay:.07s}
.catalog-performance-dialog .performance-game:nth-child(4){animation-delay:.105s}
.catalog-performance-dialog .performance-game:nth-child(5){animation-delay:.14s}
.catalog-performance-dialog .performance-game:nth-child(6){animation-delay:.175s}
.catalog-performance-dialog .performance-game:nth-child(7){animation-delay:.21s}
.catalog-performance-dialog .performance-track i{
  transform-origin:left center;
  animation:catalog-fps-fill .72s cubic-bezier(.2,.75,.2,1) both;
}
.catalog-performance-dialog .performance-loading{
  animation:catalog-loading-pulse 1.15s ease-in-out infinite;
}
@keyframes catalog-overlay-in{
  from{opacity:0}
  to{opacity:1}
}
@keyframes catalog-dialog-in{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes catalog-overlay-out{
  from{opacity:1}
  to{opacity:0}
}
@keyframes catalog-dialog-out{
  from{opacity:1;transform:translateY(0) scale(1)}
  to{opacity:0;transform:translateY(7px) scale(.99)}
}
@keyframes catalog-result-in{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes catalog-fps-fill{
  from{transform:scaleX(0);opacity:.45}
  to{transform:scaleX(1);opacity:1}
}
@keyframes catalog-loading-pulse{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .catalog-v2 .catalog-product-card,
  .catalog-v2 .catalog-product-media .pc-image,
  .catalog-v2 .catalog-product-actions>button,
  .catalog-v2 .catalog-product-actions>a,
  .catalog-performance-overlay,
  .catalog-performance-dialog,
  .catalog-performance-dialog .performance-build>div,
  .catalog-performance-dialog .performance-resolution::before,
  .catalog-performance-dialog .performance-resolution button,
  .catalog-performance-dialog .performance-game,
  .catalog-performance-dialog .performance-track i,
  .catalog-performance-dialog .performance-loading{
    animation:none!important;
    transition:none!important;
  }
}

/* Mobile filter bottom sheet */
.catalog-filter-backdrop,
.catalog-filter-apply{
  display:none;
}
@media(max-width:760px){
  body.is-filter-open{overflow:hidden}
  .catalog-filter-backdrop:not([hidden]){
    position:fixed;
    z-index:89;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    border:0;
    background:rgba(3,4,7,.72);
    backdrop-filter:blur(4px);
    animation:catalog-overlay-in .22s ease both;
  }
  .catalog-filter-backdrop.is-closing{
    opacity:0;
    backdrop-filter:blur(0);
    transition:opacity .24s ease,backdrop-filter .24s ease;
    pointer-events:none;
  }
  .catalog-v2 .catalog-filters{
    position:fixed;
    z-index:90;
    inset:auto 0 0;
    width:100%;
    max-height:min(78dvh,680px);
    border:1px solid #2b2c34;
    border-bottom:0;
    border-radius:18px 18px 0 0!important;
    background:#0e0f13;
    transform:translateY(102%);
    transition:transform .34s cubic-bezier(.2,.8,.2,1);
    box-shadow:0 -24px 70px rgba(0,0,0,.48);
    overscroll-behavior:contain;
  }
  .catalog-v2 .catalog-filters.is-open{
    transform:translateY(0);
  }
  .catalog-v2 .catalog-filters>header{
    position:sticky;
    z-index:4;
    top:0;
    height:62px;
    padding:0 18px;
    border-bottom:1px solid #282931;
    background:#0e0f13;
  }
  .catalog-v2 .catalog-filters>header::before{
    content:"";
    position:absolute;
    top:7px;
    left:50%;
    width:38px;
    height:4px;
    border-radius:4px;
    background:#3c3d46;
    transform:translateX(-50%);
  }
  .catalog-v2 .catalog-filters>header strong{
    font-size:16px;
  }
  .catalog-v2 .catalog-filters>header button{
    width:38px;
    height:38px;
    border-radius:10px!important;
  }
  .catalog-v2 .catalog-filters form{
    padding:0 16px 16px;
  }
  .catalog-v2 .catalog-filters legend button{
    min-height:54px;
    font-size:12px;
  }
  .catalog-v2 .catalog-filter-check{
    grid-template-columns:22px minmax(0,1fr);
    gap:10px;
    min-height:34px;
    align-items:center;
    font-size:13px;
  }
  .catalog-v2 .catalog-filter-check input{
    width:20px;
    height:20px;
    margin-top:0;
  }
  .catalog-v2 .catalog-price-fields label{
    height:46px;
    padding:0 11px;
  }
  .catalog-v2 .catalog-price-fields input{
    font-size:13px;
  }
  .catalog-v2 .catalog-filter-reset{
    min-height:44px;
    margin-bottom:9px;
    border-radius:10px!important;
    font-size:11px;
  }
  .catalog-filter-apply{
    position:sticky;
    z-index:4;
    bottom:0;
    width:100%;
    min-height:50px;
    display:block;
    border:0;
    border-radius:11px!important;
    background:#e238aa;
    box-shadow:0 -10px 28px #0e0f13;
    color:#fff;
    font:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
  }
}
.site-footer-legal{display:inline-flex;align-items:center;gap:12px}.site-footer-legal a,.site-footer-legal button{border:0;padding:0;background:transparent;color:#8e8f98;font:inherit;text-decoration:none;cursor:pointer}.site-footer-legal a:hover,.site-footer-legal button:hover{color:#c4b3f2}.cookie-consent[hidden]{display:none}.cookie-consent{position:fixed;z-index:5000;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(3,4,8,.68);backdrop-filter:blur(7px);opacity:0;transition:opacity .28s ease}.cookie-consent.is-open{opacity:1}.cookie-consent>section{width:min(920px,100%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;box-sizing:border-box;border:1px solid #343640;border-radius:18px;background:#111218;color:#eee;box-shadow:0 28px 90px rgba(0,0,0,.62);transform:translateY(24px);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.cookie-consent.is-open>section{transform:none}.cookie-consent-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(226,56,170,.12);color:#ed65c4;font-size:19px}.cookie-consent-copy h2{margin:0 0 6px;font-size:16px}.cookie-consent-copy p{margin:0;color:#999ba5;font-size:11px;line-height:1.6}.cookie-consent-copy a{display:inline-block;margin-top:7px;color:#e766c3;font-size:9px;font-weight:800}.cookie-consent-actions{display:flex;gap:8px}.cookie-consent-actions button{min-height:42px;padding:0 14px;border:1px solid #343640;border-radius:9px;background:#191a21;color:#ddd;font:10px inherit;font-weight:850;white-space:nowrap;cursor:pointer}.cookie-consent-actions button.is-primary{border-color:#c908a3;background:#c908a3;color:#fff}@media(max-width:700px){.cookie-consent{padding:10px}.cookie-consent>section{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px;border-radius:16px}.cookie-consent-icon{width:42px;height:42px}.cookie-consent-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.cookie-consent-actions button{padding:0 8px}.site-footer-legal{align-items:flex-start;flex-direction:column;gap:7px}}
.privacy-page{max-width:900px;margin:20px auto 70px;padding:34px;box-sizing:border-box}.privacy-page>span{color:#e238aa;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.privacy-page h1{margin:9px 0 25px;font-size:clamp(30px,5vw,48px);line-height:1.05}.privacy-page h2{margin:26px 0 8px;font-size:18px}.privacy-page p{margin:0;color:#a1a2ab;font-size:12px;line-height:1.75}.privacy-page .secondary-btn{margin-top:28px;cursor:pointer}@media(max-width:600px){.privacy-page{margin-top:10px;padding:22px 18px}.privacy-page h1{font-size:31px}}

/* Collapsible component list inside catalog cards */
.catalog-card-components-toggle{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:6px;
  padding:0 10px;
  border:1px solid #292a32;
  border-radius:9px!important;
  background:#17181e;
  color:#b8b9c1;
  font:inherit;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
  transition:border-color .22s ease,background-color .22s ease,color .22s ease;
}
.catalog-card-components-toggle:hover{
  border-color:#3d3e48;
  color:#fff;
}
.catalog-card-components-toggle i{
  color:#858691;
  font-size:9px;
  transition:transform .3s cubic-bezier(.2,.75,.2,1),color .2s ease;
}
.catalog-product-card.is-components-open .catalog-card-components-toggle{
  border-color:rgba(226,56,170,.34);
  color:#fff;
}
.catalog-product-card.is-components-open .catalog-card-components-toggle i{
  color:#e238aa;
  transform:rotate(180deg);
}
.catalog-card-specs-wrap{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows .32s cubic-bezier(.2,.75,.2,1),opacity .22s ease;
}
.catalog-card-specs-wrap>.catalog-card-specs{
  min-height:0;
  overflow:hidden;
}
.catalog-product-card.is-components-open .catalog-card-specs-wrap{
  grid-template-rows:1fr;
  opacity:1;
}
.catalog-v2 .catalog-card-specs-wrap .catalog-card-specs{
  margin:0!important;
  padding:0!important;
  border:0;
}
.catalog-v2 .catalog-product-card.is-components-open .catalog-card-specs-wrap .catalog-card-specs{
  margin-top:6px!important;
  padding-top:10px!important;
  border-top:1px solid #25262d;
}
@media(prefers-reduced-motion:reduce){
  .catalog-card-components-toggle,
  .catalog-card-components-toggle i,
  .catalog-card-specs-wrap{
    transition:none!important;
  }
}

/* Compact, readable catalog cards */
@media(min-width:1280px){
  .catalog-v2 .catalog-results .catalog-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }
}
.catalog-v2 .catalog-product-card{
  padding-bottom:12px;
}
.catalog-v2 .catalog-product-media{
  aspect-ratio:4/3;
}
.catalog-v2 .catalog-product-body{
  padding:11px 12px 0;
}
.catalog-v2 .catalog-product-subtitle{
  font-size:11px;
  line-height:1.35;
}
.catalog-v2 .catalog-product-body h3{
  margin-top:4px;
  font-size:16px;
  line-height:1.3;
  white-space:normal;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.catalog-v2 .catalog-card-price-block{
  margin-top:9px;
}
.catalog-v2 .catalog-card-price-block .catalog-product-price{
  font-size:19px;
  line-height:1.2;
}
.catalog-v2 .catalog-card-price-block>span{
  font-size:11px;
  line-height:1.35;
}
.catalog-v2 .catalog-product-actions{
  grid-template-columns:minmax(0,1fr) 40px;
  gap:6px;
  margin-top:10px;
}
.catalog-v2 .catalog-product-actions>button,
.catalog-v2 .catalog-product-actions>a{
  min-height:38px;
  padding:0 8px;
  font-size:11px;
  line-height:1.2;
}
.catalog-v2 .catalog-card-specs{
  gap:5px;
  margin-top:11px;
  padding-top:11px;
}
.catalog-v2 .catalog-card-specs li{
  grid-template-columns:72px minmax(0,1fr);
  gap:8px;
  padding:7px 8px;
  font-size:11px;
  line-height:1.3;
}
.catalog-v2 .catalog-card-specs span{
  color:#92939d;
}
.catalog-v2 .catalog-card-specs b{
  color:#e1e1e6;
}
.catalog-v2 .catalog-card-availability{
  font-size:10px;
}
@media(max-width:1279px) and (min-width:861px){
  .catalog-v2 .catalog-results .catalog-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .catalog-v2 .catalog-product-media{
    aspect-ratio:16/11;
  }
  .catalog-v2 .catalog-product-body{
    padding:12px 14px 0;
  }
}

/* Compact product page matching the public catalog */
.product-v2{
  background:#08090c;
}
.product-v2 .product-page{
  padding-bottom:64px;
}
.product-v2 .product-breadcrumbs{
  margin:18px 0;
  font-size:12px;
}
.product-v2 .product-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr);
  gap:16px;
  align-items:start;
}
.product-v2 .product-gallery,
.product-v2 .product-info{
  border-color:#25262d;
  border-radius:16px!important;
  background:#0e0f13;
}
.product-v2 .product-gallery{
  padding:10px;
}
.product-v2 .product-main-image{
  position:relative;
  width:100%;
  height:clamp(380px,42vw,520px);
  aspect-ratio:auto;
  border-radius:10px!important;
  background:#17181d;
}
.product-v2 .product-main-image::before{
  width:44%;
  height:44%;
  background:rgba(107,76,238,.1);
}
.product-v2 .product-main-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:16px;
  object-fit:contain;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.45));
  transform:none!important;
  transition:opacity .24s ease;
}
.product-v2 .product-main-image.image-skeleton.is-loaded{
  overflow:hidden;
}
.product-v2 .product-main-image.image-skeleton.is-loaded .pc-image{
  transform:none!important;
}
.product-v2 .product-thumbnails{
  gap:7px;
  margin-top:8px;
}
.product-v2 .product-thumbnails button{
  width:68px;
  height:58px;
  border-radius:9px!important;
  transition:border-color .2s ease,background-color .2s ease,transform .18s ease;
}
.product-v2 .product-thumbnails button:active{
  transform:scale(.96);
}
.product-v2 .product-info{
  padding:26px;
}
.product-v2 .product-status-row{
  font-size:11px;
}
.product-v2 .product-status-type{
  color:#aaaab4;
  font-size:11px;
  font-weight:700;
}
.product-v2 .product-kicker{
  margin:25px 0 8px;
  font-size:11px;
}
.product-v2 .product-info h1{
  font-size:clamp(30px,3.4vw,44px);
  line-height:1.06;
}
.product-v2 .product-description{
  margin-top:14px;
  color:#a2a2ac;
  font-size:14px;
  line-height:1.6;
}
.product-v2 .product-price{
  margin-top:23px;
  font-size:31px;
}
.product-v2 .product-actions{
  margin-top:22px;
}
.product-v2 .product-actions button{
  border-radius:10px!important;
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .18s ease;
}
.product-v2 .product-actions button:not(:disabled):active{
  transform:scale(.975);
}
.product-v2 .product-buy{
  font-size:12px;
}
.product-v2 .product-action-message{
  font-size:11px;
}
.product-v2 .product-performance-open{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-top:8px;
  border:1px solid #30313a;
  border-radius:10px!important;
  background:#1a1b22;
  color:#eee;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .22s ease,background-color .22s ease,color .22s ease,transform .18s ease;
}
.product-v2 .product-performance-open:hover{
  border-color:#e238aa;
  color:#ff68c7;
}
.product-v2 .product-performance-open:active{
  transform:scale(.985);
}
.product-v2 .product-inline-components{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #25262d;
}
.product-v2 .product-inline-components h2{
  margin:0 0 10px;
  color:#f0f0f4;
  font-size:15px;
  line-height:1.3;
}
.product-v2 .product-inline-components ul{
  display:grid;
  gap:5px;
  margin:0;
  padding:0;
  list-style:none;
}
.product-v2 .product-inline-components li{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:8px!important;
  background:#18191f;
  line-height:1.35;
}
.product-v2 .product-inline-components span{
  color:#90919b;
  font-size:10px;
}
.product-v2 .product-inline-components strong{
  min-width:0;
  color:#e2e2e7;
  font-size:11px;
  font-weight:650;
  overflow-wrap:anywhere;
}

/* Restored work / gaming choice on the home page */
.home-purpose{
  margin-top:72px;
}
.home-purpose .card{
  border-radius:16px!important;
  overflow:hidden;
}
.home-purpose .card-visual{
  border-radius:12px!important;
}
.home-purpose .secondary-btn{
  border-radius:10px!important;
}

/* Quick catalog order */
.catalog-v2 .catalog-product-actions>.catalog-quick-buy-button{
  grid-column:1/-1;
  border-color:#e238aa;
  background:#e238aa;
  color:#fff;
}
.catalog-v2 .catalog-product-actions>.catalog-performance-button{
  grid-column:1/-1;
}
.catalog-v2 .catalog-product-actions>.catalog-configure-button{
  width:40px;
  justify-self:end;
  padding:0;
}
.catalog-v2 .catalog-product-actions>.catalog-configure-button span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.catalog-card-availability em{
  padding-left:7px;
  border-left:1px solid rgba(255,255,255,.14);
  color:#a9aab2;
  font-style:normal;
  font-weight:650;
}
.quick-buy-overlay[hidden]{display:none}
.quick-buy-overlay{
  position:fixed;
  z-index:1100;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(4,4,7,.8);
  backdrop-filter:blur(8px);
  animation:catalog-overlay-in .24s ease both;
}
.quick-buy-overlay.is-closing{
  animation:catalog-overlay-out .22s ease both;
  pointer-events:none;
}
.quick-buy-dialog{
  width:min(660px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding:24px;
  border:1px solid #2b2c34;
  border-radius:18px!important;
  background:#101116;
  box-shadow:0 24px 80px rgba(0,0,0,.55);
  animation:catalog-dialog-in .34s cubic-bezier(.2,.8,.2,1) both;
}
.quick-buy-overlay.is-closing .quick-buy-dialog{animation:catalog-dialog-out .22s ease both}
.quick-buy-dialog>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.quick-buy-dialog>header span{
  color:#8a8b95;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.quick-buy-dialog h2{
  margin:5px 0 0;
  color:#fff;
  font-size:24px;
}
.quick-buy-dialog>header>button{
  width:40px;
  height:40px;
  flex:0 0 auto;
  border:1px solid #30313a;
  border-radius:10px!important;
  background:#1b1c22;
  color:#ddd;
  cursor:pointer;
}
.quick-buy-build{
  margin-top:17px;
  padding:14px;
  border-radius:12px!important;
  background:#18191f;
}
.quick-buy-build>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:4px 15px;
}
.quick-buy-build>div span{grid-column:1/-1;color:#858691;font-size:10px}
.quick-buy-build>div strong{color:#eee;font-size:15px}
.quick-buy-build>div b{color:#fff;font-size:18px}
.quick-buy-build ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  margin:12px 0 0;
  padding:12px 0 0;
  border-top:1px solid #292a31;
  list-style:none;
}
.quick-buy-build li{min-width:0;display:grid;gap:2px}
.quick-buy-build li span{color:#7f808a;font-size:9px}
.quick-buy-build li strong{overflow:hidden;color:#cfcfd5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.quick-buy-dialog form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.quick-buy-dialog form label{display:grid;gap:6px}
.quick-buy-dialog form label>span{color:#a3a4ad;font-size:10px;font-weight:700}
.quick-buy-dialog input,.quick-buy-dialog select,.quick-buy-dialog textarea{
  width:100%;
  min-height:42px;
  padding:0 12px;
  border:1px solid #30313a;
  border-radius:9px!important;
  outline:0;
  background:#18191f;
  color:#eee;
  font:inherit;
  font-size:12px;
}
.quick-buy-dialog textarea{min-height:76px;padding:11px 12px;resize:vertical}
.quick-buy-dialog input:focus,.quick-buy-dialog select:focus,.quick-buy-dialog textarea:focus{border-color:#e238aa}
.quick-buy-select{position:relative}.quick-buy-select>input{display:none}.quick-buy-select>[data-quick-select-toggle]{width:100%;min-height:42px;display:grid;grid-template-columns:20px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:0 12px;border:1px solid #30313a;border-radius:9px!important;background:#18191f;color:#eee;font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.quick-buy-select>[data-quick-select-toggle]>i:first-child{color:#a78bfa;font-size:15px;text-align:center}.quick-buy-select>[data-quick-select-toggle]>i:last-child{color:#777883;font-size:9px;transition:transform .24s ease}.quick-buy-select.is-open>[data-quick-select-toggle]{border-color:#e238aa;background:#1d1e25}.quick-buy-select.is-open>[data-quick-select-toggle]>i:last-child{transform:rotate(180deg)}.quick-buy-select-menu[hidden]{display:none}.quick-buy-select-menu{position:absolute;z-index:12;top:calc(100% + 6px);left:0;right:0;display:grid;gap:4px;padding:5px;border:1px solid #30313a;border-radius:10px!important;background:#15161b;box-shadow:0 16px 38px rgba(0,0,0,.42);animation:catalog-result-in .2s ease both}.quick-buy-select-menu button{min-height:40px;display:grid;grid-template-columns:22px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:7px!important;background:transparent;color:#bdbdc5;font:inherit;font-size:12px;text-align:left;cursor:pointer}.quick-buy-select-menu button:hover,.quick-buy-select-menu button.is-selected{background:#202129;color:#fff}.quick-buy-select-menu button>i:first-child{color:#a78bfa;font-size:15px;text-align:center}.quick-buy-select-menu button>i:last-child{opacity:0;color:#e238aa;font-size:9px}.quick-buy-select-menu button.is-selected>i:last-child{opacity:1}
.quick-buy-wide,.quick-buy-message,.quick-buy-submit{grid-column:1/-1}
.quick-buy-dialog form .quick-buy-legal-consent{grid-column:1/-1;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid #30323b;border-radius:10px;background:#121319;cursor:pointer}.quick-buy-dialog form .quick-buy-legal-consent>input{width:18px;height:18px;margin:1px 0 0;padding:0;accent-color:#e238aa}.quick-buy-dialog form .quick-buy-legal-consent>span{margin:0;color:#92949e;font-size:9px;font-weight:500;line-height:1.55}.quick-buy-legal-consent a{color:#e563c0;font-weight:800;text-underline-offset:2px}.quick-buy-legal-note,.cart-request-legal-note{grid-column:1/-1;margin:-2px 2px 2px;color:#777984;font-size:8px;line-height:1.5}.cart-request-legal-note{margin:0}
.quick-buy-message{min-height:17px;margin:0;color:#92939d;font-size:11px}
.quick-buy-message.is-error{color:#fca5a5}
.quick-buy-message.is-success{color:#86efac}
.quick-buy-submit{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  border-radius:10px!important;
  background:#e238aa;
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.quick-buy-submit:disabled{opacity:.6;cursor:wait}
@media(max-width:560px){
  .quick-buy-dialog{padding:18px}
  .quick-buy-dialog form{grid-template-columns:1fr}
  .quick-buy-dialog form label,.quick-buy-message,.quick-buy-submit{grid-column:1}
  .quick-buy-build ul{grid-template-columns:1fr}
}

/* One block radius matching the site header */
:root{
  --radius-site-block:12px;
}
body :is(
  .panel,
  .catalog-product-card,
  .catalog-toolbar,
  .catalog-filters,
  .catalog-no-results,
  .catalog-public-empty,
  .catalog-product-media,
  .product-gallery,
  .product-info,
  .product-main-image,
  .product-inline-components li,
  .cart-page,
  .cart-build,
  .cart-request-dialog,
  .performance-dialog,
  .catalog-performance-dialog,
  .quick-buy-dialog,
  .quick-buy-build,
  .config-tabs,
  .config-products,
  .config-summary,
  .config-option,
  .component-preview-dialog
){
  border-radius:var(--radius-site-block)!important;
}
.panel::after{
  border-radius:calc(var(--radius-site-block) - 1px)!important;
}
@media(max-width:760px){
  :root{--radius-site-block:16px}
}

/* Expandable catalog filters */
.catalog-v2 .catalog-filters{
  max-height:calc(100vh - 24px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#3a3b44 transparent;
}
.catalog-v2 .catalog-filters form{
  overflow:visible;
}
.catalog-v2 .catalog-filters fieldset{
  padding:0;
}
.catalog-v2 .catalog-filters legend{
  width:100%;
  margin:0;
}
.catalog-v2 .catalog-filters legend button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
  color:#d5d5dc;
  font:inherit;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-align:left;
  text-transform:uppercase;
  cursor:pointer;
}
.catalog-v2 .catalog-filters legend button i{
  flex:0 0 auto;
  color:#7f808a;
  font-size:9px;
  transform:rotate(0);
  transition:transform .28s cubic-bezier(.2,.75,.2,1),color .2s ease;
}
.catalog-v2 .catalog-filters fieldset:not(.is-collapsed) legend button i{
  transform:rotate(180deg);
  color:#e238aa;
}
.catalog-filter-group-body{
  display:grid;
  grid-template-rows:1fr;
  margin-bottom:15px;
  opacity:1;
  transition:grid-template-rows .3s cubic-bezier(.2,.75,.2,1),opacity .22s ease,margin-bottom .3s ease;
}
.catalog-filter-group-body>div{
  min-height:0;
  overflow:hidden;
}
.catalog-filters fieldset.is-collapsed .catalog-filter-group-body{
  grid-template-rows:0fr;
  margin-bottom:0;
  opacity:0;
}
.catalog-v2 .catalog-filter-options{
  max-height:none;
  overflow:visible;
}
.catalog-v2 .catalog-filter-check{
  grid-template-columns:18px minmax(0,1fr);
  align-items:start;
  min-height:24px;
  font-size:11px;
  line-height:1.4;
}
.catalog-v2 .catalog-filter-check input{
  margin-top:1px;
}
.catalog-v2 .catalog-filter-check span{
  min-width:0;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
}
.catalog-v2 .catalog-price-fields{
  margin-bottom:2px;
}
.catalog-v2 .catalog-price-fields label{
  display:grid;
  grid-template-columns:22px 27px minmax(0,1fr) 27px;
  gap:5px;
  padding:0 6px;
}
.catalog-v2 .catalog-price-fields input{
  text-align:center;
  appearance:textfield;
  -moz-appearance:textfield;
}
.catalog-v2 .catalog-price-fields input::-webkit-inner-spin-button,
.catalog-v2 .catalog-price-fields input::-webkit-outer-spin-button{
  margin:0;
  appearance:none;
  -webkit-appearance:none;
}
.catalog-v2 .catalog-price-fields [data-number-step]{
  width:25px;
  height:26px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:7px!important;
  background:#202129;
  color:#bfc0c8;
  font:inherit;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .16s ease;
}
.catalog-v2 .catalog-price-fields [data-number-step]:hover{
  background:#2a2b34;
  color:#fff;
}
.catalog-v2 .catalog-price-fields [data-number-step]:active{
  transform:scale(.92);
}
@media(min-width:761px){
  .catalog-v2 .catalog-price-fields{
    grid-template-columns:1fr;
  }
  .catalog-v2 .catalog-shop-layout{
    grid-template-columns:290px minmax(0,1fr);
    gap:16px;
  }
  .catalog-v2 .catalog-filters{
    max-height:none;
    overflow:visible;
  }
}
@media(max-width:760px){
  .catalog-v2 .catalog-filters{
    max-height:100vh;
    overflow-y:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  .catalog-filter-group-body,
  .catalog-v2 .catalog-filters legend button i{
    transition:none!important;
  }
}
.product-v2 .product-service-notes{
  margin-top:18px;
  padding-top:16px;
}
.product-v2 .product-service-notes span{
  font-size:11px;
  line-height:1.4;
}
.product-v2 .product-components{
  margin-top:26px;
}
.product-v2 .product-components h2{
  font-size:25px;
}
.product-v2 .product-components>div{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.product-v2 .product-components article{
  min-height:108px;
  padding:14px;
  border-color:#25262d;
  border-radius:12px!important;
  background:#0e0f13;
  transition:border-color .24s ease,background-color .24s ease;
}
.product-v2 .product-components article:hover{
  border-color:#393a44;
  background:#121318;
}
.product-v2 .product-components article>span{
  color:#92939d;
  font-size:10px;
}
.product-v2 .product-components h3{
  margin-top:7px;
  color:#e5e5ea;
  font-size:13px;
  line-height:1.35;
}
.product-v2 .product-components article p{
  color:#92939d;
  font-size:11px;
  line-height:1.45;
}
@media(max-width:1050px){
  .product-v2 .product-layout{grid-template-columns:1fr 380px}
  .product-v2 .product-components>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .product-v2 .product-layout{grid-template-columns:1fr}
  .product-v2 .product-components>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .product-v2 .product-info{padding:20px}
  .product-v2 .product-main-image{height:330px}
  .product-v2 .product-info h1{font-size:30px}
  .product-v2 .product-components>div{grid-template-columns:1fr}
}
.home-articles{margin-top:72px}.home-articles-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.home-articles-head>div>p{margin:0 0 8px}.home-articles-head>div>h2{margin:0}.home-articles-head>p{max-width:340px;margin:0;color:#858791;font-size:12px;line-height:1.55;text-align:right}.home-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.home-article-card{min-width:0;border:1px solid #292b34;border-radius:18px!important;background:#101116;overflow:hidden}.home-article-card>a{min-height:260px;display:flex;flex-direction:column;box-sizing:border-box;padding:24px;color:inherit;text-decoration:none}.home-article-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:28px;border-radius:12px;background:#211d31;color:#b89cff;font-size:15px}.home-article-meta{color:#8d75da;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.home-article-card h3{margin:10px 0 9px;font-size:18px;line-height:1.25}.home-article-card p{margin:0;color:#858791;font-size:11px;line-height:1.6}.home-article-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px;color:#e4deff;font-size:10px;font-weight:900}.home-article-link i{transition:transform .2s ease}.home-article-card:hover .home-article-link i{transform:translateX(4px)}@media(max-width:850px){.home-articles{margin-top:46px}.home-articles-grid{grid-template-columns:1fr 1fr}.home-article-card:last-child{grid-column:1/-1}.home-articles-head{align-items:start;flex-direction:column;gap:8px}.home-articles-head>p{text-align:left}}@media(max-width:560px){.home-articles-grid{grid-template-columns:1fr}.home-article-card:last-child{grid-column:auto}.home-article-card>a{min-height:230px;padding:20px}.home-article-icon{margin-bottom:22px}}
.home-article-card>a{min-height:0;padding:0}.home-article-image{height:210px;display:block;overflow:hidden;background:radial-gradient(circle at 50% 80%,rgba(155,124,244,.2),transparent 55%),#0b0c11}.home-article-image img{width:100%;height:100%;display:block;object-fit:contain;box-sizing:border-box;padding:18px 28px 0;transition:transform .35s ease}.home-article-card:hover .home-article-image img{transform:scale(1.035)}.home-article-content{min-height:210px;display:flex;flex-direction:column;box-sizing:border-box;padding:21px 22px 22px}.article-page{min-height:100vh}.article-breadcrumbs{display:flex;align-items:center;gap:9px;margin:25px 0 16px;color:#737580;font-size:10px}.article-breadcrumbs a{color:#a7a8b0;text-decoration:none}.article-breadcrumbs i{font-size:7px}.article-breadcrumbs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-layout{display:grid;gap:16px;padding-bottom:60px}.article-hero{min-height:500px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;overflow:hidden}.article-hero-copy{padding:54px}.article-meta{color:#a589f2;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.article-hero h1{max-width:700px;margin:14px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em}.article-hero-copy p{max-width:650px;margin:0;color:#9698a2;font-size:14px;line-height:1.65}.article-hero-image{align-self:stretch;display:grid;place-items:end center;background:radial-gradient(circle at 50% 70%,rgba(155,124,244,.23),transparent 52%)}.article-hero-image img{width:100%;height:100%;max-height:500px;display:block;object-fit:contain;padding:38px 34px 0;box-sizing:border-box}.article-content{width:100%;margin:0;padding:48px 56px;box-sizing:border-box}.article-content>*:not(.article-cta){max-width:900px;margin-left:auto;margin-right:auto}.article-content section+section{margin-top:38px;padding-top:38px;border-top:1px solid #292b34}.article-content h2{margin:0 0 12px;font-size:23px}.article-content section p{margin:0;color:#a1a2aa;font-size:14px;line-height:1.8}.article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:46px;padding:22px;border-radius:14px;background:#17141f}.article-cta span,.article-cta strong{display:block}.article-cta span{margin-bottom:5px;color:#8e8f98;font-size:10px}.article-cta strong{font-size:14px}.article-cta .primary-btn{flex:0 0 auto}.article-not-found{margin-top:30px;padding:70px;text-align:center}.article-not-found>span{color:#9b7cf4;font-weight:900}.article-not-found h1{margin:10px 0 24px}.article-not-found .primary-btn{justify-content:center;margin:auto}@media(max-width:850px){.home-article-card:last-child{grid-column:1/-1}.article-hero{min-height:0;grid-template-columns:1fr}.article-hero-copy{padding:36px 30px}.article-hero-image{height:340px}.article-content{padding:36px 30px}}@media(max-width:560px){.home-article-card:last-child{grid-column:auto}.home-article-image{height:190px}.home-article-content{min-height:195px}.article-breadcrumbs{margin-top:16px}.article-hero-copy{padding:28px 20px}.article-hero h1{font-size:35px}.article-hero-copy p,.article-content section p{font-size:12px}.article-hero-image{height:280px}.article-content{padding:28px 20px}.article-content h2{font-size:19px}.article-content section+section{margin-top:28px;padding-top:28px}.article-cta{align-items:stretch;flex-direction:column}.article-cta .primary-btn{width:100%;justify-content:center}}
.article-bbcode>h2{margin:38px 0 12px;font-size:24px;line-height:1.25}.article-bbcode>h2:first-child{margin-top:0}.article-bbcode>h3{margin:28px 0 10px;font-size:18px}.article-bbcode>p{margin:0 0 18px;color:#a1a2aa;font-size:14px;line-height:1.8}.article-bbcode strong{color:#f3f0fa}.article-bbcode em{color:#cbc3e4}.article-bbcode u{text-decoration-color:#9b7cf4;text-underline-offset:3px}.article-bbcode s{color:#72747e}.article-bbcode a{color:#b89cff;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.article-bbcode blockquote{position:relative;margin:28px 0;padding:20px 22px 20px 48px;border:1px solid #332d46;border-radius:13px;background:#171420;color:#c8c1dc;font-size:14px;line-height:1.7}.article-bbcode blockquote:before{content:"“";position:absolute;top:8px;left:18px;color:#9b7cf4;font-size:34px;font-weight:900}.article-bbcode code{display:block;margin:24px 0;padding:18px;overflow:auto;border:1px solid #2d3038;border-radius:12px;background:#090a0e;color:#d7d2e5;font:12px/1.65 Consolas,monospace;white-space:pre-wrap}.article-bbcode ul,.article-bbcode ol{display:grid;gap:10px;margin:20px 0;padding-left:24px;color:#a1a2aa;font-size:14px;line-height:1.65}.article-bbcode li::marker{color:#9b7cf4;font-weight:900}.article-bbcode .bb-center{text-align:center}.article-bbcode .bb-right{text-align:right}.article-owner-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 12px;border:1px solid #42375d;border-radius:11px;background:#171320;color:#9b83df;font-size:10px;font-weight:800}.article-owner-actions a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:8px;background:#2a2140;color:#eee9ff;text-decoration:none}.article-editor-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:28px 0 18px}.article-editor-head span{color:#9b7cf4;font-size:9px;font-weight:900;text-transform:uppercase}.article-editor-head h1{margin:6px 0 0;font-size:30px}.article-editor-head>a{display:inline-flex;align-items:center;gap:8px;color:#bcb5cf;font-size:10px;font-weight:800;text-decoration:none}.article-editor-message{margin-bottom:14px;padding:12px 15px;border:1px solid;border-radius:10px;font-size:11px}.article-editor-message.is-error{border-color:#63303a;background:#261318;color:#f6a6b5}.article-editor-message.is-success{border-color:#28553a;background:#102319;color:#91e8ae}.article-editor-form{display:grid;gap:16px;padding-bottom:60px}.article-editor-settings{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:22px}.article-editor-fields{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:14px}.article-editor-fields label>span:first-child,.article-editor-cover>span{display:block;margin-bottom:7px;color:#a9aab2;font-size:10px;font-weight:800}.article-editor-fields .is-wide{grid-column:1/-1}.article-editor-fields input,.article-editor-fields textarea{width:100%;box-sizing:border-box;border:1px solid #32343d;border-radius:10px;outline:0;background:#14151b;color:#f1f1f4;font:12px/1.5 inherit}.article-editor-fields input{height:44px;padding:0 12px}.article-editor-fields textarea{padding:12px;resize:vertical}.article-editor-fields input:focus,.article-editor-fields textarea:focus{border-color:#735abd;box-shadow:0 0 0 3px rgba(115,90,189,.1)}.article-editor-toggle{display:flex;align-items:center;gap:9px;align-self:end;min-height:44px}.article-editor-toggle input{width:18px;height:18px;accent-color:#9b7cf4}.article-editor-toggle>span{margin:0!important}.article-editor-cover>div{height:190px;display:grid;place-items:center;overflow:hidden;border:1px solid #2d3038;border-radius:12px;background:#0b0c10}.article-editor-cover img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}.article-editor-cover>label{min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;border-radius:9px;background:#282039;color:#e6e0f8;font-size:10px;font-weight:900;cursor:pointer}.article-editor-cover>label input{display:none}.article-editor-cover small{display:block;margin-top:9px;color:#777984;font-size:9px;line-height:1.45}.article-editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}.article-editor-source{overflow:hidden}.bb-toolbar{display:flex;align-items:center;gap:5px;padding:9px;border-bottom:1px solid #292b34;background:#111217;overflow-x:auto}.bb-toolbar>span{width:1px;height:22px;flex:0 0 auto;background:#30323a}.bb-toolbar button,.bb-color{width:34px;height:32px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#b3b4bc;font:10px inherit;cursor:pointer}.bb-toolbar button:hover,.bb-color:hover{background:#282039;color:#fff}.bb-color{position:relative}.bb-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.article-editor-source>textarea{width:100%;min-height:620px;display:block;box-sizing:border-box;padding:20px;border:0;outline:0;resize:vertical;background:#0e0f14;color:#d9d7df;font:13px/1.7 Consolas,monospace}.bb-help{display:block;padding:9px 14px;border-top:1px solid #292b34;color:#747680;font-size:9px}.article-editor-preview{position:sticky;top:16px;max-height:760px;overflow:auto;padding:0 28px 28px}.article-editor-preview>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 -28px 24px;padding:15px 20px;border-bottom:1px solid #292b34;background:#101116;color:#858791;font-size:10px;font-weight:900}.article-editor-save{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px;border:1px solid #292b34;border-radius:14px;background:rgba(15,16,21,.95);backdrop-filter:blur(16px)}.article-editor-save>a{padding:12px;color:#999aa3;font-size:10px;font-weight:800;text-decoration:none}.article-editor-save .primary-btn{border:0;cursor:pointer}@media(max-width:900px){.article-editor-settings{grid-template-columns:1fr}.article-editor-cover{display:grid;grid-template-columns:170px 1fr;column-gap:12px}.article-editor-cover>span{grid-column:1/-1}.article-editor-cover>div{grid-row:2/5;height:140px}.article-editor-cover>label{align-self:start;margin:0}.article-editor-workspace{grid-template-columns:1fr}.article-editor-preview{position:static;max-height:none}}@media(max-width:560px){.article-bbcode>p,.article-bbcode blockquote,.article-bbcode ul,.article-bbcode ol{font-size:12px}.article-editor-head{align-items:start;flex-direction:column}.article-editor-settings{padding:15px}.article-editor-fields{grid-template-columns:1fr}.article-editor-fields .is-wide{grid-column:auto}.article-editor-cover{display:block}.article-editor-cover>div{height:180px}.article-editor-cover>label{margin-top:10px}.article-editor-source>textarea{min-height:480px;padding:15px}.article-editor-preview{padding-inline:18px}.article-editor-preview>header{margin-inline:-18px}.article-editor-save{bottom:6px}.article-editor-save .primary-btn{flex:1;justify-content:center}}
.article-bbcode .bb-image{margin:28px 0;overflow:hidden;border:1px solid #2d3038;border-radius:16px;background:#0b0c10}.article-bbcode .bb-image img{width:100%;max-height:640px;display:block;object-fit:contain}.bb-toolbar button.is-uploading{position:relative;color:transparent;pointer-events:none}.bb-toolbar button.is-uploading:after{content:"";position:absolute;width:13px;height:13px;border:2px solid #777;border-top-color:#b89cff;border-radius:50%;animation:spin .7s linear infinite}
.article-content>.article-body-inner{width:100%;max-width:none;margin:0}.article-body-inner>h2:first-child{margin-top:0}.article-body-inner>p,.article-body-inner>blockquote,.article-body-inner>ul,.article-body-inner>ol{max-width:1100px}
.home-articles-all{display:inline-flex;align-items:center;gap:8px;margin-top:9px;color:#b89cff;font-size:10px;font-weight:900;text-decoration:none}.articles-directory-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:48px 0 24px}.articles-directory-head .eyebrow{margin:0 0 8px;color:#9b7cf4;font-size:9px;font-weight:900;text-transform:uppercase}.articles-directory-head h1{margin:0;font-size:clamp(34px,5vw,58px);letter-spacing:-.04em}.articles-directory-head p:last-child{margin:12px 0 0;color:#858791;font-size:12px}.articles-directory-head .primary-btn{flex:0 0 auto;justify-content:center}.articles-search{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px 9px 17px}.articles-search>i{color:#777985;font-size:12px}.articles-search input{height:42px;border:0;outline:0;background:transparent;color:#eee;font:12px inherit}.articles-search button{height:40px;padding:0 19px;border:0;border-radius:9px;background:#29213d;color:#eee9ff;font:10px inherit;font-weight:900;cursor:pointer}.articles-directory-meta{display:flex;align-items:center;justify-content:space-between;margin:16px 2px;color:#777984;font-size:10px}.articles-directory-meta a{color:#a89bc9;text-decoration:none}.articles-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.articles-directory-grid .home-article-card h2{margin:10px 0 9px;font-size:18px;line-height:1.25}.article-card-footer{display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:20px;color:#777984;font-size:9px}.article-card-footer>span{display:inline-flex;align-items:center;gap:5px}.article-card-footer>b{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#dfd8f4}.articles-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin:28px 0 60px}.articles-pagination a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #292b34;border-radius:9px;background:#101116;color:#a0a1a9;font-size:10px;font-weight:900;text-decoration:none}.articles-pagination a.is-active{border-color:#7e63d2;background:#2b2142;color:#fff}.articles-pagination a.is-disabled{pointer-events:none;opacity:.35}.articles-empty{margin-bottom:60px;padding:65px;text-align:center}.articles-empty>i{color:#7962be;font-size:26px}.articles-empty h2{margin:14px 0 8px}.articles-empty p{color:#7f818a;font-size:11px}.articles-empty a{color:#b89cff;font-size:10px;font-weight:900}.article-community{padding:28px 34px}.article-community>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #292b34}.article-community>header>div>span{color:#9b7cf4;font-size:9px;font-weight:900;text-transform:uppercase}.article-community>header h2{margin:6px 0 0;font-size:22px}.article-community>header>button,.article-like-login{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #343640;border-radius:10px;background:#15161c;color:#a5a6ae;font:10px inherit;font-weight:900;text-decoration:none;cursor:pointer}.article-community>header>button b,.article-like-login b{min-width:20px;padding:3px 5px;border-radius:6px;background:#24252c;text-align:center}.article-community>header>button.is-liked{border-color:#6e2a50;background:#271422;color:#f471b7}.article-community>header>button.is-liked b{background:#3a1930}.article-comment-form{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:24px 0;border-bottom:1px solid #292b34}.article-comment-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#2a2140;color:#b89cff}.article-comment-avatar img{width:100%;height:100%;object-fit:cover}.article-comment-form label{display:block}.article-comment-form textarea{width:100%;min-height:88px;box-sizing:border-box;padding:13px;border:1px solid #32343d;border-radius:11px;outline:0;resize:vertical;background:#14151b;color:#eee;font:12px/1.6 inherit}.article-comment-form textarea:focus{border-color:#735abd}.article-comment-form label>span{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.article-comment-form small{color:#6f717a;font-size:9px}.article-comment-form button{height:36px;padding:0 15px;border:0;border-radius:8px;background:#8d68e8;color:#fff;font:10px inherit;font-weight:900;cursor:pointer}.article-comment-login{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin:22px 0;padding:14px;border-radius:12px;background:#171820}.article-comment-login>i{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#242031;color:#b89cff}.article-comment-login strong,.article-comment-login span{display:block}.article-comment-login strong{font-size:11px}.article-comment-login span{margin-top:4px;color:#777984;font-size:9px}.article-comment-login a{padding:10px 14px;border-radius:8px;background:#2b2240;color:#eee9ff;font-size:9px;font-weight:900;text-decoration:none}.article-comments-list{display:grid}.article-comment{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid #25272e}.article-comment:last-child{border-bottom:0}.article-comment>div:last-child>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.article-comment strong{font-size:11px}.article-comment time{color:#686a73;font-size:8px}.article-comment p{margin:7px 0 0;color:#aaaab2;font-size:11px;line-height:1.65}.article-comments-empty{display:flex;align-items:center;justify-content:center;gap:9px;padding:35px;color:#747680;font-size:10px}.article-comments-empty i{color:#8d72d7;font-size:15px}.article-editor-fields label small{display:block;margin-top:6px;color:#71737c;font-size:8px}@media(max-width:850px){.articles-directory-grid{grid-template-columns:1fr 1fr}.article-community{padding:24px}.articles-directory-grid .home-article-card:last-child{grid-column:auto}}@media(max-width:560px){.articles-directory-head{align-items:stretch;flex-direction:column;margin-top:28px}.articles-directory-head .primary-btn{width:100%}.articles-search{grid-template-columns:18px minmax(0,1fr)}.articles-search button{grid-column:1/-1}.articles-directory-grid{grid-template-columns:1fr}.article-community{padding:19px 16px}.article-community>header{align-items:flex-start;flex-direction:column}.article-community>header>button,.article-like-login{width:100%;box-sizing:border-box;justify-content:center}.article-comment-login{grid-template-columns:34px minmax(0,1fr)}.article-comment-login a{grid-column:1/-1;text-align:center}.article-comment-form{grid-template-columns:1fr}.article-comment-form>.article-comment-avatar{display:none}.articles-empty{padding:42px 18px}}
.article-comment-form textarea{height:48px;min-height:48px;max-height:260px;overflow-y:hidden;resize:none;transition:height .12s ease}.article-comment>div:last-child>header>span{display:flex;align-items:center;gap:8px}.article-comment-admin{display:inline-flex;align-items:center;gap:4px}.article-comment-admin button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:7px;background:#21191f;color:#b97886;font-size:9px;cursor:pointer}.article-comment-admin button:hover{background:#392029;color:#ff9cad}.article-comment-blocked{display:flex;align-items:center;gap:12px;margin:22px 0;padding:15px;border:1px solid #4a3038;border-radius:12px;background:#201519}.article-comment-blocked>i{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#321d24;color:#e58da0}.article-comment-blocked strong,.article-comment-blocked span{display:block}.article-comment-blocked strong{font-size:11px}.article-comment-blocked span{margin-top:4px;color:#9b767e;font-size:9px}
.article-bbcode .bb-left{text-align:left}.article-bbcode .bb-center{text-align:center}.article-bbcode .bb-right{text-align:right}
.article-editor-workspace{grid-template-columns:1fr}.article-editor-full-preview{display:grid;gap:12px;margin-top:6px}.article-editor-full-preview>header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid #302a3d;border-radius:12px;background:#15131b}.article-editor-full-preview>header span,.article-editor-full-preview>header strong{display:block}.article-editor-full-preview>header span{color:#9b7cf4;font-size:9px;font-weight:900;text-transform:uppercase}.article-editor-full-preview>header strong{margin-top:4px;font-size:11px}.article-editor-full-preview>header>i{color:#8d75d1}.article-preview-layout{padding-bottom:0}.article-preview-layout .article-hero{min-height:460px}.article-preview-layout .article-content{width:100%}
.article-editor-save-spacer{flex:1}.article-delete-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid #60303b;border-radius:9px;background:#25151a;color:#ee93a7;font:10px inherit;font-weight:900;cursor:pointer}.article-delete-button:hover{border-color:#984257;background:#371a22;color:#ffb0c0}.articles-delete-message{margin-top:20px}@media(max-width:560px){.article-editor-save{flex-wrap:wrap}.article-delete-button{width:100%;order:3}.article-editor-save-spacer{display:none}}
.home-articles-head>div>h2{margin:0}.home-articles-head>div>p{margin:8px 0 0;color:#858791;font-size:12px}.home-articles-head>.home-articles-all{flex:0 0 auto;margin:0;padding:10px 0}
.home-articles-head>h2{margin:0}.home-articles>.home-articles-all{width:max-content;display:flex;justify-content:center;margin:20px auto 0;padding:0 22px}
.home-articles>.home-articles-head{display:block;text-align:center}.home-articles>.home-articles-head>p{max-width:none;margin:8px 0 0;text-align:center}
.site-footer{width:min(calc(100% - 48px),1392px);box-sizing:border-box;margin:28px auto 24px;border:1px solid #292b34;border-radius:18px;background:#101116;color:#a5a6ae;overflow:hidden}.site-footer-main{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(150px,.65fr) minmax(280px,1fr);gap:48px;padding:34px}.site-footer-brand>a{display:inline-flex;align-items:center;gap:10px;color:#f3f2f7;text-decoration:none}.site-footer-brand img{width:54px;height:auto;display:block}.site-footer-brand strong{font-size:19px;letter-spacing:-.04em}.site-footer-brand p{max-width:360px;margin:14px 0 0;color:#777984;font-size:10px;line-height:1.65}.site-footer-nav{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.site-footer-nav>span,.site-footer-action>span{color:#696b75;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.site-footer-nav a{color:#b8b9c0;font-size:10px;font-weight:800;text-decoration:none}.site-footer-nav a:hover{color:#cbbcff}.site-footer-action{display:flex;align-items:flex-start;flex-direction:column}.site-footer-action strong{margin:8px 0 14px;color:#e6e5eb;font-size:13px;line-height:1.35}.site-footer-action .secondary-btn{min-height:38px;padding:0 14px}.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 34px;border-top:1px solid #292b34;color:#666872;font-size:8px}.site-footer-bottom a{display:inline-flex;align-items:center;gap:7px;color:#8e8f98;text-decoration:none}.site-footer-bottom a:hover{color:#c4b3f2}.site-footer-bottom i{font-size:7px}.client-auth-page .site-footer{display:none}@media(max-width:760px){.site-footer{width:calc(100% - 28px);margin-block:20px 14px;border-radius:15px}.site-footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:24px 20px}.site-footer-brand{grid-column:1/-1}.site-footer-action{grid-column:1/-1}.site-footer-action .secondary-btn{width:100%;justify-content:center}.site-footer-bottom{align-items:flex-start;flex-direction:column;padding:14px 20px}}@media(max-width:420px){.site-footer-main{grid-template-columns:1fr}.site-footer-brand,.site-footer-action{grid-column:auto}}
.site-footer{width:var(--site-shell-width)}

/* Readability pass for dense interface copy. */
.primary-btn,.secondary-btn,.catalog-product-actions>button,.catalog-product-actions>a,.catalog-filter-open,.catalog-no-results button,.articles-search button{font-size:12px;line-height:1.25;letter-spacing:.01em}
.catalog-product-description,.product-description,.article-content section p,.article-bbcode>p,.article-bbcode li{color:#b2b3bd}
.catalog-product-type,.catalog-stock,.catalog-result-count,.catalog-sort>span,.catalog-sort select,.catalog-filters legend,.catalog-price-fields span,.catalog-price-fields input,.catalog-filter-check,.catalog-product-specs li,.catalog-card-components li,.catalog-card-specs li,.product-status-row,.product-kicker,.product-service-notes span,.product-components article>span,.product-components article p{font-size:11px;line-height:1.45}
.catalog-filter-check,.catalog-result-count,.catalog-sort>span,.catalog-price-fields span,.product-service-notes span,.product-components article p{color:#9899a5}
.site-footer-brand p,.site-footer-nav a,.site-footer-action>span,.site-footer-nav>span,.site-footer-bottom{font-size:11px;line-height:1.55}
.site-footer-brand p,.site-footer-bottom{color:#92949f}
.article-card-footer,.article-community>header>div>span,.article-comment-form small,.article-comment-login span,.article-comment time,.articles-directory-meta{font-size:10px;line-height:1.45}
.article-comment p,.article-comment strong,.article-comment-login strong{font-size:12px;line-height:1.6}
@media(max-width:560px){.article-hero-copy p,.article-content section p,.article-bbcode>p,.article-bbcode blockquote,.article-bbcode ul,.article-bbcode ol{font-size:14px;line-height:1.7}}

/* Unified public UI layer. */
:root{--focus-ring:#c908a3;--surface:rgba(14,15,21,.82);--surface-strong:rgba(17,18,25,.94);--text-soft:#b2b3bd}
body.catalog-v2{background:var(--bg)!important}
::selection{background:rgba(201,8,163,.38);color:#fff}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
:where(button,input,select,textarea){font-family:inherit}
.topbar{background:rgba(12,13,19,.78);border-color:rgba(255,255,255,.1);box-shadow:0 18px 55px rgba(0,0,0,.34);backdrop-filter:blur(24px) saturate(135%)}
.nav{gap:clamp(6px,1vw,14px);font-size:15px}
.nav a{position:relative;padding:11px 14px;border-radius:10px;color:#c7c8d0}
.nav a:hover,.nav a.is-current{background:rgba(255,255,255,.065);color:#fff;text-shadow:none}
.icon-link{width:42px;height:42px;border-radius:10px;font-size:20px;opacity:.82}
.icon-link:hover{background:rgba(255,255,255,.06)}
.panel,.home-article-card{background:var(--surface);border-color:rgba(255,255,255,.09);backdrop-filter:blur(18px)}
.site-footer{background:#101116;border-color:#292b34;backdrop-filter:none}
.catalog-v2 .catalog-product-card,.catalog-v2 .catalog-filters,.catalog-v2 .catalog-search-field,.catalog-v2 .catalog-sort select,.product-gallery,.product-info,.product-components article{background:var(--surface-strong)}
.hero-copy h1,.config h2,.delivery h2{text-wrap:balance}
.lead,.section-title p,.card-copy p,.home-article-card p{text-wrap:pretty}
.primary-btn,.outline-btn,.secondary-btn,.catalog-product-actions>button,.catalog-product-actions>a{min-height:46px;font-weight:700}
.primary-btn{background:#c908a3;box-shadow:0 10px 30px rgba(201,8,163,.24)}
.primary-btn:hover{background:#dc1ab7;filter:none;box-shadow:0 14px 38px rgba(201,8,163,.32)}
.catalog-v2 .catalog-product-card{border-color:rgba(255,255,255,.09);box-shadow:0 14px 36px rgba(0,0,0,.16)}
.catalog-v2 .catalog-product-card:hover{border-color:rgba(201,8,163,.42);box-shadow:0 18px 46px rgba(0,0,0,.28)}
.catalog-v2 .catalog-product-body h3{font-size:19px;line-height:1.25}
.catalog-product-subtitle,.catalog-card-price-block>span,.catalog-card-availability{font-size:11px;line-height:1.35}
.catalog-v2 .catalog-card-price-block .catalog-product-price{font-size:22px}
.home-article-meta,.home-article-link{font-size:11px;line-height:1.4}
.home-article-card p{font-size:13px;color:var(--text-soft)}
.site-footer-nav a{min-height:32px;display:flex;align-items:center}
@media(max-width:820px){.topbar{background:rgba(12,13,19,.92)}.nav a{min-height:44px;display:flex;align-items:center}.icon-link{width:44px;height:44px}.header-actions{gap:8px}}
@media(max-width:560px){h1,.config h2,.delivery h2{line-height:1.08;letter-spacing:-.02em}.lead{line-height:1.45}.section-title h2{font-size:clamp(27px,9vw,36px);line-height:1.12}.section-title p{font-size:16px;line-height:1.45}.card-copy p,.home-article-card p{font-size:14px;line-height:1.55}.primary-btn,.outline-btn,.secondary-btn,.catalog-product-actions>button,.catalog-product-actions>a{min-height:48px;font-size:13px}}

.two-gis-reviews{margin-top:72px}.two-gis-reviews-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.two-gis-reviews-head>div:first-child{min-width:0}.two-gis-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:8px;background:#19aa1e;color:#fff;font-size:12px;font-weight:800}.two-gis-reviews h2{margin:12px 0 0;color:#f3f3f8;font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:650;letter-spacing:-.035em}.two-gis-reviews-head p{margin:9px 0 0;color:#9899a5;font-size:14px}.two-gis-summary{flex:0 0 auto;display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding:15px 18px;border:1px solid #2b2d35;border-radius:14px;background:#101116}.two-gis-summary strong{grid-row:1/3;color:#fff;font-size:34px;line-height:1}.two-gis-stars,.two-gis-card-stars{color:#ffb81c;letter-spacing:.08em}.two-gis-summary small{color:#90919c;font-size:11px}.two-gis-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.two-gis-review-card{min-width:0;min-height:250px;padding:22px;border:1px solid #292b34;border-radius:16px;background:#101116}.two-gis-review-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.two-gis-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#232530;color:#fff;font-size:15px;font-weight:800}.two-gis-review-card header>span:nth-child(2){min-width:0;display:grid;gap:4px}.two-gis-review-card strong{overflow:hidden;color:#eee;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.two-gis-review-card small{color:#7f818b;font-size:9px}.two-gis-review-card small i{color:#19aa1e}.two-gis-card-stars{font-size:10px;white-space:nowrap}.two-gis-review-card>p{display:-webkit-box;margin:18px 0 0;overflow:hidden;color:#b2b3bd;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:7}.two-gis-all{margin:22px auto 0}.two-gis-all i{font-size:10px}@media(max-width:980px){.two-gis-reviews-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.two-gis-reviews{margin-top:48px}.two-gis-reviews-head{align-items:stretch;flex-direction:column}.two-gis-summary{width:max-content}.two-gis-reviews-grid{grid-template-columns:1fr}.two-gis-review-card{min-height:0}.two-gis-all{width:100%;box-sizing:border-box}}

.catalog-filter-drag-handle{display:none}
@media(max-width:760px){.catalog-v2 .catalog-filter-drag-handle{position:sticky;z-index:6;top:0;width:100%;height:36px;display:grid;place-items:center;padding:0;border:0;background:#0e0f13;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.catalog-filter-drag-handle i{width:46px;height:5px;display:block;border-radius:8px;background:#555864;pointer-events:none}.catalog-v2 .catalog-filters>header{top:36px;height:50px}.catalog-v2 .catalog-filters>header::before{display:none}.catalog-v2 .catalog-filters>header>[data-filter-close]{display:none}.catalog-v2 .catalog-filters.is-dragging{transition:none!important}.catalog-v2 .catalog-filters.is-dragging .catalog-filter-drag-handle{cursor:grabbing}}
@media(max-width:760px){.catalog-v2 .catalog-filters{display:flex;overflow:hidden;flex-direction:column}.catalog-v2 .catalog-filter-drag-handle,.catalog-v2 .catalog-filters>header{position:relative;top:auto;flex:0 0 auto}.catalog-v2 .catalog-filters form{min-height:0;flex:1;overflow-y:auto;padding-bottom:max(16px,env(safe-area-inset-bottom));overscroll-behavior:contain}.catalog-v2 .catalog-filter-apply{position:sticky;z-index:7;bottom:0;box-sizing:border-box;margin-top:10px;box-shadow:0 -12px 22px 8px #0e0f13}}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:30px 0 8px}.catalog-pagination a,.catalog-pagination span{min-width:42px;height:42px;display:grid;place-items:center;box-sizing:border-box;border:1px solid #292b34;border-radius:10px;background:#101116;color:#a4a5ae;font-size:12px;font-weight:800;text-decoration:none}.catalog-pagination span{border-color:transparent;background:transparent}.catalog-pagination a:hover{border-color:#555866;color:#fff}.catalog-pagination a.is-active{border-color:#c908a3;background:#c908a3;color:#fff;box-shadow:0 8px 22px rgba(201,8,163,.25)}.catalog-pagination a.is-disabled{pointer-events:none;opacity:.32}@media(max-width:560px){.catalog-pagination{gap:5px;overflow-x:auto;justify-content:flex-start;padding:0 2px 5px}.catalog-pagination a,.catalog-pagination span{min-width:40px;height:40px;flex:0 0 auto}}
@media(max-width:760px){.catalog-v2 .catalog-page-section{padding-top:6px}.catalog-v2-head{min-height:0;align-items:center;padding:16px 0 22px;text-align:center}.catalog-v2-head>div{width:100%}.catalog-v2-head p:last-child{margin-right:auto;margin-left:auto}.catalog-v2-head>span{display:block;align-self:center}}
.catalog-product-card{position:relative}.catalog-favorite-button{position:absolute;z-index:6;top:16px;right:16px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(12,13,18,.82);color:#ccc;cursor:pointer;backdrop-filter:blur(10px);transition:.2s ease}.catalog-favorite-button:hover,.catalog-favorite-button.is-active{border-color:rgba(226,56,170,.5);background:rgba(42,16,35,.9);color:#f052bc}.favorites-header-link{position:relative}.favorites-header-link>span{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#e238aa;color:#fff;font-size:9px;font-weight:900}@media(max-width:560px){.catalog-favorite-button{top:13px;right:13px}}
.mobile-auth-overlay{position:fixed;z-index:2000;inset:0;background:rgba(3,4,8,.78);backdrop-filter:blur(10px)}.mobile-auth-frame{width:100%;height:100%;display:block;border:0;background:transparent}
.bestpc-confirm-modal[hidden]{display:none}.bestpc-confirm-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:18px}.bestpc-confirm-backdrop{position:absolute;inset:0;background:rgba(4,5,9,.78);backdrop-filter:blur(9px)}.bestpc-confirm-modal>section{position:relative;width:min(100%,390px);padding:26px;box-sizing:border-box;border:1px solid #353741;border-radius:18px;background:#111218;color:#eee;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.58);animation:confirm-modal-in .18s ease}.bestpc-confirm-modal>section>span{width:52px;height:52px;display:grid;place-items:center;margin:0 auto;border-radius:15px;background:rgba(251,113,133,.12);color:#fb7185;font-size:19px}.bestpc-confirm-modal h2{margin:16px 0 7px;font-size:20px}.bestpc-confirm-modal p{margin:0;color:#92949e;font-size:11px;line-height:1.65}.bestpc-confirm-modal section>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}.bestpc-confirm-modal button{min-height:42px;border:1px solid #343640;border-radius:10px;background:#1a1b21;color:#ddd;font:10px inherit;font-weight:850;cursor:pointer}.bestpc-confirm-modal button.is-danger{border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.12);color:#fda4af}.bestpc-confirm-modal button:hover{border-color:#555762;color:#fff}.bestpc-confirm-modal button.is-danger:hover{border-color:#fb7185;background:rgba(251,113,133,.18)}body.has-confirm-modal{overflow:hidden}@keyframes confirm-modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.bestpc-alert-modal{z-index:3100}.bestpc-alert-modal>section>span{background:rgba(96,165,250,.12);color:#60a5fa}.bestpc-alert-modal section>div{grid-template-columns:1fr}.bestpc-alert-modal button.is-primary{border-color:rgba(226,56,170,.4);background:#c908a3;color:#fff}.bestpc-alert-modal button.is-primary:hover{border-color:#ef65c5;background:#dc1ab7}.bestpc-alert-modal p{white-space:pre-line}body.has-alert-modal{overflow:hidden}
.bestpc-select-native{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.bestpc-select{position:relative;min-width:0}.bestpc-select-trigger{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border:1px solid #32343d;border-radius:9px;background:#15161c;color:#ddd;font:inherit;font-size:10px;text-align:left;cursor:pointer}.bestpc-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bestpc-select-trigger>i{color:#777984;font-size:8px;transition:transform .2s}.bestpc-select.is-open .bestpc-select-trigger{border-color:#c908a3;box-shadow:0 0 0 3px rgba(201,8,163,.1)}.bestpc-select.is-open .bestpc-select-trigger>i{transform:rotate(180deg)}.bestpc-select-options{position:absolute;z-index:1200;top:calc(100% + 6px);left:0;width:max(100%,180px);max-height:260px;display:none;overflow:auto;padding:6px;box-sizing:border-box;border:1px solid #343640;border-radius:10px;background:#111218;box-shadow:0 18px 48px rgba(0,0,0,.48)}.bestpc-select.is-open .bestpc-select-options{display:grid;gap:3px}.bestpc-select-option{width:100%;min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) 14px;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#aaa;font:inherit;font-size:10px;text-align:left;cursor:pointer}.bestpc-select-option>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bestpc-select-option>i{opacity:0;color:#e238aa;font-size:8px}.bestpc-select-option:hover{background:#1c1d24;color:#fff}.bestpc-select-option.is-selected{background:rgba(226,56,170,.1);color:#fff}.bestpc-select-option.is-selected>i{opacity:1}.bestpc-select-option:disabled{opacity:.35;cursor:not-allowed}.bestpc-select-group{padding:8px 9px 4px;color:#666872;font-size:8px;font-weight:900;text-transform:uppercase}.bestpc-select.is-disabled{opacity:.5}.bestpc-select.is-invalid .bestpc-select-trigger{border-color:#fb7185}
@media(min-width:981px){body:not(.home-page) .page{padding-top:118px}.articles-directory-head{margin-top:12px}.article-breadcrumbs,.article-editor-head{margin-top:12px}.client-profile-head{margin-top:12px}}
.configurator-directory-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:12px 0 24px}.configurator-directory-head h1{margin:0;color:#f4f4f7;font-size:clamp(34px,5vw,58px);line-height:.98;font-weight:550;letter-spacing:-.045em}.configurator-directory-head p{margin:12px 0 0;color:#858791;font-size:12px}.configurator-directory-head+.configurator{margin-top:0}@media(max-width:560px){.configurator-directory-head{margin:10px 0 18px;text-align:center}.configurator-directory-head>div{width:100%}.configurator-directory-head h1{font-size:34px;line-height:1.05}.configurator-directory-head p{font-size:11px;line-height:1.55}}
.articles-directory-head,.configurator-directory-head,.article-editor-head,.cart-page-head,.favorites-head{padding-bottom:22px;border-bottom:1px solid #202127}
.bestpc-confirm-modal.is-closing{opacity:0;transition:opacity .22s ease;pointer-events:none}.bestpc-confirm-modal.is-closing>section{transform:translateY(12px) scale(.98);opacity:0;transition:transform .22s ease,opacity .18s ease}
@media(max-width:760px){.catalog-v2 .catalog-filters{height:auto!important;max-height:min(68dvh,600px)!important}.catalog-v2 .catalog-filters form{height:auto;flex:0 1 auto}}
@media(max-width:420px){.catalog-v2 .catalog-filters{max-height:min(64dvh,540px)!important}}
@media(min-width:761px){.catalog-v2 .catalog-toolbar{grid-template-columns:minmax(250px,1fr) auto}}
@media(max-width:760px){.catalog-v2 .catalog-toolbar .catalog-search-field{height:44px;display:flex;align-items:center;box-sizing:border-box;padding:0 11px}.catalog-v2 .catalog-toolbar .catalog-search-field>i{flex:0 0 auto;line-height:1}.catalog-v2 .catalog-toolbar .catalog-search-field>input{height:42px;min-width:0;padding:0;border:0;line-height:normal}}
@media(max-width:760px){
  .catalog-v2 .catalog-toolbar{grid-template-columns:1fr;grid-template-areas:"search" "filter" "sort";gap:9px}
  .catalog-v2 .catalog-toolbar .catalog-search-field{grid-area:search;width:100%}
  .catalog-v2 .catalog-toolbar .catalog-filter-open{grid-area:filter;width:100%;min-height:44px;justify-content:center}
  .catalog-v2 .catalog-toolbar .catalog-sort{grid-area:sort;grid-column:auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
  .catalog-v2 .catalog-toolbar .catalog-sort label,.catalog-v2 .catalog-toolbar .catalog-sort label>span{width:100%;box-sizing:border-box}
  .catalog-v2 .catalog-toolbar .catalog-sort label>span{height:44px;justify-content:center;padding:0 6px}
}
.site-footer-bottom .site-footer-developer{display:grid;grid-template-columns:34px minmax(0,1fr) 10px;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(226,56,170,.22);border-radius:11px;background:rgba(226,56,170,.07);color:#b9bac2;transition:border-color .2s ease,background .2s ease,transform .2s ease}.site-footer-bottom .site-footer-developer:hover{border-color:rgba(226,56,170,.48);background:rgba(226,56,170,.12);transform:translateY(-1px)}.site-footer-developer img{width:34px;height:34px;display:block;object-fit:contain}.site-footer-developer span{min-width:0}.site-footer-developer small,.site-footer-developer strong{display:block}.site-footer-developer small{color:#777985;font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.site-footer-developer strong{margin-top:3px;color:#f0ddec;font-size:10px}.site-footer-developer>i{color:#d65ab2;font-size:8px}@media(max-width:760px){.site-footer-bottom .site-footer-developer{width:100%;box-sizing:border-box}}
.cart-request-modal .client-legal-consent{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid #30323b;border-radius:10px;background:#121319;cursor:pointer}.cart-request-modal .client-legal-consent>input{width:18px;height:18px;margin:1px 0 0;accent-color:#e238aa}.cart-request-modal .client-legal-consent>span{margin:0;color:#92949e;font-size:9px;font-weight:500;line-height:1.55}.cart-request-modal .client-legal-consent a,.privacy-page a{color:#e563c0;font-weight:800}.privacy-page a{text-decoration-color:rgba(229,99,192,.45);text-underline-offset:3px}.request-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.site-footer-main{grid-template-columns:minmax(280px,1.25fr) minmax(150px,.55fr) minmax(230px,.8fr);align-items:start;gap:34px}.site-footer-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.site-footer-tags span{padding:7px 9px;border:1px solid #292b34;border-radius:8px;background:#15161c;color:#858791;font-size:8px;font-weight:750}.site-footer-nav{padding-left:26px;border-left:1px solid #292b34}.site-footer-legal-panel{display:grid;gap:5px;padding-left:26px;border-left:1px solid #292b34}.site-footer-legal-panel>span{margin-bottom:5px;color:#696b75;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.site-footer-legal-panel a,.site-footer-legal-panel button{min-height:34px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#a4a5ae;font:inherit;font-size:9px;text-align:left;text-decoration:none;cursor:pointer}.site-footer-legal-panel a:hover,.site-footer-legal-panel button:hover{background:#191a21;color:#f0e8f4}.site-footer-legal-panel i{color:#a04c84;font-size:10px;text-align:center}.site-footer-bottom{min-height:58px}.site-footer-bottom>span:first-child{font-weight:750}@media(max-width:900px){.site-footer-main{grid-template-columns:1fr 1fr}.site-footer-brand{grid-column:1/-1}.site-footer-nav{padding-left:0;border-left:0}.site-footer-legal-panel{padding-left:22px}}@media(max-width:560px){.site-footer-main{grid-template-columns:1fr;gap:25px}.site-footer-brand{grid-column:auto}.site-footer-nav,.site-footer-legal-panel{padding-left:0;border-left:0}.site-footer-nav{display:grid;grid-template-columns:1fr 1fr}.site-footer-nav>span{grid-column:1/-1}.site-footer-legal-panel{padding-top:20px;border-top:1px solid #292b34}.site-footer-tags{margin-top:16px}.site-footer-bottom{gap:14px}}