/*hpnphv*/
/* Pine — тема theme53 (WordPress, ACF-блоки). CSS темы — как есть (assets/css/main.lsx),
   ниже — дополнения для блоков, у которых в теме нет стилей, и для оболочки генератора. */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

hr {
  overflow: visible;
  height: 0;
  box-sizing: content-box;
}

a {
  background-color: transparent;
}

b,
strong {
  font-weight: bolder;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
  box-sizing: border-box;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.zaz {
  color: #fff;
}

.zqf {
  text-align: center;
}

.ha6 table {
  border-collapse: collapse;
  width: 100%;
}

.ha6 td, .ha6 th {
  border: 1px solid;
  padding: 0.5em;
}

.ha6 .wva {
  table-layout: fixed;
  width: 100%;
}

.ha6.ept, .ha6.niw, .ha6.pjo {
  display: table;
  width: auto;
}

.dc6 video {
  max-width: 100%;
}

@media (width <= 767px) {
  .ha6 .wva {
    table-layout: auto;
  }
}
:root {
  --conf: 1080px;
  --mku8: 20px;
  --jfrx: 20px;
  --edka: -apple-system,
  blinkmacsystemfont,
  "Segoe UI",
  roboto,
  oxygen,
  ubuntu,
  cantarell,
  "Open Sans",
  "Helvetica Neue",
  sans-serif;
  --zoj5: -apple-system,
  blinkmacsystemfont,
  "Segoe UI",
  roboto,
  oxygen,
  ubuntu,
  cantarell,
  "Open Sans",
  "Helvetica Neue",
  sans-serif;
  --vuio: normal 400 16px/24px var(--edka);
  --ullf: normal 400 16px/24px var(--edka);
  --hfsa: normal 700 28px/36px var(--edka);
  --rgao: normal 700 24px/32px var(--edka);
  --scle: normal 700 20px/26px var(--edka);
  --wiom: normal 700 20px/24px var(--edka);
  --olm7: normal 400 14px/16px var(--edka);
  --pbdx: normal 700 14px/20px var(--edka);
  --dnx3: normal 500 16px/18px var(--edka);
  --hpa4: normal 700 14px/20px var(--edka);
  --faq2: 8px;
  --tzwk: 4px;
  --dpth: all 0.2s ease-in-out;
  /*  Font colors  */
  --thl3: #ddd;
  --kxhz: #fff;
  --xtiw: #e5053b;
  --qprp: #13E17A;
  --hebx: #e5053b;
  /* Bg colors */
  --chre: #11141a;
  --aceg: #fff;
  /* mobile-button */
  --plqs: #000;
  --tcyc: #fff;
  /* Buttons */
  --hafs: #11141a;
  --wych: #e30638;
  --xvri: #292621;
  --csgf: #FFF;
  /* table */
  --xikt: #11141a;
  --mwa4: #ddd3d30d;
  --hlw7: #0b0f12;
  --ibms: #fff;
  --vtq9: #ddd;
  /* header */
  --wjq0: #11141a;
  --qxb6: #fff;
  --qew0: #e5053b;
  /* footer */
  --gzic: #2D292F;
  --phnh: #fff;
  --jdrr: #e5053b;
  --ifb9: #ddd;
  /* breadcrumbs */
  --chxq: #11141a;
  --hoy3: #e5053b;
  --ymsd: #ddd;
  /* toc */
  --uvzv: #0b0f12;
  --cdns: #fff;
  --mwxn: #ddd;
  --grlq: #e5053b;
  /* scroll-to-top */
  --xwio: #e5053b;
  --hcye: #fff;
  /* scroll-to-top */
  --geds: #e30638;
  --hdwp: #11141a;
  --ctvz: #11141a;
  --dmk1: #2b0135;
  --mefy: #c302ff;
  --iqf9: #0b0f12;
  --zygr: #ddd3d30d;
  --ywku: url("data:image/svg+xml,<svg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.322 5.576 2.765 1.478A.5.5 0 0 0 2 1.902v1.502a.5.5 0 0 0 .036.185l.89 2.225a.5.5 0 0 1 0 .372l-.89 2.225A.5.5 0 0 0 2 8.596v1.502a.5.5 0 0 0 .765.424l6.557-4.098a.5.5 0 0 0 0-.848Z' fill='%23FD8E20'/></svg>");
  --dnse: url("data:image/svg+xml,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='24' height='24' rx='5' fill='%23fff' fill-opacity='.05'/><path d='m8 10 4 6 4-6h-3l-1 1.5-1-1.5H8Z' fill='%23FD8E20'/></svg>");
  --bxd6: url("data:image/svg+xml,<svg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='24' height='24' rx='5' fill='%23fff' fill-opacity='.05'/><path d='m8 10 4 6 4-6h-3l-1 1.5-1-1.5H8Z' fill='%23FD8E20'/></svg>");
  --wmm1: url("data:image/svg+xml,<svg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12.5 6v10' stroke='%23FD8E20' stroke-width='2'/><path d='m12.5 18-4-6H11l1.5 2.5L14 12h2.5l-4 6Z' fill='%23FD8E20'/><path d='M20.5 4v16' stroke='%23FD8E20'/></svg>");
  --ktyw: url("data:image/svg+xml,<svg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M21.657 10.343 10.343 21.657M10.343 10.343l11.314 11.314' stroke='%23FD8E20' stroke-width='2'/></svg>");
  --nwze: url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5 12L11 8L5 4L5 7L6.5 8L5 9L5 12Z' fill='%23FD8E20'/></svg>");
  /* z-index */
  --ufyz: 10;
  --wbqf: 100;
  --mvvx: 110;
  --ucyl: 80;
  --nrmf: 70;
  --mfdw: 5;
  --zapj: 90;
}

*,
::after,
::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
}

[data-sf-a] {
  cursor: pointer;
}

html {
  font-size: 17px;
}

.qw1,
.hoi,
.dtl,
.gg6,
.bu9 {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  height: 100vh;
  font: var(--vuio);
  color: var(--thl3);
  background-color: var(--chre);
}

.jsz,
.ihb,
.ryg {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

h1 {
  font: var(--hfsa);
  color: var(--kxhz);
}

h2 {
  font: var(--rgao);
  color: var(--kxhz);
}

h3 {
  font: var(--scle);
  color: var(--kxhz);
}

h4, h5, h6 {
  font: var(--wiom);
  color: var(--kxhz);
}

a:not([class]) {
  font: var(--ullf);
  color: var(--hebx);
  transition: var(--dpth);
}

@media (hover: hover) {
  a:hover {
    text-decoration: none;
  }
}
img {
  vertical-align: middle;
  shape-margin: 1rem;
  width: 100%;
  height: auto;
  max-width: 100%;
  font-style: italic;
  background-size: cover;
  background-repeat: no-repeat;
}

.azy {
  position: absolute;
  clip-path: inset(100%);
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}

.dj1 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ryg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem var(--mku8);
  
  background-position: -100px;
}

.or5 {
  display: inline-block;
  margin: 1rem auto;
  border-radius: 5px;
  padding: 10px 30px;
  width: 100%;
  font-weight: 700;
  text-align: center;
  background: var(--hszl);
}

.cxd {
  margin: 0 auto;
  padding: 0 var(--mku8);
  max-width: calc(var(--conf) + 2 * var(--mku8));
}

* + .dvf {
  margin-top: 20px;
}

._scroll-lock {
  overflow: hidden;
}

._scroll-lock.kff {
  margin-top: -32px;
}

@media (width <= 767px) {
  ._scroll-lock.kff {
    margin-top: -46px;
  }
}
@keyframes animation-engine {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ot2 {
  display: block;
  border-radius: var(--faq2);
}

@supports not selector(::-webkit-scrollbar) {
  .ojj {
    overflow: auto;
    scrollbar-color: rgba(255, 255, 255, 0.0980392157) transparent;
    scrollbar-width: thin;
  }
}
.ojj::-webkit-scrollbar {
  width: 4px;
}

.ojj::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.0980392157);
}

.ojj::-webkit-scrollbar-track {
  border-radius: 9px;
  background: 0 0;
}

.hr1 {
  border-top: 1px solid var(--zygr);
  border-bottom: 1px solid var(--zygr);
  padding: 4px 0;
  background: var(--chxq);
}

.tiz {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: calc(var(--conf) + 2 * var(--mku8));
  gap: 8px;
}

.nfx {
  display: flex;
  align-items: center;
  padding: 4px 0;
  font: var(--olm7);
  text-decoration: none;
  text-transform: uppercase;
  color: var(--hoy3);
  gap: 8px;
}

.sn7 {
  color: var(--ymsd);
}

.ruw {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}

.ruw::after {
  content: var(--nwze);
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
}

@media (hover: hover) {
  a.nfx:hover {
    color: var(--ymsd);
  }
}
.lkl {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  border-radius: var(--tzwk);
  padding: 16px 32px;
  font: var(--dnx3);
  text-align: center;
  text-decoration: none;
  transform-origin: center;
  transition: var(--dpth);
  will-change: transform;
  gap: 8px;
}

.lkl:has(svg) {
  padding-block: 8px;
}

.lkl svg {
  flex-shrink: 0;
  fill: currentcolor;
}

.kkt {
  color: var(--hafs);
  background: var(--wych);
}

.qni {
  color: var(--xvri);
  background: var(--csgf);
}

.lkl:active {
  scale: 0.98;
}

@media (hover: hover) {
  .lkl:hover {
    cursor: pointer;
    scale: 0.98;
  }
}
.lkl[disabled],
.lkl.dio {
  filter: grayscale(1) brightness(1.5);
  pointer-events: none;
}

.fek {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}

.fek.zui {
  justify-content: center;
}

.hfh {
  width: 100%;
  max-width: 240px;
}

.azw {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.yrs {
  display: flex;
  justify-content: center;
}

.tby {
  width: auto;
  max-height: 40px;
  object-fit: contain;
  transition: var(--dpth);
}

@media (hover: hover) {
  .yrs:hover .tby {
    scale: 1.1;
  }
}
.mhi {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.rt1 {
  width: auto;
  max-height: 40px;
  object-fit: contain;
}

.theme53-scroll-to-top {
  position: fixed;
  right: var(--mku8);
  bottom: 78px;
  z-index: var(--nrmf);
  opacity: 0;
  visibility: hidden;
  transition: var(--dpth);
  pointer-events: none;
}

.theme53-scroll-to-top._show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.zh3 {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  border-radius: calc(var(--faq2) / 2);
  padding: 0 0 6px;
  width: 40px;
  height: 40px;
  font-size: 36px;
  line-height: 36px;
  color: var(--hcye);
  background-color: var(--xwio);
  transition: var(--dpth);
  cursor: pointer;
}

@media (hover: hover) {
  .zh3:hover {
    translate: 0 -5px;
  }
}
.vro {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}

.mrt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.mrt img,
.mrt svg {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  transition: var(--dpth);
}

@media (hover: hover) {
  .mrt:hover img,
  .mrt:hover svg {
    transform: scale(1.2);
  }
}
.kxq {
  position: relative;
  z-index: 15;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 16px;
  border-radius: var(--faq2);
  width: 100%;
  color: var(--kxhz);
  background-color: var(--iqf9);
}

.kxq > svg {
  position: absolute;
  right: 8px;
  top: 8px;
  transition: var(--dpth);
  pointer-events: none;
}

.vda {
  display: none;
}

.nyv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}

.tgf {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-start;
  padding: 0 8px;
  width: 100%;
  height: 40px;
  font: var(--pbdx);
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
  transition: var(--dpth);
  gap: 4px;
}

@media (hover: hover) {
  .tgf:hover {
    background: rgba(255, 255, 255, 0.1019607843);
  }
}
.arn {
  display: flex;
  align-items: center;
  gap: 5px;
}

.arn img {
  width: 20px;
  height: 20px;
}

.arn::after {
  content: "";
  position: absolute;
  inset: 0;
}

.kxq._show .vda {
  display: block;
}

.kxq._show > svg {
  rotate: 180deg;
}

.jr9 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--ucyl);
  display: flex;
  align-items: center;
  padding: 12px var(--mku8);
  background-color: var(--chre);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  gap: 8px;
}

.nb7 {
  max-width: 70px;
  max-height: 40px;
}

.vw5 {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
}

.jr9._show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.wtj {
  flex-grow: 1;
  align-self: stretch;
  padding: 8px 12px;
}

@media (width >= 767px) {
  .jr9 {
    display: none;
  }
}
.fjr:not(.tkn) {
  color: var(--kxhz);
}

.fjr span {
  color: var(--qsvs);
}

* + .ha6 {
  margin-top: 1rem;
}

.ha6 {
  overflow: auto;
}

.ha6 table {
  overflow: hidden;
  outline: 1px solid var(--mwa4);
  border: none;
  border-collapse: collapse;
  border-radius: var(--faq2);
  width: 100%;
  background: var(--xikt);
}

.ha6 thead {
  border: none;
}

.ha6 td, .ha6 th {
  border: 1px solid var(--mwa4);
  padding: 12px;
}

.ha6 th {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: var(--ibms);
  background-color: var(--hlw7);
}

.ha6 td {
  color: var(--vtq9);
}

.cdt img {
  border-radius: var(--R-image);
}

ol.fnr,
ul.fnr {
  counter-reset: myCounter;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  gap: 8px;
}

* + ol.fnr,
* + ul.fnr {
  margin-top: 1rem;
}

ol.fnr li::before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  display: inline-block;
  padding: 0 4px 0 0;
  width: auto;
  height: auto;
  font-family: var(--zoj5);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--xtiw);
}

ul.fnr li::before {
  content: var(--ywku);
  display: inline-block;
  padding: 0 0.5rem 0 0;
  width: auto;
  height: auto;
  text-align: center;
}

* + .cdt {
  margin-top: 1rem;
}

.cdt img {
  border-radius: var(--faq2);
}

.taz > * {
  margin-right: auto;
  margin-left: auto;
  max-width: var(--conf);
}

.taz > *:first-child {
  margin-top: 0;
}

.taz {
  padding-top: 20px;
  padding-bottom: 20px;
}

main > .taz:not(:last-child) {
  border-bottom: 1px solid var(--zygr);
}

@media (width <= 1120px) {
  .taz > * {
    margin-right: var(--mku8);
    margin-left: var(--mku8);
    max-width: calc(100% - var(--mku8) * 2);
  }
}
.theme53-page-header {
  position: sticky;
  z-index: var(--ufyz);
  padding: 16px 0;
  background: var(--wjq0);
}

.tw8 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}

.theme53-page-header__wrapper {
  position: absolute;
  left: 0;
  top: calc(var(--height) - 16px);
  display: none;
  overflow: hidden;
  padding: 20px 8px;
  width: 328px;
  height: calc(100svh - var(--height));
  background: var(--wjq0);
}

.theme53-page-header__wrapper._active {
  display: block;
}

.theme53-page-header__wrapper::before {
  content: "";
  position: fixed;
  inset: var(--height) 0 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.768627451);
}

.mh3 {
  width: auto;
  max-height: 40px;
  object-fit: contain;
}

.theme53-page-header__burger {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  order: -10;
  margin-left: -6px;
  border: none;
  width: 36px;
  height: 36px;
  background: none;
  gap: 4px;
}

.theme53-page-header__burger span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--qxb6);
  pointer-events: none;
}

.hbj {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 4px;
}

.vyc {
  padding: 8px 16px;
}

@media (width <= 1023px) {
  .theme53-page-header__burger {
    margin-left: -12px;
  }
}
.ndf {
  position: relative;
  overflow: hidden auto;
  height: calc(100% - 44px);
  background: var(--wjq0);
}

.vzj._show + .ndf {
  height: calc(100% - 44px);
}

.ogp {
  display: flex;
  flex-direction: column;
  background: var(--wjq0);
  gap: 8px;
}

@supports not selector(::-webkit-scrollbar) {
  .ndf {
    scrollbar-color: rgba(208, 216, 232, 0.31) transparent;
    scrollbar-width: thin;
  }
}
.ndf::-webkit-scrollbar {
  width: 4px;
  scrollbar-color: rgba(208, 216, 232, 0.31) transparent;
  scrollbar-width: thin;
}

.ndf::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 9px;
  background: rgba(208, 216, 232, 0.31);
}

.ndf::-webkit-scrollbar-track {
  border-radius: 9px;
  background: 0 0;
}

.cqm {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px 10px;
}

.xrd {
  flex-wrap: wrap;
}

.xrd > .kor {
  width: fit-content;
}

.kor {
  display: inline-block;
  padding: 10px 0 10px 8px;
  width: 100%;
  font: var(--pbdx);
  text-decoration: none;
  color: var(--qxb6);
  transition: var(--dpth);
}

.imt {
  color: var(--qew0);
}

.sub-menu-arrow {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  padding: 0 8px 0 0;
  height: 40px;
}

.xrd._active .btb {
  display: flex;
}

.xrd._active .sub-menu-arrow svg {
  rotate: 180deg;
}

.sub-menu-arrow svg {
  transition: var(--dpth);
  pointer-events: none;
}

.btb {
  display: none;
  flex-direction: column;
  padding: 8px;
  width: 100%;
  gap: 4px;
}

.pt7 {
  font-weight: 500;
  color: var(--thl3);
}

.skz {
  color: var(--qew0);
}

@media (hover: hover) {
  a.kor:hover {
    color: var(--qew0);
  }
}
.odw {
  padding: 20px 0;
  background: var(--gzic);
}

.azm {
  padding-bottom: 80px;
}

.yk7 {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 40px;
}

.qkx {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.qkx::before {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--zygr);
}

.nnk {
  display: block;
  margin: 0 auto 0 0;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}

.iym {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nya {
  width: auto;
}

.wxx {
  position: relative;
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 40px;
}

.zyj {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.zyj button {
  flex-grow: 1;
  max-width: 220px;
  padding-inline: 12px;
}

.zyj button:nth-child(2) {
  color: var(--xvri);
  background: var(--csgf);
}

.uvn {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.uvn::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--zygr);
}

.vaa {
  margin: 0;
}

.wtc {
  position: relative;
  grid-column: 1/-1;
  margin: 0;
  text-align: center;
  color: var(--ifb9);
}

.wtc::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  height: 1px;
  background: var(--zygr);
}

@media (width <= 1023px) {
  .yk7 {
    grid-template-columns: 120px 1fr;
  }
  .wxx {
    display: contents;
  }
  .uvn {
    grid-column: 1/-1;
  }
  .uvn::before {
    content: "";
    position: absolute;
    inset: -20px 0 auto;
    width: 100%;
    height: 1px;
    background: var(--zygr);
  }
}
@media (width <= 767px) {
  .yk7 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .qkx {
    flex-direction: row;
    order: -10;
    gap: 10px;
  }
  .pkw,
  .tu4,
  .qgh {
    justify-content: center;
  }
  .wxx,
  .uvn {
    display: contents;
  }
  .zyj {
    justify-content: center;
    order: -6;
    border-top: 1px solid var(--zygr);
    border-bottom: 1px solid var(--zygr);
    padding-block: 20px;
  }
  .zyj button {
    max-width: 100%;
  }
  .vaa {
    order: -8;
  }
  .wtc::before {
    display: none;
  }
}
.qkp {
  position: relative;
}

.vhb {
  column-count: 2;
  column-fill: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 200px;
  max-width: 400px;
}

.nqv {
  margin-left: 8px;
}

.vhb:has(> *:nth-child(11)) {
  height: 260px;
}

.szl {
  display: inline-block;
  padding: 8px 0;
  width: 100%;
  text-decoration: none;
  color: var(--qxb6);
  transition: var(--dpth);
}

.yqx {
  color: var(--jdrr);
}

@media (hover: hover) {
  a.szl:hover {
    color: var(--jdrr);
  }
}
@media (width <= 767px) {
  .vhb {
    display: flex;
    flex-direction: column;
    margin-top: -8px;
    height: auto;
    max-width: 100%;
  }
  .nqv {
    margin: 0;
  }
}
.theme53-toc {
  border-radius: var(--faq2);
  background: var(--uvzv);
}

.theme53-toc__title {
  position: relative;
  display: flex;
  align-self: center;
  justify-content: space-between;
  margin: 0;
  padding: 20px;
  font: var(--pbdx);
  color: var(--cdns);
  user-select: none;
  gap: 1rem;
}

.theme53-toc__title::after {
  content: var(--bxd6);
  position: absolute;
  right: 20px;
  top: 50%;
  display: block;
  width: 24px;
  height: 24px;
  transition: var(--dpth);
  translate: 0 -50%;
}

.theme53-toc._active .theme53-toc__title::after {
  rotate: 180deg;
}

.theme53-toc ol,
.theme53-toc ul {
  position: relative;
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0 20px 20px;
  gap: 8px;
}

.theme53-toc._active ol,
.theme53-toc._active ul {
  display: grid;
}

.qwn ol,
.qwn ul {
  counter-reset: myCounter;
  grid-template-columns: 1fr;
}

.theme53-toc li {
  margin: 0;
  border: 1px solid var(--zygr);
  border-radius: calc(var(--faq2) / 2);
  color: var(--mwxn);
}

.theme53-toc a {
  position: relative;
  display: block;
  padding: 8px 36px 8px 24px;
  width: 100%;
  font-style: normal;
  text-decoration: none;
  color: var(--mwxn);
}

.theme53-toc a::after {
  content: var(--wmm1);
  position: absolute;
  right: 8px;
  top: 50%;
  display: flex;
  width: 24px;
  height: 24px;
  translate: 0 -50%;
}

.theme53-toc a::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  background: var(--xtiw);
  translate: 0 -50%;
}

.qwn a::before {
  counter-increment: myCounter;
  content: counter(myCounter) ".";
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--xtiw);
  background: transparent;
}

.qwn a {
  padding-left: 32px;
}

@media (hover: hover) {
  .theme53-toc a:hover {
    color: var(--grlq);
  }
}
.fyx {
  position: relative;
  z-index: var(--mfdw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--faq2);
  padding: 20px;
  gap: 4px;
}

.yc6 {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.yel {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: var(--kxhz);
}

.ex3 {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: var(--qprp);
}

.tln {
  margin-top: 16px;
}

.mzg {
  margin: 0;
  font: var(--olm7);
  text-align: center;
}

@media (width <= 575px) {
  .tln {
    width: 100%;
  }
}
.efv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 32px;
}

.ivz {
  overflow: hidden;
}
.ivz > *:first-child {
  margin-top: 0;
}
.ivz > *:last-child {
  margin-bottom: 0;
}

.efv.fdl .ivz {
  order: 2;
}

.jij {
  border-radius: var(--faq2);
  width: 100%;
  height: fit-content;
  object-fit: contain;
}

@media (width <= 1023px) {
  .efv:has(.fyx) .ivz {
    display: contents;
  }
  .efv:has(.fyx) .ivz > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .efv:has(.fyx) .fjr {
    order: -4;
  }
  .efv:has(.fyx) .fyx {
    order: -3;
  }
  .efv {
    grid-template-columns: 1fr;
  }
  .efv.fdl .ivz {
    order: 0;
  }
}
.theme53-faq {
  border-bottom: 1px solid var(--zygr);
  padding-top: 12px;
  padding-bottom: 12px;
}

.theme53-faq._active .aty {
  display: none;
}

.theme53-faq._active .theme53-faq__title::after {
  rotate: 225deg;
}

.theme53-faq__title {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: calc(100% - 36px);
  cursor: pointer;
  gap: 4px;
}

.theme53-faq__title::after {
  content: var(--ktyw);
  position: absolute;
  right: -32px;
  top: 50%;
  display: block;
  width: 32px;
  height: 32px;
  transition: var(--dpth);
  translate: 0 -50%;
}

.theme53-faq__title::before {
  content: "";
  position: absolute;
  right: -32px;
  top: 50%;
  display: block;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  background: var(--zygr);
  translate: 0 -50%;
}

.aty {
  margin-top: 10px;
}

.aty > *:first-child {
  margin-top: 0;
}

.aty > *:last-child {
  margin-bottom: 0;
}

.rhj {
  overflow: auto;
}

.jc1 {
  display: flex;
  gap: 10px;
}

@media (width <= 1023px) {
  .jc1 {
    min-width: 900px;
  }
}
.tsw:has(img) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.tsw:not(:last-child) {
  margin-bottom: 1rem;
}

.hln {
  margin: auto 0;
}

.hln > *:last-child {
  margin-bottom: 0;
}

.mwc {
  font: var(--scle);
  color: var(--hebx);
}

.wu5 {
  border-radius: var(--faq2);
}

@media (width <= 1023px) {
  .tsw:has(img) {
    grid-template-columns: 1fr;
  }
}
.kpz {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.pp4 {
  overflow: hidden;
  border-radius: var(--faq2);
}

.pq9 {
  background: rgba(0, 255, 0, 0.1019607843);
}

.rs7 {
  background: rgba(255, 0, 0, 0.2);
}

.pq9 .mml {
  background: #008000;
}

.rs7 .mml {
  background: #b80303;
}

.mml {
  margin: 0;
  padding: 10px 20px;
  font: var(--scle);
  color: #fff;
}

#ff0000 .ubz {
  padding: 10px 20px;
}

/* category */
.lnr {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  border-radius: var(--faq2);
  padding: 24px;
  width: 100%;
  background: var(--uvzv);
  gap: 1rem;
}

.trr {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--faq2);
  transition: var(--dpth);
  gap: 8px;
}

.trr > * {
  pointer-events: none;
}

.wup {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 16px;
  width: 96px;
  height: 96px;
  background: var(--chre);
}

.qge {
  text-align: center;
  color: var(--kxhz);
}

@media (hover: hover) {
  .trr[data-sf-a]:hover {
    background: var(--chre);
  }
}
@media (width <= 767px) {
  .lnr {
    padding: 16px;
  }
}
/* category */
/* ═══ Дополнения (генератор) ═══════════════════════════════════════ */
:root{--mfdw:1;--nrmf:90;--height:72px;--qsvs:#13E17A;--hszl:#0b0f12}
body{margin:0;font:var(--vuio);color:var(--thl3);background-color:var(--chre);overflow-x:hidden}
body._scroll-lock{overflow:hidden}
h1,h2,h3,h4{margin:0 0 .6em}
p{margin:0 0 1em}
.theme53-page-header{top:0}
.kl0{display:flex;align-items:center;text-decoration:none;margin-right:12px}
.dix{font:700 22px/1 var(--edka);color:#fff;letter-spacing:-.01em}
.vyc{white-space:nowrap}
@media (width <= 420px){.vyc{padding:8px 10px;font-size:14px}.mh3{max-height:30px}}
/* первый экран: текст + бонус-бокс справа */
.zmz .efv{align-items:center}
.zmz h1{margin:0 0 16px}
.zmz .pwm{grid-template-columns:1fr}
.bz5,.gpb{min-height:196px;background-color:#0b0f12;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px);background-size:14px 14px}
.yel{text-transform:uppercase}
.ex3{text-transform:uppercase}
.tln{min-width:min(234px,100%)}
.zw6{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.fek .lkl{width:100%;max-width:240px}
.fek.zui{justify-content:center}
/* список бонусов */
.snz{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.wsn{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--faq2);background:#0b0f12}
.lbo{display:block;aspect-ratio:16/9;object-fit:cover}
.dcf{display:flex;flex-direction:column;flex-grow:1;padding:16px;gap:6px}
.cyu{align-self:flex-start;border-radius:4px;padding:2px 8px;font:var(--pbdx);text-transform:uppercase;color:var(--hafs);background:var(--wych)}
.pj5{font:var(--scle);color:var(--kxhz)}
.dq3{color:var(--qprp);font-weight:700}
.ym8{margin-top:auto;padding:12px 16px}
/* промокод */
.au5{border-radius:var(--faq2);padding:20px;background:#0b0f12}
.rbi{display:flex;flex-direction:column;gap:14px}
.gkk{margin:0;font:var(--scle);color:var(--kxhz)}
.ooy>:last-child{margin-bottom:0}
.theme53-promo-code__controls{display:flex;align-items:stretch;border:1px dashed var(--xtiw);border-radius:var(--tzwk);overflow:hidden}
.theme53-promo-code__value{flex-grow:1;display:flex;align-items:center;padding:10px 16px;font:700 22px/1.2 var(--edka);letter-spacing:.06em;color:var(--qprp)}
.theme53-promo-code__button{border-radius:0;padding:10px 16px;color:#fff;background:var(--chre)}
.theme53-promo-code__button .hhi,.theme53-promo-code__controls._copied .csa{display:none}
.theme53-promo-code__controls._copied .hhi{display:inline}
.tha{align-self:flex-start;min-width:200px}
/* слоты */
.hd5{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.smd{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--faq2);background:#0b0f12;gap:8px;padding-bottom:10px}
.cp4{aspect-ratio:1;object-fit:cover}
.zq0{padding:0 10px;font:var(--pbdx);color:var(--kxhz)}
.bwe{margin:0 10px;padding:10px 12px}
/* победители */
.nu4{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.vk6{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;border-radius:var(--faq2);padding:10px;background:#0b0f12;column-gap:10px}
.vg9{grid-row:1/3;width:44px;height:44px;border-radius:6px;object-fit:cover}
.vk6>span:first-child{grid-column:1/-1}
.bda{font:var(--olm7);color:var(--thl3)}
.hig{font:var(--pbdx);color:var(--qprp)}
/* заметка, карточки, автор, скриншоты */
.wds{margin:0;border-left:4px solid var(--xtiw);border-radius:0 var(--faq2) var(--faq2) 0;padding:14px 18px;background:#0b0f12}
.wds>b:first-child{color:var(--kxhz)}
.yd1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.aph{border:1px solid var(--zygr);border-radius:var(--faq2);padding:16px;background:#0b0f12}
.aph h3{margin:0 0 6px;font:var(--wiom)}
.aph p{margin:0;font:var(--olm7);color:var(--thl3)}
.ren{border-radius:var(--faq2);padding:20px;background:#0b0f12}
.ren h2{margin:0 0 8px}
.ren p:last-child{margin-bottom:0}
.bb6{display:flex;overflow:auto;gap:10px;padding-bottom:4px}
.xt1{flex:0 0 200px;margin:0}
.xt1 img{border-radius:var(--faq2)}
.xt1 figcaption{margin-top:6px;font:var(--olm7);text-align:center}
.ubz{padding:10px 20px 14px}
.ux1{margin:6px 0}
.mwc{display:block;margin-bottom:4px}
.aws{margin-top:12px;width:fit-content}
@media (width <= 767px){.kpz{grid-template-columns:1fr}}
/* хлебные крошки (общий блок сайта) — как у темы */
.szr{max-width:none!important;margin:0!important;padding:4px var(--mku8)!important;border-top:1px solid var(--zygr);border-bottom:1px solid var(--zygr);background:var(--chxq)}
.szr ol{max-width:var(--conf);margin:0 auto!important}
.szr li{padding:4px 0!important;font:var(--olm7)!important;text-transform:uppercase;opacity:1!important}
.szr a{color:var(--hoy3)!important;text-decoration:none!important}
.szr [aria-current]{color:var(--ymsd);opacity:1!important}
.szr li+li::before{content:"▸"!important;color:var(--xtiw)!important;opacity:1!important}

.rsn{display:flex;color:#e30638}.rsn>svg{width:56px;height:56px}