@charset "UTF-8";
/* Шрифты лежат на вашем сервере: /wa-data/public/site/fonts/8849/ (лицензия SIL OFL 1.1) */
@font-face {
  font-family: "Unbounded"; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url("/wa-data/public/site/fonts/8849/unbounded-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Unbounded"; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url("/wa-data/public/site/fonts/8849/unbounded-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/wa-data/public/site/fonts/8849/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Manrope"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/wa-data/public/site/fonts/8849/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* =====================================================================
   8849 · «Восхождение» - концепт инфо-страницы
   Все стили изолированы внутри .x8849
   ===================================================================== */
.x8849, .x-hd, .x-pc {
  --snow: #eef1f4;
  --snow-2: #e3e8ed;
  --ice: #cfd8e1;
  --night: #0b0d11;
  --night-2: #141821;
  --night-3: #1d2330;
  --ink: #0b0d11;
  --ink-2: #4a5566;
  --ink-3: #7a8596;
  --on-night: #f3f5f8;
  --on-night-2: #9aa5b6;
  --line-light: rgba(11, 13, 17, 0.1);
  --line-dark: rgba(255, 255, 255, 0.1);
  --signal: #ff5b1f;
  --signal-2: #ff7a45;
  --f-display: "Unbounded", "Manrope", system-ui, sans-serif;
  --f-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --pad: clamp(16px, 4vw, 56px);
  --max: 1240px;

  font-family: var(--f-body);
  color: var(--ink);
  background: var(--snow);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
.x8849 *, .x8849 *::before, .x8849 *::after { box-sizing: border-box; }
/* Тема задаёт Open Sans тегам p, a, em и т.п. - внутри блока шрифт наследуется */
.x8849 * { font-family: inherit; letter-spacing: inherit; }
.x8849 img { max-width: 100%; height: auto; display: block; }
.x8849 h1, .x8849 h2, .x8849 h3, .x8849 p, .x8849 ul { margin: 0; padding: 0; }
.x8849 ul { list-style: none; }
.x8849 a { color: inherit; }

.x-wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); position: relative; }
.x-sec { position: relative; padding: clamp(72px, 10vw, 140px) 0; }
.x-sec--night { background: var(--night); color: var(--on-night); }
.x-sec--snow2 { background: var(--snow-2); }

.x-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--f-mono); font-size: 13px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--ink);
  padding: 5px 16px 5px 5px; border-radius: 999px;
  background: #fff; border: 1px solid var(--line-light);
  margin-bottom: 24px; line-height: 1.2;
}
.x-kicker b {
  display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 8px;
  border-radius: 999px; background: var(--signal); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .04em;
}
.x-sec--night .x-kicker { color: var(--on-night); background: rgba(255,255,255,.06); border-color: var(--line-dark); }

.x-h2 {
  font-family: var(--f-display); font-weight: 700;
  font-size: clamp(30px, 4.6vw, 60px); line-height: 1.05; letter-spacing: -.02em;
  max-width: 16ch;
}
.x-lead { font-size: clamp(16px, 1.5vw, 19px); color: var(--ink-2); max-width: 58ch; margin-top: 20px; }
.x-sec--night .x-lead { color: var(--on-night-2); }

.x-btn {
  display: inline-flex; align-items: center; gap: 12px;
  min-height: 56px; padding: 0 28px; border-radius: 999px;
  font-weight: 700; font-size: 16px; text-decoration: none;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), background-color .2s, color .2s, border-color .2s;
}
.x-btn svg { width: 18px; height: 18px; transition: transform .25s; }
.x-btn:hover svg { transform: translateX(4px); }
.x-btn--signal { background: var(--signal); color: #fff; }
.x-btn--signal:hover { background: var(--signal-2); }
.x-btn--line { border: 1.5px solid currentColor; }
.x-btn--line:hover { background: var(--ink); color: var(--snow); border-color: var(--ink); }
.x-sec--night .x-btn--line:hover { background: var(--on-night); color: var(--night); border-color: var(--on-night); }

/* ---------- Альтиметр (desktop) ---------- */
.x-alt {
  position: fixed; left: 20px; top: 50%; transform: translateY(-50%);
  z-index: 20; display: none; align-items: center; gap: 12px;
  font-family: var(--f-mono); font-size: 11px; color: var(--ink-3);
  mix-blend-mode: difference; filter: invert(1) grayscale(1) brightness(.55);
  pointer-events: none;
}
.x-alt__bar { position: relative; width: 2px; height: 220px; background: currentColor; opacity: .35; }
.x-alt__fill { position: absolute; left: 0; bottom: 0; width: 2px; height: 0; background: currentColor; }
.x-alt__val { writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: .12em; }
@media (min-width: 1360px) { .js .x-alt { display: flex; } }

/* ---------- 1. HERO ---------- */
.x-hero { position: relative; display: flex; align-items: center; padding: clamp(40px, 5vw, 64px) 0 clamp(28px, 3vw, 40px); overflow: hidden; }
.x-hero__num {
  position: absolute; right: -2vw; bottom: -4vw;
  font-family: var(--f-display); font-weight: 800; font-size: clamp(120px, 22vw, 300px);
  line-height: .8; letter-spacing: -.05em; color: transparent;
  -webkit-text-stroke: 1.5px rgba(11,13,17,.08); pointer-events: none; user-select: none;
}
.x-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: center; }
.x-hero__grid > *, .x-final__grid > *, .x-bento > *, .x-tests > * { min-width: 0; }
@media (min-width: 960px) { .x-hero__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); } }

.x-hero h1 {
  font-family: var(--f-display); font-weight: 800;
  font-size: clamp(38px, 5.4vw, 76px); line-height: 1; letter-spacing: -.035em;
}
.x-hero h1 em { font-style: normal; color: var(--signal); }
.x-hero__lead { font-size: clamp(16px, 1.6vw, 20px); color: var(--ink-2); max-width: 46ch; margin-top: 28px; }
.x-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }

.x-hero__media { position: relative; justify-self: center; width: min(100%, 400px); }
.x-hero__media img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; }

.x-coords {
  position: relative; margin-top: clamp(28px, 4vw, 48px); padding-top: 18px;
  border-top: 1px solid var(--line-light);
  display: flex; flex-wrap: wrap; gap: 8px 32px;
  font-family: var(--f-mono); font-size: 12px; color: var(--ink-3); letter-spacing: .06em;
}
.x-coords b { color: var(--ink); font-weight: 700; }
@media (max-width: 599px) {
  .x-hero__grid { gap: 24px; }
  .x-hero__media { width: min(100%, 240px); }
  .x-hero__cta .x-btn { flex: 1 1 100%; justify-content: center; }
  .x-coords span:nth-child(n+3) { display: none; }
}

/* ---------- 2. МАНИФЕСТ ---------- */
.x-manifesto {
  font-family: var(--f-display); font-weight: 500;
  font-size: clamp(24px, 3.4vw, 46px); line-height: 1.22; letter-spacing: -.02em;
  max-width: 24ch;
}
.x-manifesto span { color: var(--on-night-2); opacity: .55; transition: opacity .6s, color .6s; }
.x-manifesto span.is-lit, .no-js .x-manifesto span { opacity: 1; color: var(--on-night); }
.x-manifesto mark { background: none; color: var(--signal); }
.x-manifest-foot { display: grid; gap: 24px; margin-top: clamp(48px, 6vw, 80px); padding-top: 32px; border-top: 1px solid var(--line-dark); }
@media (min-width: 800px) { .x-manifest-foot { grid-template-columns: repeat(3, 1fr); } }
.x-manifest-foot p { color: var(--on-night-2); font-size: 15px; }
.x-manifest-foot strong { display: block; color: var(--on-night); font-size: 17px; margin-bottom: 6px; }

/* ---------- 3. BENTO ---------- */
.x-bento { display: grid; gap: 12px; margin-top: clamp(40px, 5vw, 64px); grid-template-columns: 1fr; }
@media (min-width: 720px) { .x-bento { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .x-bento { grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(250px, auto); } }
.x-tile {
  position: relative; overflow: hidden; border-radius: 24px; padding: 28px;
  background: #fff; border: 1px solid var(--line-light);
  display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-height: 240px;
}
.x-tile--dark { background: var(--night); color: var(--on-night); border-color: transparent; }
.x-tile--signal { background: var(--signal); color: #fff; border-color: transparent; }
@media (min-width: 1080px) {
  .x-tile--battery { grid-column: span 3; grid-row: span 2; }
  .x-tile--proj { grid-column: span 3; }
  .x-tile--thermal { grid-column: span 3; }
  .x-tile--ip, .x-tile--charge, .x-tile--light { grid-column: span 2; }
}
.x-tile__label { font-family: var(--f-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; opacity: .6; }
.x-tile__num { font-family: var(--f-display); font-weight: 700; font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -.03em; }
.x-tile__num small { font-size: .4em; font-weight: 500; letter-spacing: 0; margin-left: 6px; opacity: .7; }
.x-tile__text { font-size: 15px; opacity: .75; max-width: 34ch; margin-top: 10px; }

/* батарея */
.x-tile--battery .x-tile__num { font-size: clamp(48px, 6vw, 88px); white-space: nowrap; }
@media (max-width: 599px) { .x-tile--battery .x-tile__num { font-size: 10.5vw; } }
.x-cells { display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; margin-top: 8px; }
.x-cells i { height: 44px; border-radius: 6px; background: rgba(255,255,255,.08); }
.x-cells i.on { background: var(--signal); }
.js .x-cells i.on { background: rgba(255,255,255,.08); transition: background-color .3s; }
.js .x-in .x-cells i.on { background: var(--signal); }
.x-battery-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; font-family: var(--f-mono); font-size: 12px; color: var(--on-night-2); margin-top: 16px; }

/* проектор */
.x-beam { position: absolute; right: -10%; top: 50%; width: 60%; aspect-ratio: 16/10; transform: translateY(-50%) perspective(600px) rotateY(-18deg); border-radius: 8px;
  background: linear-gradient(135deg, #2a3446, #0b0d11); box-shadow: 0 0 0 1px var(--line-light), 0 30px 60px -20px rgba(11,13,17,.35); overflow: hidden; }
.x-beam::before { content: "2K"; position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--f-display); font-weight: 800; font-size: 44px; color: rgba(255,255,255,.9); letter-spacing: -.03em; }
.x-beam::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgba(255,255,255,.04) 0 2px, transparent 2px 6px); }
.x-tile--proj .x-tile__body { max-width: 52%; }
@media (max-width: 719px) { .x-beam { display: none; } .x-tile--proj .x-tile__body { max-width: none; } }

/* тепловизор */
.x-tile--thermal { background: #120a1f; color: #fff; border-color: transparent; }
.x-tile--thermal::before {
  content: ""; position: absolute; right: -60px; bottom: -80px; width: 340px; height: 340px; border-radius: 50%;
  background: radial-gradient(circle at 45% 45%, #fff6a8 0 6%, #ffc83a 14%, #ff5b1f 30%, #c1127a 48%, #4b1b8f 66%, transparent 72%);
  filter: blur(6px); opacity: .9;
}
.x-tile--thermal > * { position: relative; }
.x-thermal-scale { display: flex; align-items: center; gap: 10px; font-family: var(--f-mono); font-size: 11px; opacity: .8; }
.x-thermal-scale i { flex: 0 0 120px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, #4b1b8f, #c1127a, #ff5b1f, #ffc83a, #fff6a8); }

/* IP */
.x-tile__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.x-tile__icon { width: 30px; height: 30px; color: var(--signal); flex: none; }
.x-ip-list li { padding: 12px 0; border-top: 1px solid var(--line-light); }
.x-ip-list li:first-child { border-top: 0; padding-top: 0; }
.x-ip-list b { display: block; font-family: var(--f-display); font-weight: 700; font-size: 20px; letter-spacing: -.01em; line-height: 1.2; }
.x-ip-list span { display: block; font-size: 14px; color: var(--ink-2); margin-top: 2px; }
.x-ip { display: flex; gap: 6px; flex-wrap: wrap; }
.x-ip span { font-family: var(--f-mono); font-weight: 700; font-size: 13px; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--line-light); }

/* ---------- 4. ИСПЫТАНИЯ ---------- */
.x-tests { display: grid; gap: 1px; background: var(--line-dark); border-radius: 24px; overflow: hidden; margin-top: clamp(40px, 5vw, 64px); }
@media (min-width: 720px) { .x-tests { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .x-tests { grid-template-columns: repeat(4, 1fr); } }
.x-test { background: var(--night-2); padding: 32px 28px 36px; display: flex; flex-direction: column; gap: 18px; transition: background-color .3s; }
.x-test:hover { background: var(--night-3); }
.x-test svg { width: 44px; height: 44px; color: var(--signal); }
.x-test__code { font-family: var(--f-mono); font-size: 12px; color: var(--on-night-2); letter-spacing: .12em; }
.x-test h3 { font-family: var(--f-display); font-weight: 700; font-size: 22px; letter-spacing: -.01em; }
.x-test p { color: var(--on-night-2); font-size: 15px; }

/* ---------- 5. ВОСХОЖДЕНИЕ (модели) ---------- */
.x-route-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 24px; }
.x-route-nav { display: flex; gap: 8px; }
.x-route-nav button {
  width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid var(--ink); background: transparent; color: var(--ink);
  cursor: pointer; display: grid; place-items: center; transition: background-color .2s, color .2s;
}
.x-route-nav button:hover { background: var(--ink); color: var(--snow); }
.x-route-nav svg { width: 18px; height: 18px; }
.no-js .x-route-nav { display: none; }

.x-route { position: relative; margin-top: clamp(40px, 5vw, 64px); }
.x-ridge { position: absolute; left: 0; right: 0; bottom: 0; height: 80%; width: 100%; color: #fff; pointer-events: none; }
.x-track {
  position: relative; display: flex; align-items: flex-end; gap: 16px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: var(--pad);
  padding: 8px var(--pad) 24px; margin: 0 calc(var(--pad) * -1);
  scrollbar-width: none;
}
.x-track::-webkit-scrollbar { display: none; }
@media (max-width: 959px) { .x-ridge { display: none; } .x-track { align-items: stretch; } }
.x-camp {
  flex: 0 0 min(78vw, 300px); scroll-snap-align: start;
  background: rgba(255,255,255,.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--line-light); border-radius: 24px; padding: 20px 20px 24px;
  display: flex; flex-direction: column; text-decoration: none;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
a.x-camp:hover { transform: translateY(-6px); box-shadow: 0 30px 60px -30px rgba(11,13,17,.35); }
@media (min-width: 960px) {
  .x-camp:nth-child(1) { margin-bottom: 0; }
  .x-camp:nth-child(2) { margin-bottom: 40px; }
  .x-camp:nth-child(3) { margin-bottom: 80px; }
  .x-camp:nth-child(4) { margin-bottom: 120px; }
  .x-camp:nth-child(5) { margin-bottom: 160px; }
  .x-camp:nth-child(6) { margin-bottom: 200px; }
}
.x-camp__alt { display: flex; justify-content: space-between; font-family: var(--f-mono); font-size: 11px; letter-spacing: .1em; color: var(--ink-3); text-transform: uppercase; }
.x-camp__alt b { color: var(--ink); }
.x-camp__img { aspect-ratio: 1; margin: 12px -8px 4px; }
.x-camp__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.x-camp__img--empty { display: grid; place-items: center; background: var(--snow-2); border-radius: 16px; margin: 12px 0 4px; font-family: var(--f-display); font-weight: 800; font-size: 56px; color: var(--ice); }
.x-camp h3 { font-family: var(--f-display); font-weight: 700; font-size: 20px; letter-spacing: -.01em; }
.x-camp p { font-size: 14px; color: var(--ink-2); margin-top: 8px; }
.x-specs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.x8849 .x-specs li { font-family: var(--f-mono); font-size: 11px; font-weight: 500; padding: 5px 9px; border-radius: 999px; background: var(--snow-2); color: var(--ink-2); }
.x-camp__more { margin-top: auto; padding-top: 18px; font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
.x-camp__more::after { content: "→"; color: var(--signal); transition: transform .25s; }
a.x-camp:hover .x-camp__more::after { transform: translateX(4px); }
.x-camp--summit { background: var(--night); color: var(--on-night); border-color: transparent; }
.x-camp--summit .x-camp__alt, .x-camp--summit p { color: var(--on-night-2); }
.x-camp--summit .x-camp__alt b { color: var(--signal); }
.x-camp--summit .x-camp__img { background: #fff; border-radius: 16px; margin: 12px 0 4px; }
.x8849 .x-camp--summit .x-specs li { background: var(--night-3); color: var(--on-night); }

/* ---------- 6. ДЛЯ КОГО ---------- */
.x-marquee { overflow: hidden; border-block: 1px solid var(--line-light); padding: 26px 0; margin-top: clamp(40px, 5vw, 56px);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.x-marquee__row { display: flex; gap: 48px; width: max-content; animation: x-marq 40s linear infinite; }
.x-marquee__row span { font-family: var(--f-display); font-weight: 700; font-size: clamp(26px, 4vw, 52px); letter-spacing: -.02em; white-space: nowrap; display: inline-flex; align-items: center; gap: 48px; }
.x-marquee__row span::after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--signal); }
@keyframes x-marq { to { transform: translateX(-50%); } }

/* ---------- 7. FAQ ---------- */
.x-faq__grid { display: grid; gap: 40px; }
@media (min-width: 960px) {
  .x-faq__grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; }
  .x-faq__aside { position: sticky; top: 24px; align-self: start; }
}
.x-faq__help {
  margin-top: 32px; padding: 24px; border-radius: 20px;
  background: var(--night); color: var(--on-night);
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
}
.x-faq__help strong { font-family: var(--f-display); font-weight: 700; font-size: 20px; }
.x-faq__help span { color: var(--on-night-2); font-size: 15px; margin-bottom: 12px; }
.x-faq__group + .x-faq__group { margin-top: 40px; }
.x-faq__gtitle {
  font-family: var(--f-mono); font-size: 12px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--signal); margin: 0 0 8px;
}
.x-q { border-bottom: 1px solid var(--line-light); }
.x-q summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px;
  padding: 18px 0; font-weight: 700; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.4; color: var(--ink);
}
.x-q summary::-webkit-details-marker { display: none; }
.x-q summary:hover { color: var(--signal); }
.x-q summary i {
  position: relative; flex: 0 0 32px; height: 32px; border-radius: 50%;
  border: 1.5px solid var(--ice); transition: transform .3s, background-color .3s, border-color .3s;
}
.x-q summary i::before, .x-q summary i::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px;
  background: var(--ink); transform: translate(-50%, -50%);
}
.x-q summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.x-q[open] summary i { transform: rotate(45deg); background: var(--signal); border-color: var(--signal); }
.x-q[open] summary i::before, .x-q[open] summary i::after { background: #fff; }
.x-q__a { padding: 0 56px 20px 0; color: var(--ink-2); font-size: 15px; line-height: 1.7; }
.x-q__a p + p { margin-top: 10px; }
.x8849 .x-q__a a, .x8849 .x-q__a a:hover { color: var(--ink); text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 3px; }
@media (max-width: 599px) { .x-q__a { padding-right: 0; } }

/* ---------- 8. МАГАЗИН / ФИНАЛ ---------- */
.x-final { overflow: hidden; }
.x-final__grid { position: relative; display: grid; gap: 40px; }
@media (min-width: 960px) { .x-final__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; } }
.x-final h2 { font-family: var(--f-display); font-weight: 800; font-size: clamp(34px, 4.4vw, 60px); line-height: .98; letter-spacing: -.035em; }
.x-final h2 em { font-style: normal; color: var(--signal); }
.x-promises { display: grid; gap: 1px; background: var(--line-dark); border-radius: 20px; overflow: hidden; }
.x-promise { background: var(--night-2); padding: 22px 24px; display: grid; grid-template-columns: 40px 1fr; gap: 16px; align-items: start; }
.x-promise svg { width: 28px; height: 28px; color: var(--signal); margin-top: 2px; }
.x-promise strong { display: block; font-size: 17px; margin-bottom: 4px; }
.x-promise span { font-size: 14px; color: var(--on-night-2); }
.x-final__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }

/* ---------- Появление при скролле ---------- */
.js .x-rv { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); }
.js .x-rv.x-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .x8849 *, .x8849 *::before, .x8849 *::after { animation: none !important; transition: none !important; }
  .js .x-rv { opacity: 1; transform: none; }
}

/* =====================================================================
   Адаптация под тему Supreme (действует только на странице с .x8849)
   ===================================================================== */

/* Страница в ширине сайта: секции - скруглённые блоки с отступами */
.x8849 {
  display: flex; flex-direction: column; gap: 12px;
  background: transparent; margin: 8px 0 40px;
  --pad: clamp(20px, 4vw, 56px);
}
.x8849 .x-hero, .x8849 .x-sec {
  background: var(--snow); border-radius: 28px; overflow: hidden;
}
.x8849 .x-sec--night { background: var(--night); }
.x8849 .x-sec--snow2 { background: var(--snow-2); }
.x8849 .x-sec { padding: clamp(56px, 7vw, 104px) 0; }
@media (max-width: 767px) {
  .x8849 { gap: 8px; }
  .x8849 .x-hero, .x8849 .x-sec { border-radius: 20px; }
}

/* Системный H1 дублирует заголовок первого экрана */
#page-content:has(.x8849) > h1 { display: none; }
#page-content:has(.x8849) > .breadcrumbs { margin-bottom: 0; }

/* Сброс стилей темы внутри блока */
.x8849 h1, .x8849 h2, .x8849 h3 { color: inherit; text-transform: none; }
.x8849 a, .x8849 a:hover, .x8849 a:focus { text-decoration: none; }
.x8849 ul li { margin: 0; padding-left: 0; background: none; }
.x8849 ul li::before { content: none; }
.x8849 button { font: inherit; }
.x8849 mark { padding: 0; margin: 0; background: none; }
.x8849 .x-faq__gtitle { color: var(--signal); }
/* Внутренняя ширина секций следует за шириной сайта */
.x8849 .x-wrap { max-width: none; }

/* Первый экран ниже шапки сайта - без 100% высоты окна */
.x-hero { min-height: 0; }

/* Рельеф на фоне */
.x-hero::before, .x-final::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 700' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke='%23cfd8e1' stroke-width='1'%3E%3Cpath d='M924 260L926 263L926 266L925 269L922 271L920 273L916 274L912 275L909 275L906 275L903 275L901 276L898 277L895 277L892 275L890 274L887 273L883 273L878 273L874 271L873 268L874 264L877 261L880 259L882 257L883 255L884 253L885 251L886 249L887 246L888 244L891 241L894 240L897 240L901 241L904 241L907 242L911 242L914 244L915 246L915 250L914 253L914 255L916 256L920 258Z' stroke-opacity='0.9'/%3E%3Cpath d='M975 260L981 269L978 278L970 285L960 290L951 295L943 298L935 301L926 303L918 303L910 304L902 306L894 307L885 308L877 306L869 303L859 302L848 300L835 298L826 291L824 282L830 272L840 263L849 257L853 252L852 246L850 239L851 231L854 224L859 218L865 212L873 207L882 203L892 201L903 203L912 205L921 208L930 211L937 216L941 224L941 232L940 240L943 245L951 248L964 253Z' stroke-opacity='0.45'/%3E%3Cpath d='M1033 260L1038 276L1028 289L1010 299L992 306L978 312L967 320L957 327L944 332L930 333L916 333L903 334L890 336L875 339L860 340L843 338L827 335L809 330L793 322L782 310L783 294L795 278L811 265L823 256L824 247L818 236L811 222L810 208L818 197L830 188L843 181L856 174L871 166L887 162L904 163L920 169L934 177L946 185L955 194L962 205L965 216L969 226L978 232L994 238L1016 247Z' stroke-opacity='0.45'/%3E%3Cpath d='M1090 260L1091 281L1073 300L1045 312L1019 319L1002 328L991 341L979 354L963 363L942 364L922 362L904 361L886 366L864 374L839 380L813 380L790 373L770 360L756 344L749 324L753 303L767 283L784 266L794 254L790 241L777 224L766 203L767 182L780 167L801 158L822 151L840 142L860 130L882 122L906 123L928 133L945 149L958 165L969 178L980 189L992 198L1006 207L1024 216L1047 226L1073 241Z' stroke-opacity='0.45'/%3E%3Cpath d='M1140 260L1134 286L1109 308L1076 323L1045 333L1026 345L1014 362L1001 380L981 393L955 395L929 391L906 390L882 399L852 414L816 426L781 426L753 411L736 387L728 360L728 333L733 309L743 287L753 268L755 252L747 234L731 211L719 183L723 157L743 139L771 128L800 121L824 110L848 95L877 84L908 86L935 103L954 128L967 151L981 165L1000 171L1026 175L1054 183L1082 195L1108 212L1129 234Z' stroke-opacity='0.45'/%3E%3Cpath d='M1178 260L1165 290L1139 315L1106 333L1075 347L1053 363L1038 383L1022 405L998 421L967 426L936 424L907 426L876 439L838 460L792 475L748 471L719 445L709 408L712 369L717 338L718 313L715 291L711 271L704 249L694 225L681 196L674 164L682 134L707 111L742 98L776 88L807 76L838 60L872 50L909 55L940 79L960 111L975 137L994 149L1026 148L1070 146L1113 153L1148 172L1169 198L1179 229Z' stroke-opacity='0.9'/%3E%3Cpath d='M1203 260L1187 292L1166 321L1139 345L1109 365L1083 383L1062 404L1040 427L1014 446L980 458L945 463L909 471L870 488L822 510L768 521L720 509L694 471L692 421L703 374L710 341L701 318L679 298L657 274L642 246L635 215L632 182L634 147L646 113L672 84L710 65L750 53L790 41L828 30L869 25L910 35L944 62L967 96L986 120L1014 125L1062 116L1122 111L1179 121L1214 148L1224 186L1217 224Z' stroke-opacity='0.45'/%3E%3Cpath d='M1220 260L1206 294L1195 328L1176 358L1147 384L1114 404L1083 423L1057 446L1029 471L995 494L956 512L912 527L863 544L807 559L749 559L701 535L679 486L683 428L697 378L698 346L673 326L631 306L592 277L573 242L574 205L586 168L598 132L613 93L638 57L676 30L723 15L773 9L821 7L867 10L910 24L947 48L975 75L1003 90L1044 89L1106 77L1180 72L1243 89L1273 127L1268 176L1244 221Z' stroke-opacity='0.45'/%3E%3Cpath d='M1235 260L1226 297L1226 335L1216 373L1187 403L1145 424L1104 442L1073 466L1046 500L1013 538L969 571L914 592L855 602L794 600L737 583L693 546L674 492L676 433L684 386L673 357L632 338L573 316L523 281L505 238L517 195L542 156L564 117L580 74L602 30L641 -5L697 -21L759 -19L817 -7L867 6L911 19L950 31L988 42L1031 46L1086 40L1158 31L1236 34L1297 62L1319 111L1300 168L1263 219Z' stroke-opacity='0.45'/%3E%3Cpath d='M1255 260L1252 300L1260 343L1255 386L1224 422L1175 444L1127 462L1094 490L1068 536L1035 591L983 638L917 659L848 653L785 628L733 590L695 544L673 492L665 442L657 401L631 374L578 354L511 326L458 285L442 234L463 186L499 143L528 102L545 54L567 3L610 -37L676 -50L750 -37L815 -12L867 7L911 12L956 4L1008 -6L1067 -14L1135 -19L1210 -15L1283 3L1334 43L1347 101L1323 163L1283 217Z' stroke-opacity='0.45'/%3E%3Cpath d='M1285 260L1283 303L1292 350L1289 398L1257 439L1206 466L1157 488L1122 524L1096 582L1059 651L998 704L920 718L843 691L782 639L737 583L702 535L671 494L643 458L613 427L572 400L514 372L450 337L402 288L389 231L413 177L453 130L486 84L509 33L536 -21L587 -61L662 -70L745 -47L815 -13L866 5L912 -6L966 -38L1034 -71L1111 -86L1187 -80L1256 -56L1314 -18L1353 33L1362 95L1342 159L1309 214Z' stroke-opacity='0.9'/%3E%3Cpath d='M1325 260L1319 307L1321 357L1315 408L1288 454L1243 490L1197 524L1162 570L1130 637L1083 711L1010 761L922 761L841 711L783 636L744 569L707 527L661 504L607 486L553 462L501 430L449 391L397 346L356 290L343 229L361 168L399 114L439 64L474 12L514 -38L575 -73L657 -77L743 -52L813 -20L864 -12L913 -43L979 -98L1065 -145L1156 -160L1234 -136L1290 -87L1330 -29L1358 31L1370 92L1364 153L1345 210Z' stroke-opacity='0.45'/%3E%3Cpath d='M1372 260L1354 311L1344 362L1338 416L1321 471L1290 522L1251 572L1211 629L1166 697L1104 763L1019 798L923 780L841 713L786 626L749 560L705 530L639 527L558 524L482 503L427 461L387 409L352 353L320 292L300 226L306 159L341 97L391 43L446 -4L505 -45L575 -72L658 -76L739 -58L806 -41L859 -51L916 -100L995 -170L1096 -222L1196 -225L1270 -179L1312 -106L1334 -31L1355 33L1378 90L1393 147L1390 205Z' stroke-opacity='0.45'/%3E%3Cpath d='M1420 260L1387 315L1366 367L1362 425L1363 491L1351 563L1318 631L1266 695L1200 753L1118 797L1021 810L923 776L842 703L788 620L746 565L690 551L604 563L501 568L411 544L356 491L332 425L313 360L285 294L256 224L249 149L282 80L348 25L429 -14L509 -42L586 -62L660 -72L731 -75L793 -84L851 -116L919 -176L1011 -246L1122 -288L1226 -274L1294 -207L1322 -115L1333 -31L1354 33L1392 85L1429 139L1440 199Z' stroke-opacity='0.45'/%3E%3Cpath d='M1463 260L1421 319L1393 373L1398 437L1418 519L1423 611L1390 696L1320 758L1226 795L1123 808L1018 796L922 756L843 693L785 629L733 591L662 590L560 608L444 613L347 581L295 517L281 440L273 367L247 297L210 221L195 140L231 65L318 12L426 -16L524 -31L599 -48L658 -76L712 -111L771 -153L839 -203L923 -262L1026 -314L1141 -334L1242 -301L1305 -220L1328 -120L1337 -33L1363 29L1413 77L1466 130L1486 194Z' stroke-opacity='0.45'/%3E%3Cpath d='M1503 260L1460 323L1436 383L1452 457L1489 554L1502 664L1460 757L1363 809L1240 817L1118 796L1011 765L920 729L843 692L775 660L707 642L622 645L513 657L393 651L296 611L244 539L231 455L226 375L202 299L165 219L153 133L199 56L305 7L433 -11L539 -19L604 -43L643 -97L683 -170L743 -244L826 -303L926 -344L1038 -365L1150 -356L1246 -308L1308 -224L1336 -127L1351 -43L1383 19L1440 68L1499 123L1524 190Z' stroke-opacity='0.9'/%3E%3Cpath d='M1544 260L1515 329L1504 399L1529 484L1569 594L1575 713L1513 805L1388 839L1240 817L1107 769L1003 728L920 712L841 712L759 713L672 712L576 709L468 702L354 682L257 634L198 559L176 471L168 384L151 302L128 217L131 129L192 54L309 9L442 -6L543 -16L592 -56L612 -140L643 -248L711 -345L813 -401L929 -413L1044 -394L1150 -356L1241 -300L1309 -225L1351 -141L1378 -61L1413 3L1466 58L1522 117L1553 187Z' stroke-opacity='0.45'/%3E%3Cpath d='M1594 260L1593 338L1599 420L1623 518L1647 634L1630 750L1541 830L1393 844L1229 800L1094 738L998 703L920 715L835 753L736 786L632 791L530 772L430 742L326 704L227 651L152 578L113 489L102 396L102 305L108 216L137 130L209 59L322 14L441 -7L523 -31L555 -94L565 -205L598 -337L681 -442L803 -482L931 -459L1046 -402L1144 -342L1234 -288L1314 -230L1375 -162L1416 -86L1449 -15L1489 50L1537 114L1577 184Z' stroke-opacity='0.45'/%3E%3Cpath d='M1661 260L1697 350L1716 447L1723 553L1711 665L1655 767L1540 828L1379 828L1215 777L1086 719L997 702L921 743L827 814L711 865L593 869L489 830L398 774L303 721L199 667L105 598L47 508L37 407L65 307L111 216L168 135L241 68L330 18L416 -21L472 -71L493 -157L507 -285L555 -423L657 -519L795 -537L932 -481L1045 -396L1138 -325L1229 -280L1323 -242L1405 -189L1458 -114L1484 -32L1509 43L1550 111L1607 180Z' stroke-opacity='0.45'/%3E%3Cpath d='M1751 260L1821 364L1841 476L1813 585L1748 684L1647 761L1511 803L1354 799L1205 760L1089 725L1004 734L923 797L818 884L688 941L558 936L454 879L368 804L278 741L167 686L56 619L-15 526L-14 415L48 308L135 217L214 143L272 77L319 13L359 -55L389 -135L412 -240L447 -368L520 -492L642 -567L792 -561L933 -486L1043 -389L1134 -316L1230 -282L1338 -260L1436 -216L1496 -140L1517 -48L1529 36L1572 106L1655 175Z' stroke-opacity='0.45'/%3E%3Cpath d='M1860 260L1949 378L1954 502L1876 608L1750 685L1609 736L1467 764L1331 771L1207 763L1104 763L1018 796L927 868L809 952L669 1003L532 989L423 922L337 837L246 766L130 707L12 638L-58 539L-40 420L55 307L173 219L256 151L284 81L276 -5L268 -107L283 -217L324 -330L394 -441L499 -534L638 -580L792 -560L932 -484L1043 -390L1137 -323L1238 -295L1354 -279L1461 -239L1527 -161L1549 -64L1562 24L1617 96L1728 167Z' stroke-opacity='0.9'/%3E%3Cpath d='M1975 260L2062 391L2034 520L1901 617L1722 671L1554 699L1422 724L1319 756L1225 793L1132 832L1037 881L930 945L801 1010L655 1047L511 1030L393 963L298 877L204 798L93 729L-16 650L-72 543L-36 419L79 306L205 221L273 153L258 73L197 -39L153 -174L167 -306L242 -414L356 -493L493 -546L643 -566L794 -545L932 -484L1047 -408L1147 -347L1250 -315L1367 -294L1477 -253L1552 -178L1587 -83L1618 4L1693 78L1827 156Z' stroke-opacity='0.45'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;
}
.x-final::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 700' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1'%3E%3Cpath d='M924 260L926 263L926 266L925 269L922 271L920 273L916 274L912 275L909 275L906 275L903 275L901 276L898 277L895 277L892 275L890 274L887 273L883 273L878 273L874 271L873 268L874 264L877 261L880 259L882 257L883 255L884 253L885 251L886 249L887 246L888 244L891 241L894 240L897 240L901 241L904 241L907 242L911 242L914 244L915 246L915 250L914 253L914 255L916 256L920 258Z' stroke-opacity='0.9'/%3E%3Cpath d='M975 260L981 269L978 278L970 285L960 290L951 295L943 298L935 301L926 303L918 303L910 304L902 306L894 307L885 308L877 306L869 303L859 302L848 300L835 298L826 291L824 282L830 272L840 263L849 257L853 252L852 246L850 239L851 231L854 224L859 218L865 212L873 207L882 203L892 201L903 203L912 205L921 208L930 211L937 216L941 224L941 232L940 240L943 245L951 248L964 253Z' stroke-opacity='0.45'/%3E%3Cpath d='M1033 260L1038 276L1028 289L1010 299L992 306L978 312L967 320L957 327L944 332L930 333L916 333L903 334L890 336L875 339L860 340L843 338L827 335L809 330L793 322L782 310L783 294L795 278L811 265L823 256L824 247L818 236L811 222L810 208L818 197L830 188L843 181L856 174L871 166L887 162L904 163L920 169L934 177L946 185L955 194L962 205L965 216L969 226L978 232L994 238L1016 247Z' stroke-opacity='0.45'/%3E%3Cpath d='M1090 260L1091 281L1073 300L1045 312L1019 319L1002 328L991 341L979 354L963 363L942 364L922 362L904 361L886 366L864 374L839 380L813 380L790 373L770 360L756 344L749 324L753 303L767 283L784 266L794 254L790 241L777 224L766 203L767 182L780 167L801 158L822 151L840 142L860 130L882 122L906 123L928 133L945 149L958 165L969 178L980 189L992 198L1006 207L1024 216L1047 226L1073 241Z' stroke-opacity='0.45'/%3E%3Cpath d='M1140 260L1134 286L1109 308L1076 323L1045 333L1026 345L1014 362L1001 380L981 393L955 395L929 391L906 390L882 399L852 414L816 426L781 426L753 411L736 387L728 360L728 333L733 309L743 287L753 268L755 252L747 234L731 211L719 183L723 157L743 139L771 128L800 121L824 110L848 95L877 84L908 86L935 103L954 128L967 151L981 165L1000 171L1026 175L1054 183L1082 195L1108 212L1129 234Z' stroke-opacity='0.45'/%3E%3Cpath d='M1178 260L1165 290L1139 315L1106 333L1075 347L1053 363L1038 383L1022 405L998 421L967 426L936 424L907 426L876 439L838 460L792 475L748 471L719 445L709 408L712 369L717 338L718 313L715 291L711 271L704 249L694 225L681 196L674 164L682 134L707 111L742 98L776 88L807 76L838 60L872 50L909 55L940 79L960 111L975 137L994 149L1026 148L1070 146L1113 153L1148 172L1169 198L1179 229Z' stroke-opacity='0.9'/%3E%3Cpath d='M1203 260L1187 292L1166 321L1139 345L1109 365L1083 383L1062 404L1040 427L1014 446L980 458L945 463L909 471L870 488L822 510L768 521L720 509L694 471L692 421L703 374L710 341L701 318L679 298L657 274L642 246L635 215L632 182L634 147L646 113L672 84L710 65L750 53L790 41L828 30L869 25L910 35L944 62L967 96L986 120L1014 125L1062 116L1122 111L1179 121L1214 148L1224 186L1217 224Z' stroke-opacity='0.45'/%3E%3Cpath d='M1220 260L1206 294L1195 328L1176 358L1147 384L1114 404L1083 423L1057 446L1029 471L995 494L956 512L912 527L863 544L807 559L749 559L701 535L679 486L683 428L697 378L698 346L673 326L631 306L592 277L573 242L574 205L586 168L598 132L613 93L638 57L676 30L723 15L773 9L821 7L867 10L910 24L947 48L975 75L1003 90L1044 89L1106 77L1180 72L1243 89L1273 127L1268 176L1244 221Z' stroke-opacity='0.45'/%3E%3Cpath d='M1235 260L1226 297L1226 335L1216 373L1187 403L1145 424L1104 442L1073 466L1046 500L1013 538L969 571L914 592L855 602L794 600L737 583L693 546L674 492L676 433L684 386L673 357L632 338L573 316L523 281L505 238L517 195L542 156L564 117L580 74L602 30L641 -5L697 -21L759 -19L817 -7L867 6L911 19L950 31L988 42L1031 46L1086 40L1158 31L1236 34L1297 62L1319 111L1300 168L1263 219Z' stroke-opacity='0.45'/%3E%3Cpath d='M1255 260L1252 300L1260 343L1255 386L1224 422L1175 444L1127 462L1094 490L1068 536L1035 591L983 638L917 659L848 653L785 628L733 590L695 544L673 492L665 442L657 401L631 374L578 354L511 326L458 285L442 234L463 186L499 143L528 102L545 54L567 3L610 -37L676 -50L750 -37L815 -12L867 7L911 12L956 4L1008 -6L1067 -14L1135 -19L1210 -15L1283 3L1334 43L1347 101L1323 163L1283 217Z' stroke-opacity='0.45'/%3E%3Cpath d='M1285 260L1283 303L1292 350L1289 398L1257 439L1206 466L1157 488L1122 524L1096 582L1059 651L998 704L920 718L843 691L782 639L737 583L702 535L671 494L643 458L613 427L572 400L514 372L450 337L402 288L389 231L413 177L453 130L486 84L509 33L536 -21L587 -61L662 -70L745 -47L815 -13L866 5L912 -6L966 -38L1034 -71L1111 -86L1187 -80L1256 -56L1314 -18L1353 33L1362 95L1342 159L1309 214Z' stroke-opacity='0.9'/%3E%3Cpath d='M1325 260L1319 307L1321 357L1315 408L1288 454L1243 490L1197 524L1162 570L1130 637L1083 711L1010 761L922 761L841 711L783 636L744 569L707 527L661 504L607 486L553 462L501 430L449 391L397 346L356 290L343 229L361 168L399 114L439 64L474 12L514 -38L575 -73L657 -77L743 -52L813 -20L864 -12L913 -43L979 -98L1065 -145L1156 -160L1234 -136L1290 -87L1330 -29L1358 31L1370 92L1364 153L1345 210Z' stroke-opacity='0.45'/%3E%3Cpath d='M1372 260L1354 311L1344 362L1338 416L1321 471L1290 522L1251 572L1211 629L1166 697L1104 763L1019 798L923 780L841 713L786 626L749 560L705 530L639 527L558 524L482 503L427 461L387 409L352 353L320 292L300 226L306 159L341 97L391 43L446 -4L505 -45L575 -72L658 -76L739 -58L806 -41L859 -51L916 -100L995 -170L1096 -222L1196 -225L1270 -179L1312 -106L1334 -31L1355 33L1378 90L1393 147L1390 205Z' stroke-opacity='0.45'/%3E%3Cpath d='M1420 260L1387 315L1366 367L1362 425L1363 491L1351 563L1318 631L1266 695L1200 753L1118 797L1021 810L923 776L842 703L788 620L746 565L690 551L604 563L501 568L411 544L356 491L332 425L313 360L285 294L256 224L249 149L282 80L348 25L429 -14L509 -42L586 -62L660 -72L731 -75L793 -84L851 -116L919 -176L1011 -246L1122 -288L1226 -274L1294 -207L1322 -115L1333 -31L1354 33L1392 85L1429 139L1440 199Z' stroke-opacity='0.45'/%3E%3Cpath d='M1463 260L1421 319L1393 373L1398 437L1418 519L1423 611L1390 696L1320 758L1226 795L1123 808L1018 796L922 756L843 693L785 629L733 591L662 590L560 608L444 613L347 581L295 517L281 440L273 367L247 297L210 221L195 140L231 65L318 12L426 -16L524 -31L599 -48L658 -76L712 -111L771 -153L839 -203L923 -262L1026 -314L1141 -334L1242 -301L1305 -220L1328 -120L1337 -33L1363 29L1413 77L1466 130L1486 194Z' stroke-opacity='0.45'/%3E%3Cpath d='M1503 260L1460 323L1436 383L1452 457L1489 554L1502 664L1460 757L1363 809L1240 817L1118 796L1011 765L920 729L843 692L775 660L707 642L622 645L513 657L393 651L296 611L244 539L231 455L226 375L202 299L165 219L153 133L199 56L305 7L433 -11L539 -19L604 -43L643 -97L683 -170L743 -244L826 -303L926 -344L1038 -365L1150 -356L1246 -308L1308 -224L1336 -127L1351 -43L1383 19L1440 68L1499 123L1524 190Z' stroke-opacity='0.9'/%3E%3Cpath d='M1544 260L1515 329L1504 399L1529 484L1569 594L1575 713L1513 805L1388 839L1240 817L1107 769L1003 728L920 712L841 712L759 713L672 712L576 709L468 702L354 682L257 634L198 559L176 471L168 384L151 302L128 217L131 129L192 54L309 9L442 -6L543 -16L592 -56L612 -140L643 -248L711 -345L813 -401L929 -413L1044 -394L1150 -356L1241 -300L1309 -225L1351 -141L1378 -61L1413 3L1466 58L1522 117L1553 187Z' stroke-opacity='0.45'/%3E%3Cpath d='M1594 260L1593 338L1599 420L1623 518L1647 634L1630 750L1541 830L1393 844L1229 800L1094 738L998 703L920 715L835 753L736 786L632 791L530 772L430 742L326 704L227 651L152 578L113 489L102 396L102 305L108 216L137 130L209 59L322 14L441 -7L523 -31L555 -94L565 -205L598 -337L681 -442L803 -482L931 -459L1046 -402L1144 -342L1234 -288L1314 -230L1375 -162L1416 -86L1449 -15L1489 50L1537 114L1577 184Z' stroke-opacity='0.45'/%3E%3Cpath d='M1661 260L1697 350L1716 447L1723 553L1711 665L1655 767L1540 828L1379 828L1215 777L1086 719L997 702L921 743L827 814L711 865L593 869L489 830L398 774L303 721L199 667L105 598L47 508L37 407L65 307L111 216L168 135L241 68L330 18L416 -21L472 -71L493 -157L507 -285L555 -423L657 -519L795 -537L932 -481L1045 -396L1138 -325L1229 -280L1323 -242L1405 -189L1458 -114L1484 -32L1509 43L1550 111L1607 180Z' stroke-opacity='0.45'/%3E%3Cpath d='M1751 260L1821 364L1841 476L1813 585L1748 684L1647 761L1511 803L1354 799L1205 760L1089 725L1004 734L923 797L818 884L688 941L558 936L454 879L368 804L278 741L167 686L56 619L-15 526L-14 415L48 308L135 217L214 143L272 77L319 13L359 -55L389 -135L412 -240L447 -368L520 -492L642 -567L792 -561L933 -486L1043 -389L1134 -316L1230 -282L1338 -260L1436 -216L1496 -140L1517 -48L1529 36L1572 106L1655 175Z' stroke-opacity='0.45'/%3E%3Cpath d='M1860 260L1949 378L1954 502L1876 608L1750 685L1609 736L1467 764L1331 771L1207 763L1104 763L1018 796L927 868L809 952L669 1003L532 989L423 922L337 837L246 766L130 707L12 638L-58 539L-40 420L55 307L173 219L256 151L284 81L276 -5L268 -107L283 -217L324 -330L394 -441L499 -534L638 -580L792 -560L932 -484L1043 -390L1137 -323L1238 -295L1354 -279L1461 -239L1527 -161L1549 -64L1562 24L1617 96L1728 167Z' stroke-opacity='0.9'/%3E%3Cpath d='M1975 260L2062 391L2034 520L1901 617L1722 671L1554 699L1422 724L1319 756L1225 793L1132 832L1037 881L930 945L801 1010L655 1047L511 1030L393 963L298 877L204 798L93 729L-16 650L-72 543L-36 419L79 306L205 221L273 153L258 73L197 -39L153 -174L167 -306L242 -414L356 -493L493 -546L643 -566L794 -545L932 -484L1047 -408L1147 -347L1250 -315L1367 -294L1477 -253L1552 -178L1587 -83L1618 4L1693 78L1827 156Z' stroke-opacity='0.45'/%3E%3C/g%3E%3C/svg%3E"); opacity: .07; }

/* Кнопка звонка на телефоне */
@media (max-width: 767px) {
  body:has(#page-content .x8849) .ordercall-smart-button_mobile { transform: scale(.75); transform-origin: right bottom; }
}

/* =====================================================================
   Страница «Контакты» (/kontakty/)
   Первый экран, заголовки, кнопки и FAQ - общие стили .x8849 выше.
   Здесь только то, чего нет на других страницах.
   ===================================================================== */
.x-ct-label {
  font-family: var(--f-mono); font-size: 12px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3);
}

/* Заголовок первого экрана: длинное слово «самовывоз» не должно уходить под карточку телефона */
.x-ct-hero h1 { font-size: clamp(34px, 4.6vw, 64px); }
@media (max-width: 959px) { .x-ct-hero h1 { font-size: clamp(34px, 7vw, 56px); } }

/* Карточка телефона в первом экране */
.x-ct-phone {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; gap: 14px;
  padding: clamp(24px, 3vw, 36px); border-radius: 28px;
  background: var(--night); color: var(--on-night);
  box-shadow: 0 30px 60px -30px rgba(11, 13, 17, .5);
}
.x-ct-phone .x-ct-label { color: var(--on-night-2); }
.x-ct-phone__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; }
.x-ct-status { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--on-night-2); }
.x-ct-status::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--on-night-2); }
.x-ct-status.is-open { color: #9be7b0; }
.x-ct-status.is-open::before { background: #35c46a; box-shadow: 0 0 0 4px rgba(53, 196, 106, .2); }
.x-ct-status.is-closed::before { background: var(--signal); }
.x8849 .x-ct-phone__num {
  font-family: var(--f-display); font-weight: 700; line-height: 1.05; letter-spacing: -.02em;
  font-size: clamp(18px, 5.8vw, 44px); white-space: nowrap; color: var(--on-night);
  transition: color .2s;
}
.x8849 .x-ct-phone__num:hover { color: var(--signal); }
@media (min-width: 960px) {
  .x-ct-hero .x-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .x8849 .x-ct-phone__num { font-size: clamp(28px, 3vw, 44px); }
}
.x-ct-phone__note { font-size: 15px; color: var(--on-night-2); }
.x-ct-phone__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.x-ct-phone .x-btn--line:hover { background: var(--on-night); color: var(--night); border-color: var(--on-night); }
@media (max-width: 599px) { .x-ct-phone__cta .x-btn { flex: 1 1 100%; justify-content: center; } }

/* Карточки почты */
.x-ct-mails { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: clamp(32px, 4vw, 48px); }
@media (min-width: 800px) { .x-ct-mails { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.x8849 .x-ct-mail {
  display: flex; flex-direction: column; gap: 10px; min-width: 0;
  padding: clamp(22px, 2.6vw, 30px); border-radius: 24px;
  background: #fff; border: 1px solid var(--line-light); color: var(--ink);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s;
}
.x8849 .x-ct-mail:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -30px rgba(11, 13, 17, .35); }
.x-ct-mail__icon { width: 32px; height: 32px; color: var(--signal); margin-bottom: 6px; }
.x-ct-mail__addr {
  font-family: var(--f-display); font-weight: 700; letter-spacing: -.01em;
  font-size: clamp(17px, 1.6vw, 21px); overflow-wrap: anywhere;
}
.x-ct-mail__text { font-size: 15px; color: var(--ink-2); }
.x-ct-mail:hover .x-camp__more::after { transform: translateX(4px); }

/* Пункт самовывоза: информация + карта */
.x-ct-place { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: clamp(32px, 4vw, 48px); }
@media (min-width: 960px) { .x-ct-place { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } }
.x-ct-info {
  display: flex; flex-direction: column; gap: 24px;
  padding: clamp(22px, 3vw, 36px); border-radius: 24px;
  background: #fff; border: 1px solid var(--line-light);
}
.x-ct-info__lead { font-size: 16px; color: var(--ink-2); }
.x8849 .x-ct-hours li {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 14px 0; border-bottom: 1px solid var(--line-light); font-size: 15px;
}
.x8849 .x-ct-hours li:first-child { border-top: 1px solid var(--line-light); }
.x-ct-hours b { font-family: var(--f-mono); font-weight: 700; white-space: nowrap; }
.x-ct-hours li.is-today span { font-weight: 700; color: var(--ink); }
.x-ct-hours li.is-today span::after {
  content: "сегодня"; margin-left: 8px; padding: 2px 8px; border-radius: 999px; vertical-align: 1px;
  font-family: var(--f-mono); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  background: var(--signal); color: #fff;
}
.x8849 .x-ct-facts li { position: relative; padding: 4px 0 4px 28px; font-size: 15px; color: var(--ink-2); }
.x8849 .x-ct-facts li::before {
  content: ""; position: absolute; left: 2px; top: 9px; width: 14px; height: 8px;
  border-left: 2px solid var(--signal); border-bottom: 2px solid var(--signal); transform: rotate(-45deg);
}
.x-ct-route { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
@media (max-width: 599px) { .x-ct-route .x-btn { flex: 1 1 100%; justify-content: center; text-align: center; } }

.x-ct-map {
  position: relative; height: 360px; overflow: hidden; border-radius: 24px;
  background: var(--snow); border: 1px solid var(--line-light);
}
@media (min-width: 960px) { .x-ct-map { height: auto; min-height: 480px; } }
.x-ct-map__stub {
  position: absolute; inset: 0; display: grid; place-content: center; gap: 6px;
  padding: 24px; text-align: center; font-size: 14px; color: var(--ink-3);
}
.x-ct-map__stub b { font-family: var(--f-display); font-size: 18px; color: var(--ink); }
.x-ct-map.is-ready .x-ct-map__stub { display: none; }
/* Приглушённая подложка карты, метка остаётся яркой */
.x-ct-map [class*="ground-pane"] { filter: grayscale(1) contrast(1.02) brightness(1.03); }

/* =====================================================================
   Страница «Гарантия» (/garantiya/)
   Первый экран, карточки (.x-tile, .x-ct-phone, .x-ct-info, .x-ct-facts),
   шаги (.x-tests) и FAQ - общие стили выше. Здесь только новое.
   ===================================================================== */
.x8849 .x-ct-phone__num--mail { font-size: clamp(16px, 4.8vw, 30px); }
@media (min-width: 960px) { .x8849 .x-ct-phone__num--mail { font-size: clamp(22px, 2.2vw, 30px); } }

/* Размер номера и почты - от ширины самой карточки, чтобы не вылезали ни на каком экране */
@supports (container-type: inline-size) {
  .x-ct-phone { container-type: inline-size; }
  .x8849 .x-ct-phone__num { font-size: clamp(18px, 9.2cqi, 44px); }
  .x8849 .x-ct-phone__num--mail { font-size: clamp(15px, 5.8cqi, 30px); }
}

/* Заголовок: «на всю технику» одной строкой на широких экранах */
@media (min-width: 600px) { .x8849 .x-nw { white-space: nowrap; } }
@media (min-width: 960px) { .x-gr-hero h1 { font-size: clamp(30px, 4.1vw, 56px); } }
@media (max-width: 599px) { .x-gr-hero h1 { font-size: clamp(24px, 8vw, 34px); } }

/* Четыре срока */
.x-gr-terms { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: clamp(32px, 4vw, 48px); }
@media (min-width: 600px) { .x-gr-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .x-gr-terms { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.x-gr-terms .x-tile { min-height: 220px; }

/* Ссылки в шагах на тёмном фоне */
.x8849 .x-test p a { color: var(--on-night); text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 3px; }

/* Две карточки: брак / исправный товар */
.x-gr-two { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: clamp(32px, 4vw, 48px); }
@media (min-width: 900px) { .x-gr-two { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.x-gr-title { font-family: var(--f-display); font-weight: 700; font-size: clamp(20px, 2vw, 26px); letter-spacing: -.01em; line-height: 1.2; margin-top: 8px; }
.x8849 .x-ct-facts li b { color: var(--ink); }
.x8849 .x-ct-facts li + li { margin-top: 6px; }

/* Список исключений с крестиками */
.x-gr-no { margin-top: clamp(32px, 4vw, 48px); }
.x8849 .x-ct-facts--no li::before {
  left: 0; top: 8px; width: 14px; height: 14px; border: 0; transform: none;
  background:
    linear-gradient(45deg, transparent 42%, var(--signal) 42% 58%, transparent 58%),
    linear-gradient(-45deg, transparent 42%, var(--signal) 42% 58%, transparent 58%);
}
@media (min-width: 900px) {
  .x-gr-no .x-ct-facts { columns: 2; column-gap: 48px; }
  .x-gr-no .x-ct-facts li { break-inside: avoid; }
}

/* Совет про проверку посылки */
.x-gr-tip {
  display: flex; align-items: flex-start; gap: 16px; margin-top: 12px;
  padding: 20px 24px; border-radius: 20px;
  background: var(--night); color: var(--on-night-2); font-size: 15px;
}
.x-gr-tip svg { flex: none; width: 28px; height: 28px; color: var(--signal); }
.x-gr-tip b { color: var(--on-night); }

/* =====================================================================
   Страница «Отзывы» (/otzyvy/) и список отзывов плагина Customer reviews
   Первый экран и тёмная карточка - общие стили выше.
   ===================================================================== */

/* Шаги «Как оставить отзыв» в тёмной карточке */
.x-rw-steps { display: flex; flex-direction: column; gap: 14px; counter-reset: rw; }
.x8849 .x-rw-steps li { position: relative; padding-left: 44px; font-size: 15px; line-height: 1.55; color: var(--on-night-2); }
.x8849 .x-rw-steps li::before {
  counter-increment: rw; content: counter(rw);
  position: absolute; left: 0; top: -3px; width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; background: var(--signal); color: #fff;
  font-family: var(--f-mono); font-size: 13px; font-weight: 700;
}
.x-rw-steps b { color: var(--on-night); }

/* Список отзывов */
.x-rw-list { margin-top: clamp(32px, 4vw, 48px); }
.x8849 .customer-reviews-list .s-reviews-list { display: grid; gap: 12px; }
.x8849 .customer-reviews .s-reviews-list .s-review-item {
  display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 10px 20px; align-items: start;
  padding: clamp(20px, 2.6vw, 28px);
  border: 1px solid var(--line-light);
  background: #fff !important;      /* плагин задаёт фон и скругление в style="" */
  border-radius: 24px !important;
}
.x8849 .customer-reviews .s-reviews-list .s-review-item > .summary-wrapper { grid-column: 2; grid-row: 1; }
.x8849 .customer-reviews .s-reviews-list .s-review-item > a { grid-column: 1; grid-row: 1 / span 2; display: block; border-radius: 16px; background: var(--snow); overflow: hidden; }
.x8849 .customer-reviews .s-reviews-list .s-review-item > .description-wrapper { grid-column: 2; grid-row: 2; font-size: 16px; line-height: 1.65; color: var(--ink-2); }
.x8849 .customer-reviews .s-reviews-list .s-review-item > .customer-reviews-clear { display: none; }
.x8849 .customer-reviews-image { float: none; display: block; width: 88px; height: 88px; margin: 0; padding: 6px; object-fit: contain; mix-blend-mode: multiply; }

.x8849 .s-review-header { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.x8849 .s-review-header h4 {
  flex: 1 1 100%; margin: 0;
  font-family: var(--f-display); font-size: clamp(17px, 1.6vw, 20px); font-weight: 700; letter-spacing: -.01em; line-height: 1.25;
}
.x8849 .s-review-header h4 a { color: var(--ink); transition: color .2s; }
.x8849 .s-review-header h4 a:hover { color: var(--signal); }
.x8849 .s-rates-wrapper { display: inline-flex; gap: 2px; }
.x8849 .username-wrapper { font-size: 14px; font-weight: 700; color: var(--ink); }
.x8849 .date-wrapper { font-family: var(--f-mono); font-size: 12px; color: var(--ink-3); }

/* Ответ магазина на отзыв */
.x8849 .customer-reviews .s-reviews-list .s-review-item:not([data-parent-id="0"]) { margin-left: 108px; background: var(--snow) !important; }

/* Звёзды вместо жёлтых картинок плагина */
.x8849 .customer-reviews i.icon16[class*="star"] {
  width: 16px; height: 16px; background: var(--signal);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.x8849 .customer-reviews i.icon16.star-empty { background: var(--ice); }
.x8849 .customer-reviews i.icon16.star-half { background: linear-gradient(90deg, var(--signal) 50%, var(--ice) 50%); }

/* Постраничная навигация */
.x8849 .customer-reviews-pagination { padding: 12px 0 0; }
.x8849 .customer-reviews-pagination .menu-h { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.x8849 .customer-reviews-pagination .menu-h li { padding: 0; }
.x8849 .customer-reviews-pagination .menu-h li a {
  display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px;
  border: 1.5px solid var(--line-light); border-radius: 999px; background: #fff;
  font-weight: 700; color: var(--ink);
}
.x8849 .customer-reviews-pagination .selected a { background: var(--ink); border-color: var(--ink); color: #fff; }

@media (max-width: 599px) {
  .x8849 .customer-reviews .s-reviews-list .s-review-item { grid-template-columns: 64px minmax(0, 1fr); }
  .x8849 .customer-reviews .s-reviews-list .s-review-item > a { grid-row: 1; }
  .x8849 .customer-reviews .s-reviews-list .s-review-item > .description-wrapper { grid-column: 1 / -1; }
  .x8849 .customer-reviews-image { width: 64px; height: 64px; }
  .x8849 .customer-reviews .s-reviews-list .s-review-item:not([data-parent-id="0"]) { margin-left: 24px; }
}

/* =====================================================================
   Главная страница: верхний блок (над списками товаров) и нижний
   (сравнение, о бренде, текст). Общие стили .x8849 - выше.
   ===================================================================== */

/* Заголовки списков товаров между нашими блоками */
#page-content:has(.x-hm) > h2 {
  margin: clamp(40px, 5vw, 64px) 0 20px; scroll-margin-top: 16px; /* отступ под шапку - scroll-padding-top у html */
  font-size: clamp(24px, 2.6vw, 34px); letter-spacing: -.02em;
}

/* Полоса «почему у нас» */
.x-hm-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 1080px) { .x-hm-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.x8849 .x-hm-trust a {
  display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px;
  border-radius: 20px; background: #fff; border: 1px solid var(--line-light); color: var(--ink);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s;
}
.x8849 .x-hm-trust a:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -24px rgba(11, 13, 17, .3); }
.x-hm-trust svg { flex: none; width: 28px; height: 28px; color: var(--signal); }
.x-hm-trust strong { display: block; font-size: 15px; font-weight: 800; line-height: 1.3; }
.x-hm-trust span { display: block; margin-top: 2px; font-size: 13px; color: var(--ink-2); }
@media (max-width: 599px) {
  .x-hm-trust { gap: 8px; }
  .x8849 .x-hm-trust a { flex-direction: column; gap: 8px; padding: 14px; }
  .x-hm-trust span { display: none; }
}

/* Плитки «Какой Tank вам нужен?» */
.x-hm-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: clamp(32px, 4vw, 48px); }
@media (min-width: 900px) { .x-hm-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.x8849 .x-hm-tile {
  display: flex; flex-direction: column; gap: 6px; min-width: 0;
  padding: 16px 16px 20px; border-radius: 24px; background: #fff; border: 1px solid var(--line-light); color: var(--ink);
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s;
}
.x8849 .x-hm-tile:hover { transform: translateY(-5px); box-shadow: 0 30px 60px -30px rgba(11, 13, 17, .35); }
.x-hm-tile__img { display: block; aspect-ratio: 1; margin-bottom: 8px; border-radius: 16px; background: var(--snow); overflow: hidden; }
.x-hm-tile__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.x-hm-tile b { font-family: var(--f-display); font-size: 18px; font-weight: 700; letter-spacing: -.01em; }
.x-hm-tile b::after { content: " →"; color: var(--signal); }
.x-hm-tile > span:last-child { font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.x8849 .x-hm-tile--dark { background: var(--night); border-color: transparent; color: var(--on-night); }
.x-hm-tile--dark > span:last-child { color: var(--on-night-2); }
.x-hm-tile__icon { display: grid; place-items: center; aspect-ratio: 1; margin-bottom: 8px; border-radius: 16px; background: var(--night-3); }
.x-hm-tile__icon svg { width: 40%; height: 40%; color: var(--signal); }
/* На телефоне плитки - компактные строки без картинок, чтобы товары были ближе к началу */
@media (max-width: 599px) {
  .x-hm-nav { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .x8849 .x-hm-tile { padding: 14px 16px; border-radius: 18px; gap: 2px; }
  .x-hm-tile__img, .x-hm-tile__icon { display: none; }
  .x-hm-tile b { font-size: 16px; }
  .x-hm .x-hero__media { display: none; }
  .x-hm .x-sec { padding: 44px 0; }
}

/* Таблица сравнения */
.x-hm-table-wrap {
  margin-top: clamp(24px, 3vw, 36px); overflow-x: auto; -webkit-overflow-scrolling: touch;
  border: 1px solid var(--line-light); border-radius: 20px; background: #fff;
}
.x-hm-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 14px; }
.x-hm-table th, .x-hm-table td { padding: 12px 14px; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--line-light); }
.x-hm-table thead th {
  position: sticky; top: 0; background: var(--snow);
  font-family: var(--f-mono); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3);
}
.x8849 .x-hm-table thead button {
  padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; letter-spacing: inherit; text-transform: inherit; color: var(--ink);
}
.x-hm-table thead button::after { content: " ↕"; color: var(--ink-3); }
.x-hm-table th[aria-sort="ascending"] button::after { content: " ↑"; color: var(--signal); }
.x-hm-table th[aria-sort="descending"] button::after { content: " ↓"; color: var(--signal); }
.x-hm-table tbody th { position: sticky; left: 0; background: #fff; font-weight: 700; }
.x-hm-table tbody th a { color: var(--ink); }
.x-hm-table tbody th a:hover { color: var(--signal); }
.x-hm-table tbody tr:hover th, .x-hm-table tbody tr:hover td { background: #fff8f4; }
.x-hm-table tbody tr:last-child th, .x-hm-table tbody tr:last-child td { border-bottom: 0; }
.x-hm-table td.is-no { color: var(--ink-3); }
.x-hm-table td.is-yes { color: var(--signal); font-weight: 700; }
.x-hm-table .x-hm-price { font-weight: 700; color: var(--ink); }

/* Текст для поисковиков */
.x-hm-seo__text { margin-top: 24px; color: var(--ink-2); font-size: 15px; line-height: 1.7; }
.x-hm-seo__text p + p { margin-top: 12px; }
.x8849 .x-hm-seo__text a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 3px; }
@media (min-width: 900px) { .x-hm-seo__text { columns: 2; column-gap: 48px; } .x-hm-seo__text p { break-inside: avoid; } }

/* Плавная прокрутка к спискам товаров по плиткам на главной */
@media (prefers-reduced-motion: no-preference) { html:has(.x-hm) { scroll-behavior: smooth; } }

/* =====================================================================
   Страница «Доставка и оплата» (/dostavka-i-oplata/)
   Первый экран, карточки, плитки оплаты и FAQ - общие стили выше.
   ===================================================================== */

/* Всё, что относится к СДЭК, - в фирменном зелёном СДЭК */
.x8849 .x-dl-cdek { --signal: #1ab248; --signal-2: #2cc45a; }
.x8849 .x-ct-info.x-dl-cdek { border-top: 3px solid #1ab248; }

/* Карта пунктов выдачи (виджет СДЭК). У #cdek-map по требованию СДЭК - только ширина и высота */
.x-dl-map {
  position: relative; margin-top: clamp(24px, 3vw, 36px); overflow: hidden;
  border-radius: 24px; background: #fff; border: 1px solid var(--line-light);
}
#cdek-map { width: 100%; height: 384px; }
@media (max-width: 767px) { #cdek-map { height: 336px; } }
.x-dl-map__stub {
  position: absolute; inset: 0; display: grid; place-content: center; gap: 6px;
  padding: 24px; text-align: center; font-size: 14px; color: var(--ink-3); background: #fff;
}
.x-dl-map__stub b { font-family: var(--f-display); font-size: 18px; color: var(--ink); }
.x8849 .x-dl-map__stub a { color: var(--ink); text-decoration: underline; text-decoration-color: #1ab248; }
.x-dl-map.is-ready .x-dl-map__stub { display: none; }

/* Форма «Оплатить доставку СДЭК». Карточка формы - это .x-ct-info */
.x-dl-pay { display: grid; gap: clamp(32px, 4vw, 64px); align-items: start; }
@media (min-width: 960px) { .x-dl-pay { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } }
.x8849 .x-dl-pay .x-h2 { font-size: clamp(30px, 3.6vw, 48px); }
.x-dl-pay__facts { margin-top: 28px; }
.x8849 .x-dl-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 16px; }
@media (min-width: 600px) {
  .x8849 .x-dl-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .x-dl-field--wide { grid-column: 1 / -1; }
}
.x-dl-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.x8849 .x-dl-field, .x8849 .x-dl-check { margin: 0; font-weight: 400; }
.x-dl-field > span { font-size: 13px; font-weight: 700; color: var(--ink-2); }
.x8849 .x-dl-field input {
  width: 100%; height: 52px; margin: 0; padding: 0 16px;
  border: 1px solid rgba(11, 13, 17, .16); border-radius: 14px; outline: none; box-shadow: none;
  background: var(--snow); color: var(--ink); font: 500 16px/1.2 var(--f-body);
  transition: border-color .2s, box-shadow .2s, background .2s; -moz-appearance: textfield;
}
.x8849 .x-dl-field input::placeholder { color: var(--ink-3); opacity: 1; }
.x8849 .x-dl-field input:focus { background: #fff; border-color: var(--signal); box-shadow: 0 0 0 3px rgba(26, 178, 72, .18); }
.x8849 .x-dl-field input::-webkit-outer-spin-button,
.x8849 .x-dl-field input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.x-dl-check { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--ink-2); cursor: pointer; }
.x8849 .x-dl-check input { flex: none; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--signal); }
.x8849 .x-dl-check a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 3px; }
.x-dl-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding-top: 6px; }
.x-dl-soon { flex: 1 1 220px; font-size: 13px; color: var(--ink-3); }
.x8849 button.x-btn { margin: 0; border: 0; font-size: 16px; font-weight: 700; cursor: pointer; }
.x8849 .x-btn[disabled] { opacity: .45; cursor: not-allowed; }
.x8849 .x-btn--signal[disabled]:hover { background: var(--signal); }
.x8849 .x-btn[disabled]:hover svg { transform: none; }
@media (max-width: 599px) { .x-dl-submit .x-btn { flex: 1 1 100%; justify-content: center; } }

/* Поиск города над картой СДЭК */
.x-dl-find { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; max-width: 680px; margin-top: 28px; }
.x-dl-find .x-dl-field { flex: 1 1 260px; }
.x8849 .x-dl-find .x-dl-field input { background: #fff; }
.x-dl-find .x-btn { min-height: 52px; }
.x-dl-find__msg { flex-basis: 100%; font-size: 14px; color: var(--ink-2); }
.x-dl-find__msg:empty { display: none; }
.x8849 .x-dl-find__msg a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--signal); }
@media (max-width: 599px) { .x-dl-find .x-btn { flex: 1 1 100%; justify-content: center; } }

/* =====================================================================
   Подвал сайта (шаблон footer.html темы). Рельеф на фоне - от .x-final
   ===================================================================== */
#footer.x-ft {
  display: block; position: relative; overflow: hidden;
  margin: clamp(40px, 5vw, 64px) 0 0; padding: clamp(48px, 6vw, 80px) 0 76px;
  border-radius: clamp(24px, 3vw, 40px) clamp(24px, 3vw, 40px) 0 0;
  background: var(--night); color: var(--on-night); font-size: 15px;
}
@media (max-width: 767px) { #footer.x-ft { padding-bottom: 96px; } }
.x-ft > .container-fluid { position: relative; }
#footer.x-ft a { color: var(--on-night); text-decoration: none; transition: color .2s; }
#footer.x-ft a:hover { color: var(--signal); }

.x-ft__top {
  display: grid; gap: 32px;
  padding-bottom: clamp(32px, 4vw, 48px); border-bottom: 1px solid var(--line-dark);
}
@media (min-width: 960px) { .x-ft__top { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.x-ft__logo { display: inline-block; }
/* у картинки логотипа поля: по бокам и сверху 8% ширины, снизу 10% - убираем их отрицательными отступами */
.x8849 .x-ft__logo img {
  --w: clamp(150px, 16vw, 220px);
  width: var(--w); margin: calc(var(--w) * -.08) 0 calc(var(--w) * -.1) calc(var(--w) * -.08); filter: invert(1);
}
.x-ft__about { max-width: 46ch; margin-top: 28px; color: var(--on-night-2); }
.x-ft__call { display: grid; gap: 4px; justify-items: start; }
@media (min-width: 960px) { .x-ft__call { justify-items: end; text-align: right; } }
.x8849 .x-ft__phone {
  font-family: var(--f-display); font-size: clamp(24px, 2.6vw, 36px); font-weight: 700;
  line-height: 1.15; letter-spacing: -.02em; white-space: nowrap;
}
.x-ft__hours { font-size: 14px; color: var(--on-night-2); }
#footer.x-ft .x-ft__call .x-btn { margin-top: 14px; color: #fff; }
#footer.x-ft .x-ft__call .x-btn:hover { color: #fff; }

.x-ft__cols {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px;
  padding: clamp(32px, 4vw, 48px) 0;
}
@media (min-width: 960px) { .x-ft__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 599px) { .x-ft__col--wide { grid-column: 1 / -1; } }
.x-ft__title {
  display: block; margin-bottom: 16px;
  font-family: var(--f-mono); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--on-night-2);
}
.x-ft__call .x-ft__title { margin-bottom: 4px; }
.x8849 .x-ft__col li + li { margin-top: 10px; }
.x-ft__mail span { display: block; font-size: 13px; color: var(--on-night-2); }
.x8849 .x-ft__mail li + li { margin-top: 14px; }
.x-ft__pay { display: flex; flex-wrap: wrap; gap: 8px; }
@media (min-width: 960px) { .x-ft__pay { flex-direction: column; align-items: flex-start; } }
.x8849 .x-ft__pay li {
  display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 14px;
  border: 1px solid var(--line-dark); border-radius: 999px; background: rgba(255, 255, 255, .04); font-size: 14px;
}
.x-ft__pay svg { flex: none; width: 18px; height: 18px; color: var(--signal); }
#footer.x-ft .x-ft__more {
  display: inline-block; margin-top: 16px; font-size: 14px; color: var(--on-night-2);
  text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 3px;
}

.x-ft__bottom {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px;
  padding-top: 24px; border-top: 1px solid var(--line-dark); font-size: 13px; color: var(--on-night-2);
}
#footer.x-ft .x-ft__bottom a { color: var(--on-night-2); }
#footer.x-ft .x-ft__bottom a:hover { color: var(--signal); }

/* =====================================================================
   Шапка сайта (шаблон index.header.html темы)
   Компьютер: логотип, меню с каталогом, телефон, иконки. Меньше 1200px: кнопка меню.
   ===================================================================== */
.x-hd *, .x-hd *::before, .x-hd *::after { box-sizing: border-box; }
.x-hd * { font-family: inherit; letter-spacing: inherit; }
.x-hd img { display: block; height: auto; }
.x-hd a, .x-hd a:hover, .x-hd a:focus { text-decoration: none; }
/* Шапка закреплена сверху, под ней распорка .x-hd-space на полную высоту:
   при сжатии шапки страница под ней не сдвигается */
#header.x-hd {
  --ease: cubic-bezier(.22, .61, .36, 1);
  display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 900; overflow: visible;
  margin: 0; padding: 0; gap: 0;
  background: none; border-bottom: 1px solid transparent;
  transition: box-shadow .5s var(--ease), border-color .5s var(--ease);
}
.x-hd-space { height: 65px; }   /* высота полосы + 1px рамки */
@media (min-width: 1200px) { .x-hd-space { height: 93px; } }
/* якорные ссылки не прячут заголовок под шапкой */
html:has(#header.x-hd) { scroll-padding-top: 80px; }
/* Полупрозрачная подложка с размытием - на псевдоэлементе: backdrop-filter на самой шапке
   сломал бы position: fixed у мобильного меню внутри неё */
#header.x-hd::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: rgba(255, 255, 255, .94);
  -webkit-backdrop-filter: saturate(1.4) blur(12px); backdrop-filter: saturate(1.4) blur(12px);
}
#header.x-hd.is-stuck, #header.x-hd.is-open { border-bottom-color: var(--line-light); box-shadow: 0 12px 30px -24px rgba(11, 13, 17, .35); }
.x-hd__bar { display: flex; align-items: center; gap: 8px; height: 64px; transition: height .5s var(--ease); }
.x-hd__bar::before, .x-hd__bar::after { display: none; } /* clearfix Bootstrap во flex даёт лишний отступ */
@media (min-width: 1200px) {
  .x-hd__bar { gap: 24px; height: 92px; }
  #header.is-stuck .x-hd__bar { height: 68px; }
}

/* Логотип: у картинки поля 8% по бокам и сверху и 10% снизу - убираем их отрицательными отступами */
.x-hd__logo { flex: none; display: block; margin-right: auto; line-height: 0; }
.x-hd .x-hd__logo img {
  --w: 96px;
  width: var(--w); max-width: none;
  margin: calc(var(--w) * -.08) 0 calc(var(--w) * -.1) calc(var(--w) * -.08);
  transition: width .5s var(--ease), margin .5s var(--ease);
}
@media (min-width: 1200px) {
  .x-hd__logo { margin-right: 8px; }
  /* на компьютере цифры чуть правее края контейнера - так логотип не кажется выпавшим за сетку */
  .x-hd .x-hd__logo img { --w: 132px; margin-left: calc(var(--w) * -.08 + 8px); }
  #header.is-stuck .x-hd__logo img { --w: 104px; }
}

/* Меню */
.x-hd__nav { display: none; }
@media (min-width: 1200px) { .x-hd__nav { display: flex; align-items: center; gap: 2px; margin-right: auto; } }
.x-hd .x-hd__link {
  display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 10px 14px;
  border: 0; border-radius: 999px; background: none; cursor: pointer;
  color: var(--ink); font-size: 15px; font-weight: 600; line-height: 1.2; white-space: nowrap;
  transition: background-color .2s, color .2s;
}
.x-hd .x-hd__link:hover, .x-hd .x-hd__cat.is-open > .x-hd__link, .x-hd .x-hd__cat:hover > .x-hd__link { background: var(--snow); color: var(--ink); }
.x-hd .x-hd__link.is-active { color: var(--signal); }
/* Узкие компьютерные экраны: пункты меню компактнее, чтобы всё влезло в строку */
@media (min-width: 1200px) and (max-width: 1359px) {
  .x-hd__bar { gap: 16px; }
  .x-hd .x-hd__link { padding: 10px 9px; font-size: 14px; }
}
.x-hd__link svg { transition: transform .2s; }
.x-hd__cat:hover > .x-hd__link svg, .x-hd__cat.is-open > .x-hd__link svg { transform: rotate(180deg); }

/* Выпадающий каталог */
.x-hd__cat { position: relative; }
.x-hd__drop {
  position: absolute; top: 100%; left: -8px; width: 580px; margin-top: 12px; padding: 10px;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px;
  background: #fff; border: 1px solid var(--line-light); border-radius: 22px;
  box-shadow: 0 30px 60px -30px rgba(11, 13, 17, .35);
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.x-hd__drop::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.x-hd__cat:hover .x-hd__drop, .x-hd__cat.is-open .x-hd__drop { opacity: 1; visibility: visible; transform: none; }
.x-hd .x-hd__drop a { display: block; padding: 12px 14px; border-radius: 14px; transition: background-color .2s; }
.x-hd .x-hd__drop a:hover { background: var(--snow); }
.x-hd__drop b { display: block; font-size: 15px; font-weight: 700; color: var(--ink); }
.x-hd__drop span { display: block; margin-top: 2px; font-size: 13px; line-height: 1.4; color: var(--ink-3); }
.x-hd .x-hd__drop .x-hd__drop-all { grid-column: 1 / -1; background: var(--night); }
.x-hd .x-hd__drop .x-hd__drop-all:hover { background: var(--night-3); }
.x-hd__drop-all b { color: var(--on-night); }
.x-hd__drop-all span { color: var(--on-night-2); }

/* Телефон */
.x-hd__call { display: none; }
@media (min-width: 1200px) { .x-hd__call { display: flex; align-items: center; gap: 12px; flex: none; line-height: 1.2; } }
.x-hd .x-hd__phone { font-family: var(--f-display); font-size: 17px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; color: var(--ink); }
.x-hd .x-hd__phone:hover { color: var(--signal); }
/* Обратный звонок - оранжевая трубка без круга: раз в несколько секунд дрожит,
   и в этот момент рядом вспыхивают две дуги сигнала */
.x-hd .x-hd__cb {
  position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 40px; height: 40px; color: var(--signal); transition: color .2s, transform .2s;
}
.x-hd .x-hd__cb:hover { color: #e2470f; transform: scale(1.08); }
.x-hd__cb-h { width: 26px; height: 26px; animation: x-hd-ring 3.6s ease-in-out infinite; }
.x-hd__cb-w { position: absolute; top: 1px; right: 1px; width: 16px; height: 16px; overflow: visible; }
.x-hd__cb-w path { opacity: 0; animation: x-hd-arc 3.6s ease-out infinite; }
.x-hd__cb-w path + path { animation-delay: .15s; }
@keyframes x-hd-ring {
  0%, 52%, 100% { transform: rotate(0); }
  56% { transform: rotate(-16deg); } 60% { transform: rotate(14deg); }
  64% { transform: rotate(-12deg); } 68% { transform: rotate(9deg); }
  72% { transform: rotate(-5deg); } 76% { transform: rotate(0); }
}
@keyframes x-hd-arc { 0%, 52% { opacity: 0; } 58%, 70% { opacity: 1; } 80%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .x-hd__cb-h, .x-hd__cb-w path { animation: none; }
  .x-hd__cb-w path { opacity: 1; }
}

/* Круглые кнопки: меню, звонок, избранное, сравнение, корзина */
.x-hd__icons { display: flex; align-items: center; gap: 2px; flex: none; }
.x-hd__ico { position: relative; }
.x-hd .x-hd__burger, .x-hd .x-hd__tel, .x-hd .x-hd__ico a {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: none;
  width: 44px; height: 44px; margin: 0; padding: 0;
  border: 0; border-radius: 999px; background: none; cursor: pointer; color: var(--ink);
  transition: background-color .2s, color .2s;
}
.x-hd .x-hd__burger:hover, .x-hd .x-hd__tel:hover, .x-hd .x-hd__ico a:hover { background: var(--snow); color: var(--ink); }
.x-hd__ico svg, .x-hd__tel svg { flex: none; width: 22px; height: 22px; }
.x-hd .x-hd__ico .count {
  position: absolute; top: 3px; right: 1px; min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 999px; background: var(--signal); color: #fff;
  font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
}
.x-hd__ico.is-zero .count { display: none; }
.x-hd__ico.added a { animation: x-hd-pop .6s ease; }
@keyframes x-hd-pop { 50% { transform: scale(1.18); background: var(--snow); } }
#header.x-hd #cart .cart_total { display: none; }
@media (min-width: 1200px) {
  .x-hd #ft_cart #cart:not(.empty) { width: auto; padding: 0 16px 0 11px; }
  #header.x-hd #cart:not(.empty) .cart_total { display: inline; font-size: 14px; font-weight: 700; white-space: nowrap; }
  .x-hd #ft_cart #cart:not(.empty) .count { right: auto; left: 26px; }
}

/* Кнопка меню: три полоски, в открытом виде - крестик */
.x-hd__burger i, .x-hd__burger i::before, .x-hd__burger i::after {
  display: block; width: 20px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .25s, opacity .2s;
}
.x-hd__burger i { position: relative; }
.x-hd__burger i::before, .x-hd__burger i::after { content: ""; position: absolute; left: 0; }
.x-hd__burger i::before { top: -6px; }
.x-hd__burger i::after { top: 6px; }
#header.is-open .x-hd__burger i { background: transparent; }
#header.is-open .x-hd__burger i::before { transform: translateY(6px) rotate(45deg); }
#header.is-open .x-hd__burger i::after { transform: translateY(-6px) rotate(-45deg); }
@media (min-width: 1200px) { .x-hd .x-hd__burger, .x-hd .x-hd__tel { display: none; } }
@media (max-width: 1199px) {
  .x-hd__ico--opt { display: none; }
  .x-hd .x-hd__burger { margin-left: -10px; }   /* полоски и корзина - по краю контента */
  .x-hd__icons { margin-right: -10px; }
}

/* Меню на телефоне и планшете */
.x-hd__menu {
  position: fixed; left: 0; right: 0; bottom: 0; top: 64px; z-index: 899;
  overflow-y: auto; overscroll-behavior: contain;
  padding: 20px 0 120px; background: #fff; border-top: 1px solid var(--line-light);
}
.x-hd__menu[hidden] { display: none; }
@media (min-width: 1200px) { .x-hd__menu { display: none !important; } }
html.x-hd-lock, html.x-hd-lock body { overflow: hidden; }
.x-hd__mcols { display: grid; gap: 28px; }
@media (min-width: 600px) { .x-hd__mcols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } }
.x-hd__mtitle {
  margin-bottom: 4px; font-family: var(--f-mono); font-size: 12px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3);
}
.x-hd .x-hd__menu nav a {
  display: block; padding: 12px 0; border-bottom: 1px solid var(--line-light);
  font-size: 18px; font-weight: 600; color: var(--ink);
}
.x-hd .x-hd__menu nav a.is-active { color: var(--signal); }
.x-hd__mlists { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.x-hd .x-hd__mlists a {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px;
  border: 1px solid var(--line-light); border-radius: 999px; font-size: 15px; font-weight: 600; color: var(--ink);
}
.x-hd__mlists span {
  min-width: 22px; padding: 0 6px; border-radius: 999px; background: var(--snow-2);
  font-size: 12px; font-weight: 700; line-height: 22px; text-align: center;
}
.x-hd__mcall {
  display: grid; justify-items: start; gap: 6px; margin-top: 24px; padding: 22px;
  border-radius: 22px; background: var(--snow);
}
.x-hd__mcall .x-hd__phone { font-size: 24px; }
.x-hd__mcall > span { font-size: 14px; color: var(--ink-2); }
.x-hd__mcall .x-btn { margin-top: 10px; }
.x-hd .x-hd__mcall .x-btn--signal, .x-hd .x-hd__mcall .x-btn--signal:hover { color: #fff; }

/* =====================================================================
   Карточка товара в списках (шаблон products.grid.html темы магазина):
   главная, поиск, «Избранное» и другие списки плиткой
   ===================================================================== */
/* Сетка: одинаковая высота карточек в ряду. Слайдер (swiper) не трогаем */
.product-list.products_view_grid:not(.swiper-container) {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 0;
}
.product-list.products_view_grid:not(.swiper-container)::before,
.product-list.products_view_grid:not(.swiper-container)::after { display: none; }
@media (min-width: 600px) { .product-list.products_view_grid:not(.swiper-container) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .product-list.products_view_grid:not(.swiper-container) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
@media (min-width: 1200px) {
  .product-list.products_view_grid.per_row_4:not(.swiper-container) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .product-list.products_view_grid.per_row_5:not(.swiper-container) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.product-list.products_view_grid:not(.swiper-container) .product.x-pc { width: auto; float: none; clear: none; margin: 0; }

/* Сама карточка (у .x-pc есть токены .x8849 - фон и обрезку сбрасываем) */
.products_view_grid .product.x-pc { background: none; overflow: visible; line-height: 1.5; }
.products_view_grid .product.x-pc > .in {
  display: flex; flex-direction: column; height: 100%; margin: 0; padding: 10px;
  background: #fff; border: 1px solid rgba(11, 13, 17, .08); border-radius: 24px;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s, border-color .35s;
}
.no-touch .products_view_grid .product.x-pc > .in:hover,
.products_view_grid .product.x-pc > .in:hover {
  transform: translateY(-4px); border-color: transparent;
  box-shadow: 0 28px 50px -30px rgba(11, 13, 17, .4);
}

/* Фото на светлой подложке; белый фон снимка растворяется в подложке */
.products_view_grid .product.x-pc .image_wrap {
  position: relative; margin: 0 0 14px; overflow: hidden; border-radius: 18px; background: var(--snow);
}
.products_view_grid .product.x-pc .img_middle { max-width: none; margin: 0; }
.products_view_grid .product.x-pc .img_middle::before { background: none; padding-top: 82%; } /* подложка чуть ниже квадрата */
.products_view_grid .product.x-pc .img_middle_in { padding: 8%; }
.products_view_grid .product.x-pc .img_middle_in img { mix-blend-mode: multiply; transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
.products_view_grid .product.x-pc > .in:hover .img_middle_in img { transform: scale(1.04); }

/* Бейдж скидки - оранжевая плашка слева сверху */
.products_view_grid .product.x-pc .badge-wrapper { top: 12px; left: 12px; right: auto; overflow: visible; }
.products_view_grid .product.x-pc .badge-wrapper .badge {
  float: none; display: inline-block; width: auto; height: auto; margin: 0 0 6px; padding: 5px 10px;
  border-radius: 999px; background: var(--signal); color: #fff;
  font-family: var(--f-mono); font-size: 12px; font-weight: 700; line-height: 1.2;
}
.products_view_grid .product.x-pc .badge-wrapper .badge span { display: inline; padding: 0; }
.products_view_grid .product.x-pc .badge-wrapper .badge.new,
.products_view_grid .product.x-pc .badge-wrapper .badge.bestseller,
.products_view_grid .product.x-pc .badge-wrapper .badge.low-price,
.products_view_grid .product.x-pc .badge-wrapper .badge.discount { background-image: none; width: auto; height: auto; border-radius: 999px; }
.products_view_grid .product.x-pc .badge-wrapper .badge.new { background: var(--night); }

/* Избранное - кнопка на фото справа сверху */
.products_view_grid .product.x-pc .x-pc__fav {
  position: absolute; top: 10px; right: 10px; z-index: 2;
  display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  border-radius: 999px; background: #fff; color: var(--ink-3) !important; text-decoration: none;
  box-shadow: 0 6px 16px -8px rgba(11, 13, 17, .3); transition: color .2s, transform .2s;
}
.products_view_grid .product.x-pc .x-pc__fav:hover { color: var(--signal) !important; transform: scale(1.08); }
.products_view_grid .product.x-pc .x-pc__fav.active { color: var(--signal) !important; }
.products_view_grid .product.x-pc .x-pc__fav.active svg path { fill: currentColor; }

/* Наличие и оценка */
.x-pc__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 6px 6px; font-size: 13px; }
.products_view_grid .product.x-pc .x-pc__meta .stock { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 600; }
.products_view_grid .product.x-pc .x-pc__meta .stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.products_view_grid .product.x-pc .x-pc__meta .stock.yes { color: #1f9d55; }
.products_view_grid .product.x-pc .x-pc__meta .stock.preorder { color: #c77c02; }
.products_view_grid .product.x-pc .x-pc__meta .stock.no { color: var(--ink-3); }
.products_view_grid .product.x-pc .x-pc__rating {
  display: inline-flex; align-items: center; gap: 4px; color: var(--ink); font-weight: 700; text-decoration: none;
}
.x-pc__rating svg { color: var(--signal); }
.x-pc__rating span { font-weight: 500; color: var(--ink-3); }

/* Название: до двух строк */
.products_view_grid .product.x-pc .product_name { margin: 0 6px 12px; }
.products_view_grid .product.x-pc .product_name a {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
  height: auto; margin: 0; color: var(--ink); text-decoration: none;
  font-family: var(--f-body); font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em;
}
.products_view_grid .product.x-pc .product_name a:hover { color: var(--signal); text-decoration: none; }

/* Характеристики из краткого описания */
.products_view_grid .product.x-pc .x-pc__specs { margin: 0 6px 16px; padding: 0; list-style: none; font-size: 13px; line-height: 1.4; }
.products_view_grid .product.x-pc .x-pc__specs li {
  display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 6px 0;
  border-bottom: 1px dashed rgba(11, 13, 17, .12); background: none;
}
.products_view_grid .product.x-pc .x-pc__specs li:last-child { border-bottom: 0; }
.products_view_grid .product.x-pc .x-pc__specs li::before { content: none; }
.x-pc__specs span { flex: none; color: var(--ink-3); }
.x-pc__specs b { min-width: 0; font-weight: 600; color: var(--ink-2); text-align: right; }
.products_view_grid .product.x-pc .summary { margin: 0 6px 16px; font-size: 13px; color: var(--ink-3); }

/* Цена и кнопка - внизу карточки в одну строку */
.products_view_grid .product.x-pc .offers { margin-top: auto; padding: 14px 6px 4px; border-top: 1px solid rgba(11, 13, 17, .08); }
.products_view_grid .product.x-pc .offers form {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px;
}
.products_view_grid .product.x-pc .offers form > :not(.prices):not(.btn_add2cart_wrap):not(input) { flex-basis: 100%; }
.products_view_grid .product.x-pc .offers .prices {
  display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 2px; margin: 0; line-height: 1.1;
}
.products_view_grid .product.x-pc .offers .prices::before,
.products_view_grid .product.x-pc .offers .prices::after { display: none; }
.products_view_grid .product.x-pc .offers .price {
  float: none; margin: 0; color: var(--ink); line-height: 1.1; white-space: nowrap;
  font-family: var(--f-display); font-size: 21px; font-weight: 700; letter-spacing: -.02em;
}
.products_view_grid .product.x-pc .offers .price small { font-family: var(--f-body); font-size: 13px; font-weight: 600; color: var(--ink-3); }
.products_view_grid .product.x-pc .offers .compare-at-price { float: none; margin: 0; font-size: 13px; line-height: 1.2; color: var(--ink-3); }
.products_view_grid .product.x-pc .btn_add2cart_wrap { width: auto; margin: 0 0 0 auto; }
.products_view_grid .product.x-pc .btn_add2cart {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: 44px;
  margin: 0; padding: 0 18px; border: 0; border-radius: 999px; box-shadow: none; text-shadow: none;
  background: var(--signal); color: #fff; font-family: var(--f-body); font-size: 14px; font-weight: 700;
  transition: background-color .2s, transform .2s;
}
.products_view_grid .product.x-pc .btn_add2cart:hover { background: var(--signal-2); color: #fff; }
.products_view_grid .product.x-pc .btn_add2cart:active { transform: scale(.97); }
.products_view_grid .product.x-pc .btn_add2cart.disabled { opacity: .45; cursor: not-allowed; }
.products_view_grid .product.x-pc .btn_add2cart svg { flex: none; }
.products_view_grid .product.x-pc .btn_add2cart_wrap .adding2cart { right: auto; left: -22px; }
.products_view_grid .product.x-pc .btn_add2cart_wrap .stock.no { padding: 0; color: var(--ink-3); font-weight: 600; }

/* =====================================================================
   Описание товара (поле «Описание» в карточке товара в админке).
   Обёртка .x8849.x-pd; секции, плитки .x-tile, карточки .x-test,
   аккордеон .x-q и список .x-ct-facts - общие стили выше
   ===================================================================== */
.x-pd .x-sec { padding: clamp(40px, 5vw, 72px) 0; }
.x-pd .x-h2 { font-size: clamp(26px, 3.4vw, 44px); max-width: 22ch; }
.x-pd .x-tests { margin-top: clamp(28px, 3vw, 40px); }
.x-pd .x-test h3 { margin: 0; color: var(--on-night); }
.x-pd .x-gr-tip { margin-top: 16px; }
.x-pd .x-sec--night .x-gr-tip { background: var(--night-2); }
.x-pd .x-gr-tip p { margin: 0; }

/* Плитки с цифрами */
.x-pd-grid {
  display: grid; gap: 12px; margin-top: clamp(28px, 3vw, 40px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
@media (min-width: 1080px) {
  .x-pd-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .x-pd-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.x-pd-grid .x-tile { min-height: 190px; }
.x-pd-grid--4 .x-tile { min-height: 150px; }
.x-pd .x-pd-grid .x-tile__num { font-size: clamp(34px, 3.9vw, 56px); }
.x-pd .x-tile__num.x-pd-num-sm { font-size: clamp(28px, 3vw, 40px); }
.x-pd-src { margin-top: 12px; font-size: 13px; color: var(--ink-3); }
.x-pd-grid--6 .x-tile { min-height: 150px; }
/* Плитки с подписью: цифра сразу под меткой, чтобы в ряду цифры стояли на одной линии при любой длине текста */
.x-pd .x-tile:has(> div > .x-tile__text) { justify-content: flex-start; }
@media (max-width: 599px) {
  .x-pd-grid .x-tile { min-height: 0; padding: 22px; }
  .x-pd-grid--4, .x-pd-grid--6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .x-pd-grid--4 .x-tile, .x-pd-grid--6 .x-tile { padding: 18px; }
  .x-pd .x-pd-grid--4 .x-tile__num, .x-pd .x-pd-grid--6 .x-tile__num { font-size: 26px; }
  .x-pd-grid--4 .x-tile__label, .x-pd-grid--6 .x-tile__label { letter-spacing: .04em; }
}

/* Проектор: размер картинки в зависимости от расстояния */
.x-pd-scale { display: grid; gap: 10px; max-width: 900px; margin-top: clamp(28px, 3vw, 40px); }
.x-pd-scale > div { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 14px; }
.x-pd-scale span { font-family: var(--f-mono); font-size: 13px; color: var(--on-night-2); text-align: right; }
.x-pd-scale i {
  display: flex; align-items: center; justify-content: flex-end;
  width: var(--s); min-width: 72px; height: 36px; padding: 0 12px;
  border-radius: 4px 12px 12px 4px; background: linear-gradient(90deg, rgba(255, 91, 31, .12), rgba(255, 91, 31, .8));
}
.x-pd-scale b { font-family: var(--f-display); font-size: 15px; font-weight: 700; color: #fff; }

/* Режимы фонарей */
.x8849 .x-pd-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(24px, 3vw, 32px); }
.x8849 .x-pd-chips li {
  padding: 10px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--line-light);
  font-size: 15px; font-weight: 600; color: var(--ink);
}
.x8849 .x-pd-chips li.is-warn { background: linear-gradient(90deg, #e2322a, #2d5be3); border-color: transparent; color: #fff; }

/* Характеристики аккордеоном */
.x-pd-specs { margin-top: clamp(24px, 3vw, 36px); }
.x-pd-specs .x-q { border-bottom-color: rgba(11, 13, 17, .12); }
.x-pd-dl { max-width: 860px; margin: 0; }
.x-pd-dl > div {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 16px;
  padding: 10px 0; border-bottom: 1px dashed rgba(11, 13, 17, .12);
}
.x-pd-dl > div:last-child { border-bottom: 0; }
.x-pd-dl dt { font-weight: 500; color: var(--ink-3); }
.x-pd-dl dd { margin: 0; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
@media (max-width: 599px) { .x-pd-dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* Сравнение с соседними моделями серии: карточки моделей рядом (текущая - в оранжевой рамке) */
.x-pd-vs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: clamp(28px, 3vw, 40px); }
@media (min-width: 768px) { .x-pd-vs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.x-pd-vs__card {
  display: flex; flex-direction: column; padding: 12px 12px 24px;
  border-radius: 24px; background: #fff; border: 1px solid var(--line-light);
}
.x-pd-vs__card.is-cur { border: 2px solid var(--signal); }
.x-pd-vs__img { padding: 6%; border-radius: 18px; background: var(--snow); }
/* селектор сильнее правила темы «.pp_tabpanel .tab-content .description img» */
.x8849.x-pd .x-pd-vs__card .x-pd-vs__img img { width: 100%; max-width: 240px; margin: 0 auto; mix-blend-mode: multiply; }
.x-pd-vs__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 12px 6px; }
.x8849 .x-pd-vs__name { font-family: var(--f-display); font-size: clamp(22px, 2.2vw, 28px); font-weight: 700; letter-spacing: -.02em; }
.x-pd-vs__tag {
  padding: 5px 12px; border-radius: 999px; background: var(--signal); color: #fff;
  font-family: var(--f-mono); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.x-pd-vs__list { margin: 0 12px; }
.x-pd-vs__list > div { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px dashed rgba(11, 13, 17, .12); font-size: 15px; }
.x-pd-vs__list > div:last-child { border-bottom: 0; }
.x-pd-vs__list dt { font-weight: 500; color: var(--ink-3); }
.x-pd-vs__list dd { margin: 0; font-weight: 600; color: var(--ink); text-align: right; }
.x-pd-vs__list dd.is-win { font-weight: 800; color: var(--signal); }
/* Сравнение трёх моделей серии: в ряд только на широких экранах, иначе друг под другом */
@media (min-width: 768px) and (max-width: 1079px) { .x-pd-vs.x-pd-vs--3 { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 1080px) { .x-pd-vs.x-pd-vs--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.x-pd-vs--3 .x-pd-vs__list > div { font-size: 14px; }
/* Вторая строка меток: инструменты - лёгкие, без заливки */
.x8849 .x-pd-chips.x-pd-chips--tools { margin-top: 10px; }
.x8849 .x-pd-chips--tools li { padding: 8px 14px; background: transparent; font-size: 14px; font-weight: 500; color: var(--ink-2); }
/* Карточка другой модели целиком ведёт на её страницу: ссылка «Смотреть» растянута на всю карточку */
.x-pd-vs__card { position: relative; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s, border-color .35s; }
.x8849 .x-pd-vs__go { background: var(--night); color: #fff; text-decoration: none; transition: background-color .2s; }
.x8849 .x-pd-vs__go:hover { color: #fff; }
.x-pd-vs__go::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 24px; }
.x-pd-vs__card:has(.x-pd-vs__go):hover { transform: translateY(-4px); border-color: var(--signal); box-shadow: 0 28px 50px -30px rgba(11, 13, 17, .4); }
.x-pd-vs__card:has(.x-pd-vs__go):hover .x-pd-vs__go { background: var(--signal); }
/* Вывод в карточке сравнения: кому подойдёт модель */
.x-pd-vs__verdict { margin: 18px 12px 0; padding: 16px 18px; border-radius: 16px; background: var(--snow); font-size: 14px; line-height: 1.55; color: var(--ink-2); }
.x-pd-vs__card.is-cur .x-pd-vs__verdict { background: #fff1ea; }
.x-pd-vs__verdict .x-ct-label { color: var(--signal); }
.x8849 .x-pd-vs__verdict p { margin-top: 6px; }

/* =====================================================================
   Флагманские блоки описаний (Tank 5): полосы сравнения,
   карточки с иконкой, плашки слотов SIM
   ===================================================================== */

/* Полосы сравнения: разрешение проектора, баллы AnTuTu. Текущая модель - оранжевая */
.x-pd-bars { display: grid; gap: 10px; max-width: 960px; margin-top: clamp(28px, 3vw, 40px); }
.x-pd-bars > div { display: grid; grid-template-columns: minmax(0, 170px) minmax(0, 1fr); align-items: center; gap: 16px; }
.x-pd-bars span { font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--ink-2); }
.x-pd-bars i {
  display: flex; align-items: center; justify-content: flex-end;
  width: var(--s); min-width: max-content; height: 42px; padding: 0 14px;
  border-radius: 4px 12px 12px 4px; background: rgba(11, 13, 17, .08); font-style: normal;
}
.x-pd-bars b { font-family: var(--f-display); font-size: 15px; font-weight: 700; color: var(--ink); white-space: nowrap; }
.x-sec--night .x-pd-bars span { color: var(--on-night-2); }
.x-sec--night .x-pd-bars i { background: var(--night-3); }
.x-sec--night .x-pd-bars b { color: var(--on-night); }
.x-pd-bars .is-cur span { color: var(--signal); font-weight: 800; }
.x-pd-bars .is-cur i { background: linear-gradient(90deg, rgba(255, 91, 31, .25), var(--signal)); }
.x-pd-bars .is-cur b { color: #fff; }
@media (max-width: 599px) {
  .x-pd-bars { gap: 14px; }
  .x-pd-bars > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
}

/* Карточки с иконкой: режимы проектора и дальномера, варианты SIM */
.x-pd-modes { display: grid; gap: 12px; margin-top: clamp(28px, 3vw, 40px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
@media (min-width: 1080px) {
  .x-pd-modes--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .x-pd-modes--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.x-pd-mode { display: flex; flex-direction: column; gap: 14px; padding: 26px 24px 28px; border-radius: 24px; background: #fff; border: 1px solid var(--line-light); }
.x-pd-mode > svg { width: 36px; height: 36px; color: var(--signal); flex: none; }
.x8849 .x-pd-mode h3 { font-family: var(--f-display); font-size: 19px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.x8849 .x-pd-mode p { font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.x-sec--night .x-pd-mode { background: var(--night-2); border-color: var(--line-dark); }
.x8849 .x-sec--night .x-pd-mode h3 { color: var(--on-night); }
.x8849 .x-sec--night .x-pd-mode p { color: var(--on-night-2); }

/* Плашки слотов: nano-SIM, eSIM, microSD */
.x-pd-slots { display: flex; flex-wrap: wrap; gap: 6px; }
.x-pd-slots span {
  padding: 6px 10px; border-radius: 8px; border: 1.5px solid var(--ink);
  font-family: var(--f-mono); font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--ink);
}
.x-pd-slots .is-esim { border-style: dashed; border-color: var(--signal); color: var(--signal); }
.x-pd-slots .is-sd { border-color: var(--line-light); background: var(--snow); color: var(--ink-2); }

/* =====================================================================
   Страница товара: фото, блок покупки, вкладки, «Вы недавно смотрели»
   Разметка темы (product.html, product.cart.html) + значки .x-pp-trust
   и выгода .x-pp-save из нашего product.cart.html
   ===================================================================== */
/* Цвета и шрифты дизайн-системы для блоков темы на странице товара */
.product_page, .product_page_bottom {
  --snow: #eef1f4; --ink: #0b0d11; --ink-2: #4a5566; --ink-3: #7a8596;
  --line-light: rgba(11, 13, 17, 0.1); --signal: #ff5b1f; --signal-2: #ff7a45;
  --f-display: "Unbounded", "Manrope", system-ui, sans-serif;
  --f-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}
.product_page h1.product-name { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -.02em; margin: 4px 0 24px; }

/* Фото: светлая панель, как у карточек товаров */
.product_page .product-core-image { border-radius: 28px; background: var(--snow); overflow: hidden; }
.product_page .product-core-image::before { padding-top: 72%; }
.product_page .product-core-image .img_middle_in { background: var(--snow); }
.product_page .product-core-image img { mix-blend-mode: multiply; }
.product_page .product-core-image .icon_zoom { display: none; }
.product_page .product-core-image .badge-wrapper { top: 20px; left: 20px; right: auto; overflow: visible; }
.product_page .product-core-image .badge-wrapper .badge {
  float: none; display: inline-block; width: auto; height: auto; margin: 0; padding: 6px 12px;
  border-radius: 999px; background: var(--signal); color: #fff;
  font-family: var(--f-mono); font-size: 13px; font-weight: 700; line-height: 1.2;
}
.product_page .product-core-image .badge-wrapper .badge span { display: inline; padding: 0; }
.product_page .product-core-image .badge-wrapper .badge::before, .product_page .product-core-image .badge-wrapper .badge::after { display: none; }
.product_page .more-images { margin-top: 12px; padding: 0 24px; }
.product_page .more-images .image { padding: 0 4px; }
.product_page .more-images .image a { padding: 4px; border: 2px solid transparent; border-radius: 14px; background: var(--snow); }
.product_page .more-images .image a img { mix-blend-mode: multiply; }
.product_page .more-images .image.selected a, .product_page .more-images .image:not(.selected) a:hover { border-color: var(--signal); }

/* Колонки: фото 55%, покупка 45% - чтобы цена, старая цена и выгода помещались в одну строку */
@media (min-width: 992px) {
  .product_page > .row > .col-md-7 { width: 55%; }
  .product_page > .row > .col-md-5 { width: 45%; }
}

/* Блок покупки - белая карточка */
.product_page .rating { display: inline-flex; align-items: center; gap: 2px; margin: 0 0 10px; }
.product_page .cart-form {
  container-type: inline-size;
  padding: clamp(22px, 2.4vw, 32px); border-radius: 28px; background: #fff;
  border: 1px solid var(--line-light); box-shadow: 0 30px 60px -44px rgba(11, 13, 17, .35);
}
.product_page .cart-form .colorprod, .product_page .cart-form .aksprod {
  margin: 0 0 10px; font-family: var(--f-mono); font-size: 11px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3);
}

/* Варианты памяти - кнопки-плашки */
.product_page .cart-form ul.skus { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; padding: 0; }
.product_page .cart-form ul.skus .colorprod { flex-basis: 100%; }
.product_page .cart-form ul.skus li { margin: 0; }
.product_page .cart-form ul.skus label {
  position: relative; display: inline-flex; flex-direction: column; gap: 2px; margin: 0; padding: 11px 18px;
  border: 1.5px solid var(--line-light); border-radius: 14px; background: #fff; cursor: pointer;
  font-size: 15px; font-weight: 800; color: var(--ink); transition: border-color .2s, background-color .2s;
}
.product_page .cart-form ul.skus label > * { margin: 0; }
.product_page .cart-form ul.skus label input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.product_page .cart-form ul.skus label .price { font-size: 13px; font-weight: 600; color: var(--ink-3); }
.product_page .cart-form ul.skus label:hover { border-color: rgba(255, 91, 31, .5); }
.product_page .cart-form ul.skus label:has(input:checked) { border-color: var(--signal); background: #fff1ea; }
.product_page .cart-form ul.skus label:has(input:checked) .price { color: var(--signal); }
.product_page .cart-form ul.skus label.disabled { opacity: .4; cursor: not-allowed; }

/* Наличие - зелёная плашка */
.product_page .cart-form .stocks { margin: 0 0 18px; }
.product_page .cart-form .stocks .stock-high, .product_page .cart-form .stocks .stock-low, .product_page .cart-form .stocks .stock-critical {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
  background: #e7f6ec; color: #1a7f45; font-size: 13px; font-weight: 700;
}
.product_page .cart-form .stocks .fa { font-size: 14px; color: inherit; }

/* Аксессуары - чекбокс в рамке */
.product_page .cart-form .services { margin: 0 0 22px; font-size: 15px; }
.product_page .cart-form .services > div[class^="service-"] { margin: 0; }
.product_page .cart-form .services label {
  display: flex; align-items: center; gap: 12px; margin: 0; padding: 13px 16px;
  border: 1.5px solid var(--line-light); border-radius: 14px; cursor: pointer; font-weight: 600; color: var(--ink);
  transition: border-color .2s, background-color .2s;
}
.product_page .cart-form .services label input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--signal); }
.product_page .cart-form .services label:has(input:checked) { border-color: var(--signal); background: #fff1ea; }
.product_page .cart-form .services .service-price { font-weight: 800; }

/* Цена, старая цена и выгода */
.product_page .cart-form .add2cart .prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: 0 0 18px; }
.product_page .cart-form .add2cart .price, .product_page .cart-form .add2cart .price-new {
  font-family: var(--f-display); font-size: clamp(32px, 3vw, 42px); font-weight: 700; letter-spacing: -.02em; line-height: 1.05;
  font-size: clamp(24px, calc(16cqi - 34px), 42px); /* размер от ширины карточки: цена, старая цена и выгода в одну строку */
  color: var(--ink) !important;
}
.product_page .cart-form .add2cart .compare-at-price { font-size: 16px; font-weight: 600; color: var(--ink-3); white-space: nowrap; }
.product_page .cart-form .x-pp-save { padding: 4px 10px; border-radius: 999px; background: #fff1ea; color: var(--signal); font-size: 13px; font-weight: 700; white-space: nowrap; }
.product_page .cart-form .x-pp-save b { font-weight: 800; }

/* Кнопки: «В корзину» главная, «Купить в 1 клик» контурная, кредит - светлая */
.product_page .cart-form .buy_buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.product_page .cart-form .buy_buttons > * { margin: 0 !important; }
.product_page .cart-form .add2cart .btn_add2cart {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 56px; margin: 0; padding: 0 16px;
  border: 0; border-radius: 16px; background: var(--signal); color: #fff; font-size: 16px; font-weight: 800; text-shadow: none; box-shadow: none;
  transition: background-color .2s, transform .15s;
}
.product_page .cart-form .add2cart .btn_add2cart:hover, .product_page .cart-form .add2cart .btn_add2cart:focus { background: var(--signal-2); color: #fff; }
.product_page .cart-form .add2cart .btn_add2cart:active { transform: scale(.98); }
.product_page .cart-form .add2cart .btn_add2cart i { display: none; }
.product_page .cart-form .buy_buttons .buy1click2-open-button {
  display: inline-flex !important; align-items: center; justify-content: center; width: 100% !important; max-width: none !important; height: 56px !important; margin: 0 !important; padding: 0 16px !important;
  border: 1.5px solid var(--ink) !important; border-radius: 16px !important; background: transparent !important; color: var(--ink) !important;
  font-family: "Manrope", system-ui, sans-serif !important; font-size: 16px !important; font-weight: 800 !important; box-shadow: none !important; transition: background-color .2s, color .2s;
}
.product_page .cart-form .buy_buttons .buy1click2-open-button:hover { background: var(--ink) !important; color: #fff !important; }
.product_page .cart-form .pp-h-wrap-cart { margin-top: 10px; }
.product_page .cart-form .pp-h-wrap-cart .tinkoff_no_hide_disabled, .product_page .cart-form .pp-h-wrap-cart .tinkoff_no_hide_disabled:disabled {
  display: block !important; width: 100%; height: 52px; margin: 0; padding: 0 16px;
  border: 1.5px solid var(--line-light); border-radius: 16px; background: #fff; color: var(--ink);
  font-size: 15px; font-weight: 700; text-align: center; transition: border-color .2s;
}
.product_page .cart-form .pp-h-wrap-cart .tinkoff_no_hide_disabled::before {
  content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 3px; background: #ffdd2d; vertical-align: 0;
}
.product_page .cart-form .pp-h-wrap-cart .tinkoff_no_hide_disabled:not(:disabled):hover { border-color: var(--ink); }
.product_page .cart-form .pp-h-wrap-cart .tinkoff_no_hide_disabled:disabled { color: var(--ink-3); cursor: default; }
.product_page .cart-form .added2cart { display: block; margin-top: 12px; font-size: 14px; color: var(--ink-2); }

/* Значки доверия под кнопками */
.product_page .cart-form .x-pp-trust { display: grid; gap: 14px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid var(--line-light); list-style: none; }
.product_page .cart-form .x-pp-trust li { margin: 0; padding: 0; background: none; }
.product_page .cart-form .x-pp-trust li::before { content: none; }
.product_page .cart-form .x-pp-trust a { display: flex; align-items: flex-start; gap: 12px; color: var(--ink); text-decoration: none; }
.product_page .cart-form .x-pp-trust svg { flex: none; color: var(--signal); }
.product_page .cart-form .x-pp-trust span { font-size: 13px; line-height: 1.45; color: var(--ink-3); }
.product_page .cart-form .x-pp-trust b { display: block; font-size: 15px; font-weight: 700; color: var(--ink); }
.product_page .cart-form .x-pp-trust a:hover b { color: var(--signal); }

@media (max-width: 767px) {
  .product_page .product-core-image { border-radius: 20px; }
  .product_page .cart-form { margin-top: 16px; border-radius: 20px; }
}
@media (max-width: 479px) {
  .product_page .cart-form .buy_buttons { grid-template-columns: minmax(0, 1fr); }
}

/* Вкладки убраны: описание и отзывы идут подряд (класс .x-pp-flow в product.html) */
.product_page .x-pp-flow > .nav-tabs { display: none; }
.product_page .x-pp-flow > .tab-content { border: 0; padding: 0; }
.product_page .x-pp-flow > .tab-content > .tab-pane { display: block !important; }

/* Липкая навигация по разделам описания + цена и «В корзину» */
.product_page .x-pp-nav {
  position: sticky; top: 68px; z-index: 50; display: none; align-items: center; gap: 8px;
  margin: 32px 0 16px; padding: 6px; border-radius: 18px;
  background: rgba(255, 255, 255, .92); border: 1px solid var(--line-light);
  -webkit-backdrop-filter: saturate(1.4) blur(12px); backdrop-filter: saturate(1.4) blur(12px);
  transition: box-shadow .25s;
}
.product_page .x-pp-nav.is-ready { display: flex; }
.product_page .x-pp-nav.is-stuck { box-shadow: 0 18px 40px -28px rgba(11, 13, 17, .45); }
.product_page .x-pp-nav__links {
  display: flex; gap: 2px; flex: 1 1 auto; min-width: 0; padding-right: 28px; overflow-x: auto; scrollbar-width: none;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
}
.product_page .x-pp-nav__links::-webkit-scrollbar { display: none; }
.product_page .x-pp-nav__links a {
  flex: none; padding: 9px 14px; border-radius: 12px; color: var(--ink-2);
  font-size: 14px; font-weight: 700; line-height: 1.2; white-space: nowrap; text-decoration: none; transition: background-color .2s, color .2s;
}
.product_page .x-pp-nav__links a:hover { background: var(--snow); color: var(--ink); }
.product_page .x-pp-nav__links a.is-active { background: var(--ink); color: #fff; }
.product_page .x-pp-nav.no-links .x-pp-nav__links { display: none; }
.product_page .x-pp-nav__buy { display: none; align-items: center; gap: 12px; flex: none; padding-left: 12px; margin-left: auto; border-left: 1px solid var(--line-light); }
.product_page .x-pp-nav.has-buy .x-pp-nav__buy { display: flex; animation: x-pp-in .3s ease both; }
.product_page .x-pp-nav__price { font-family: var(--f-display); font-size: 18px; font-weight: 700; letter-spacing: -.01em; color: var(--ink); white-space: nowrap; }
.product_page .x-pp-nav__btn {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 0; border-radius: 12px;
  background: var(--signal); color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; transition: background-color .2s;
}
.product_page .x-pp-nav__btn:hover { background: var(--signal-2); }
@keyframes x-pp-in { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) {
  .product_page .x-pp-nav { margin: 24px -4px 12px; border-radius: 14px; }
  .product_page .x-pp-nav__links a { padding: 8px 12px; font-size: 13px; }
  .product_page .x-pp-nav__buy { padding-left: 6px; gap: 0; }
  .product_page .x-pp-nav__price { display: none; }
  .product_page .x-pp-nav__btn { height: 36px; padding: 0 12px; }
  .product_page .x-pp-nav__btn span { display: none; }
}

/* Раздел отзывов после описания */
.product_page #pp_reviews { margin-top: 12px; padding: clamp(28px, 4vw, 56px) clamp(20px, 4vw, 56px); border-radius: 28px; background: var(--snow); }
.product_page .x-pp-rev { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; }
.product_page .x-pp-rev__kicker {
  display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 6px 12px 6px 14px; border-radius: 999px; background: #fff;
  font-family: var(--f-mono); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink);
}
.product_page .x-pp-rev__kicker b { min-width: 22px; padding: 2px 7px; border-radius: 999px; background: var(--signal); color: #fff; text-align: center; letter-spacing: 0; }
.product_page .x-pp-rev__title { margin: 0; font-family: var(--f-display); font-size: clamp(24px, 2.8vw, 38px); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--ink); }
.product_page .x-pp-rev__empty { max-width: 560px; margin: 12px 0 0; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.product_page .x-pp-rev__write {
  flex: none; height: 48px; padding: 0 22px; border: 1.5px solid var(--ink); border-radius: 14px; background: transparent;
  color: var(--ink); font-size: 15px; font-weight: 800; cursor: pointer; transition: background-color .2s, color .2s;
}
.product_page .x-pp-rev__write:hover, .product_page #pp_reviews.is-writing .x-pp-rev__write { background: var(--ink); color: #fff; }
.product_page #pp_reviews .reviews-count-text { display: none !important; }
.product_page #pp_reviews .reviews { margin: 0; }
.product_page #pp_reviews .reviews > .reviews-branch { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.product_page #pp_reviews .reviews > .reviews-branch:empty { display: none; }
.product_page #pp_reviews .reviews-branch li { margin: 0; padding: 0; border: 0; background: none; }
.product_page #pp_reviews .reviews-branch li::before { content: none; }
.product_page #pp_reviews .reviews-branch .reviews-branch { margin: 8px 0 0 24px; padding: 0; list-style: none; }
.product_page #pp_reviews .review { margin: 0; padding: 22px 24px; border-radius: 20px; background: #fff; border: 1px solid var(--line-light); }
.product_page #pp_reviews .review .summary { font-size: 13px; color: var(--ink-3); }
.product_page #pp_reviews .review .review-title { font-size: 17px; font-weight: 800; color: var(--ink); }
.product_page #pp_reviews .review .username { font-weight: 700; color: var(--ink); }
.product_page #pp_reviews .review .text { margin-top: 10px; font-size: 15px; line-height: 1.6; color: var(--ink-2); }
.product_page #pp_reviews .review .review_rate { margin-right: 8px; }
.product_page #pp_reviews .review .fa-star { color: var(--signal); }
.product_page #pp_reviews .review .actions { margin-top: 10px; font-size: 13px; }
.product_page #pp_reviews .write-review-form-wrap { display: none; }
.product_page #pp_reviews.is-writing .write-review-form-wrap { display: block; margin-top: 24px; padding: clamp(20px, 3vw, 32px); border-radius: 20px; background: #fff; }
@media (max-width: 767px) {
  .product_page #pp_reviews { border-radius: 20px; }
  .product_page .x-pp-rev__write { width: 100%; }
}

/* «Вы недавно смотрели» - светлая панель с заголовком и стрелками */
.product_page_bottom { border: 0; padding: 0; }
.product_page_bottom .products_slider {
  position: relative; margin: 12px 0 40px; padding: clamp(28px, 4vw, 56px) clamp(16px, 4vw, 56px);
  border-radius: 28px; background: var(--snow);
}
.product_page_bottom .products_slider .title {
  margin: 0 110px 24px 0; font-family: var(--f-display); font-size: clamp(22px, 2.4vw, 32px); font-weight: 700;
  line-height: 1.15; letter-spacing: -.02em; text-transform: none; color: var(--ink);
}
.product_page_bottom .products_slider .slick-arrows { position: absolute; top: clamp(28px, 4vw, 56px); right: clamp(16px, 4vw, 56px); float: none; height: auto; display: flex; gap: 8px; }
.product_page_bottom .products_slider .slick-arrow {
  display: flex; align-items: center; justify-content: center; float: none; width: 44px; height: 44px; line-height: 1;
  border: 1px solid var(--line-light); border-radius: 50%; background: #fff; color: var(--ink);
}
.product_page_bottom .products_slider .slick-arrow .fa { color: inherit; }
.product_page_bottom .products_slider .slick-arrow:hover { border-color: var(--ink); background: #fff; color: var(--ink); }
.product_page_bottom .products_slider .slick-arrow.swiper-button-disabled { opacity: .35; }
.product_page_bottom .products_slider .slick-arrow.swiper-button-lock { display: none; }
@media (max-width: 767px) {
  .product_page_bottom .products_slider { border-radius: 20px; }
}

/* ===== Сравнение моделей: метка «Вы смотрите» / «Смотреть →» в одну строку ===== */
/* длинное название (Tank Pad Ultra) не сжимает метку: она уходит под название */
.x-pd-vs__head { flex-wrap: wrap; row-gap: 8px; }
.x-pd-vs__tag { flex: none; white-space: nowrap; }
/* три карточки в ряд: метка под названием во всех карточках, чтобы списки не съезжали */
@media (min-width: 1080px) {
  .x-pd-vs--3 .x-pd-vs__head { flex-direction: column; align-items: flex-start; gap: 10px; }
}

/* ===== Политика конфиденциальности ===== */
/* «конфиденциальности» целиком во второй строке заголовка; на телефоне слово переносится по ­ */
@media (min-width: 600px) and (max-width: 959px) { .x-pol-hero h1 { font-size: clamp(34px, 5.8vw, 56px); } }
@media (min-width: 960px) { .x-pol-hero h1 { font-size: clamp(28px, 2.7vw, 39px); } }