@font-face{font-family:"Journal Inter 900";font-style:normal;font-weight:900;font-display:optional;src:url('/local/templates/new/fonts/inter/inter-cyrillic-variable.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;size-adjust:97.22%;ascent-override:99.77%;descent-override:31.37%;line-gap-override:0.00%}
@font-face{font-family:"Journal Inter 900";font-style:normal;font-weight:900;font-display:optional;src:url('/local/templates/new/fonts/inter/inter-latin-variable.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;size-adjust:97.22%;ascent-override:99.77%;descent-override:31.37%;line-gap-override:0.00%}
@font-face {
  font-family: "Onest";
  src: url("/local/templates/new/fonts/journal-onest-900.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: optional;
}
@font-face {
  font-family: "Onest";
  src: url("/local/templates/new/fonts/journal-onest-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/local/templates/new/fonts/journal-jetbrains-mono-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

/* The catalog templates emit a surface marker only for successful IB13 views. */
main#main-content:has(.ap-journal-catalog-surface) {
  --journal-ink: #1b1828;
  --journal-paper: #f0edf6;
  --journal-accent: #5139bf;
  --journal-rule: #d0c9df;
}

.ap-journal-catalog-surface { display: none !important; }

html body main#main-content:has(.ap-journal-catalog-surface) #h1_block > h1#pagetitle {
  color: var(--journal-ink) !important;
  font: 900 clamp(39px, 5.3vw, 76px)/.92 Onest, "Journal Inter 900", Inter, Arial, sans-serif !important;
  letter-spacing: -.045em !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

main#main-content:has(.ap-journal-catalog-surface) #h1_block {
  min-width: 0;
  padding: clamp(16px, 3vw, 40px);
  border-radius: 18px;
  background: var(--journal-paper);
}

main#main-content:has(.ap-journal-catalog-surface) #h1_block::before {
  display: block;
  margin-bottom: 12px;
  color: var(--journal-accent);
  font: 500 12px/1.35 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .14em;
  content: "— КАТАЛОГ";
}

main#main-content:has([data-ap-journal-catalog="filter"]) #h1_block::before {
  content: "— ПОДБОР";
}

main#main-content:has([data-ap-journal-catalog="pdp"]) #h1_block::before {
  content: "— КАРТОЧКА ТОВАРА";
}

html body main#main-content:has([data-ap-journal-catalog="pdp"]) #h1_block > h1#pagetitle {
  font-size: clamp(30px, 4.15vw, 62px) !important;
}

main#main-content:has(.ap-journal-catalog-surface) .catalog-footer :is(h2,h3),
main#main-content:has([data-ap-journal-catalog="pdp"]) .itempage-info__text :is(h2,h3) {
  font-family: Onest, Inter, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
}

main#main-content:has(.ap-journal-catalog-surface) .catalog-footer > section + section {
  margin-top: clamp(30px, 5vw, 66px);
}

main#main-content:has([data-ap-journal-catalog="hub"]) > .container {
  display: grid;
  grid-template-columns: minmax(0, 57fr) minmax(0, 43fr);
  min-width: 0;
}

main#main-content:has([data-ap-journal-catalog="hub"]) > .container > * { grid-column: 1 / -1; }
main#main-content:has([data-ap-journal-catalog="hub"]) > .container > .content-block__head { display: contents; }
main#main-content:has([data-ap-journal-catalog="hub"]) .content-block__head > .ap-breadcrumb {
  grid-area: 1 / 1 / 2 / -1;
}

main#main-content:has([data-ap-journal-catalog="hub"]) #h1_block {
  box-sizing: border-box;
  grid-area: 2 / 1 / 3 / -1;
  min-height: 286px;
  margin-bottom: 23px;
  padding: 14px 43% 67px clamp(20px, 4vw, 52px);
}

html body main#main-content:has([data-ap-journal-catalog="hub"]) #h1_block > h1#pagetitle {
  font-size: clamp(45px, 5.75vw, 83px) !important;
  text-wrap: initial;
}

main#main-content:has([data-ap-journal-catalog="hub"]) > .container > .ap-journal-hub-media {
  position: relative;
  grid-area: 2 / 2 / 3 / 3;
  min-width: 0;
  margin: 0 0 23px;
  pointer-events: none;
}

.ap-journal-hub-media img {
  position: absolute;
  top: 50%;
  right: -12px;
  width: min(108%,570px);
  height: auto;
  transform: translateY(-55%);
  clip-path: polygon(5.2% 35.1%, 18% 34.2%, 49.6% 32.5%, 58.6% 34.2%, 96.8% 47.7%, 98.7% 49.5%, 98.6% 67.3%, 96.5% 70.4%, 58% 84.9%, 36.6% 87.5%, 32% 86%, 5.8% 49.6%);
}

main#main-content:has([data-ap-journal-catalog="hub"]) > .container > .ap-journal-hub-action {
  z-index: 1;
  grid-area: 2 / 1 / 3 / 2;
  align-self: end;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  margin: 0 0 41px clamp(20px, 4vw, 52px);
  padding: 0 18px;
  border-radius: 10px;
  background: #ffd067;
  color: #242034;
  font-weight: 700;
  text-decoration: none;
}

.ap-journal-hub-action:hover { background: #f6bb45 !important; }
.ap-journal-hub-action:focus-visible { outline: 2px solid #5139bf; outline-offset: 3px; }

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat::before {
  display: block;
  margin: 0 0 12px;
  padding-bottom: 7px;
  border-bottom: 1px solid var(--journal-rule);
  color: var(--journal-accent);
  font: 500 12px/1.4 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .1em;
  content: "01 · ПОДРАЗДЕЛЫ";
}

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__container {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__container > li > a {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto;
  min-height: 98px;
  gap: 12px;
  align-items: center;
  text-align: left;
  padding: 12px 15px;
  border: 1px solid #d9d2e7;
  border-radius: 10px;
  background: #f6f3fa;
}

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__container > li > a::before { content: none; }

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__name {
  grid-area: 1 / 1;
  justify-self: start;
  min-width: 0;
  margin: 0;
  color: var(--journal-ink);
  font: 700 19px/1.15 Onest, Inter, sans-serif;
  overflow-wrap: anywhere;
}

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__quant {
  display: grid;
  grid-area: 1 / 2;
  justify-items: end;
  min-height: 0;
  padding: 0;
  gap: 4px;
  background: transparent;
  color: #514664;
}

.ap-journal-hub-count {
  font: 700 38px/.95 Onest, Inter, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
}

.ap-journal-hub-unit {
  font: 500 11px/1.4 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-footer .ap-route-section {
  padding: clamp(18px, 3.5vw, 48px);
  border-radius: 18px;
  background: #1e192d;
  color: #f9f7ff;
}

main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-footer .ap-route-section :is(h2,h3,p,a) { color: #f9f7ff !important; }
main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-footer .ap-route-grid > * {
  background: #362e49 !important;
  border: 1px solid #5d5470;
}
main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-footer .ap-route-grid > *::before {
  background: #a591f0 !important;
}

@media (max-width:1000px) {
  main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__container { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width:600px) {
  main#main-content:has([data-ap-journal-catalog="hub"]) > .container { grid-template-columns: minmax(0,1fr); }
  main#main-content:has([data-ap-journal-catalog="hub"]) #h1_block {
    min-height: 0;
    margin-bottom: 0;
    padding: 18px 16px 75px;
    border-radius: 18px 18px 0 0;
  }
  html body main#main-content:has([data-ap-journal-catalog="hub"]) #h1_block > h1#pagetitle { font-size: 42px !important; }
  main#main-content:has([data-ap-journal-catalog="hub"]) > .container > .ap-journal-hub-action { margin: 0 0 12px 16px; }
  main#main-content:has([data-ap-journal-catalog="hub"]) > .container > .ap-journal-hub-media {
    grid-area: 3 / 1;
    min-height: 135px;
    margin-bottom: 25px;
    border-radius: 0 0 18px 18px;
    background: var(--journal-paper);
  }
  .ap-journal-hub-media img { width: min(96%,360px); right: -5px; transform: translateY(-61%); }
  main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__container { grid-template-columns: repeat(2,minmax(0,1fr)); }
  main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__container > li > a {
    grid-template-columns: minmax(0,1fr);
    align-content: space-between;
    gap: 8px;
  }
  main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__name { font-size: 17px; }
  main#main-content:has([data-ap-journal-catalog="hub"]) .catalog-subcat .catalog-subcat__quant {
    display: flex;
    grid-area: 2 / 1;
    align-items: baseline;
    gap: 6px;
  }
  .ap-journal-hub-count { font-size: 29px; }
}