/* 4decb9e4629ba3bf */
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-cyrillic-ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-cyrillic-ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-cyrillic-ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-greek.woff2) format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.catalog-page { --gutter: 40px; margin: 0; background: #fff; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-size: 15px; line-height: 1.55; } .catalog-page *, .catalog-page *::before, .catalog-page *::after { box-sizing: border-box; } .catalog-page p, .catalog-page h1, .catalog-page h2 { margin: 0; } .catalog-page a { color: inherit; text-decoration: none; } .catalog-page [hidden] { display: none !important; } .catalog-page .podhozhu-header__inner { height: 80px; padding: 20px var(--gutter); } .catalog-page .podhozhu-header__nav { gap: 24px; } .catalog-page .podhozhu-header::after { content: ""; display: block; margin: 0 var(--gutter); height: 1px; background: #d9d6d1; } .catalog-intro { padding: 56px var(--gutter) 40px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .catalog-kicker, .catalog-filter, .catalog-card-more, .catalog-card-meta>span, .catalog-photo, .catalog-trade>a { font-size: 10.5px; font-weight: 500; letter-spacing: .04em; line-height: 1.4; } .catalog-kicker, .catalog-description { color: #5e5a55; } .catalog-intro h1 { font-size: 64px; font-weight: 500; line-height: 1.05; letter-spacing: -.02em; } .catalog-description { width: 760px; max-width: 100%; } .catalog-categories { display: flex; align-items: center; gap: 22px; } .catalog-category-row { display: flex; gap: 22px; } .catalog-filter { border: 0; background: none; color: #5e5a55; padding: 0; cursor: pointer; font-family: inherit; } .catalog-filter.is-active { color: #1d1b18; } .catalog-filter:hover, .catalog-card:hover .catalog-card-more, .catalog-trade>a:hover { text-decoration: underline; text-underline-offset: 4px; } .catalog-page a:focus-visible, .catalog-page button:focus-visible, .catalog-page select:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; } .catalog-controls { height: 74px; margin: 0 var(--gutter); border-block: 1px solid #d9d6d1; display: flex; align-items: center; justify-content: space-between; gap: 20px; } .catalog-select-label { display: flex; align-items: center; gap: .5ch; font-family: "JetBrains Mono",monospace; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: .03em; } .catalog-sort { color: #5e5a55; } .catalog-select-label select { appearance: none; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; cursor: pointer; padding: 0; } .catalog-mobile-count { display: none; color: #5e5a55; font-size: 10px; letter-spacing: .04em; font-weight: 500; line-height: 1.4; } .catalog-grid { padding: 40px var(--gutter) 64px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; } .catalog-card { min-width: 0; display: flex; flex-direction: column; gap: 10px; } .catalog-photo { background: #f5f3ef; color: #5e5a55; height: auto; aspect-ratio: 1 / 1; padding: 16px; display: flex; flex-direction: column; justify-content: space-between; } .catalog-photo:has(img) { padding: 0; overflow: hidden; } .catalog-photo img { display: block; width: 100%; height: 100%; object-fit: contain; } .catalog-card-meta { height: 26px; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .catalog-card-meta h2 { font-size: 15px; font-weight: 400; line-height: 1.55; } .catalog-card-meta>span { color: #5e5a55; } .catalog-empty { grid-column: 1/-1; } .catalog-trade { min-height: 360px; padding: 56px var(--gutter); background: #26221e; color: #fff; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .catalog-trade .catalog-kicker { color: inherit; } .catalog-trade h2 { font-size: 40px; line-height: 1.1; letter-spacing: -.013em; font-weight: 500; } .catalog-trade>p:not(.catalog-kicker) { max-width: 720px; } .catalog-trade-mobile { display: none; } .catalog-page .podhozhu-footer.footer { border: 0; min-height: 170px; padding: 40px var(--gutter); flex-direction: row; gap: 32px; } .catalog-page .podhozhu-footer__details { font-size: 10.5px; font-weight: 500; letter-spacing: .04em; line-height: 1.4; text-transform: uppercase; color: #5e5a55; } .catalog-page .podhozhu-footer__details p:last-child { display: none; } .catalog-page .podhozhu-footer__separator { padding: 0 .7ch; } @media (min-width:1600px) { .catalog-page { --gutter: 80px; } .catalog-intro h1 { font-size: 72px; } .catalog-kicker, .catalog-filter, .catalog-card-more, .catalog-card-meta>span, .catalog-photo, .catalog-trade>a, .catalog-page .podhozhu-footer__details { font-size: 11px; } .catalog-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } } @media (max-width:1199px) { .catalog-intro h1 { font-size: 54px; line-height: 1.06; letter-spacing: -.018em; } .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .catalog-page .podhozhu-header__toggle { display: block; font-size: 10.5px; } .catalog-page .podhozhu-header__nav { display: none; position: fixed; inset: 80px 0 0; padding: 24px var(--gutter); background: #fff; align-items: stretch; flex-direction: column; gap: 0; overflow: auto; } .catalog-page .podhozhu-header.is-open .podhozhu-header__nav { display: flex; } .catalog-page .podhozhu-header.is-open .podhozhu-header__link { padding: 18px 0; font-size: 16px; } } @media (max-width:900px) { .catalog-page { --gutter: 32px; } .catalog-intro { gap: 22px; } .catalog-intro h1 { font-size: 44px; line-height: 1.08; letter-spacing: -.015em; } .catalog-kicker, .catalog-filter, .catalog-card-more, .catalog-card-meta>span, .catalog-photo, .catalog-trade>a, .catalog-page .podhozhu-footer__details { font-size: 10px; } .catalog-categories { flex-direction: column; align-items: flex-start; gap: 22px; } .catalog-category-row { gap: 0; } .catalog-category-row .catalog-filter:not(:last-child)::after { content: " / "; white-space: pre; } .catalog-page .podhozhu-header__toggle { font-size: 10px; } } @media (max-width:600px) { .catalog-page { --gutter: 18px; } .catalog-intro { gap: 20px; } .catalog-intro h1 { font-size: 36px; letter-spacing: -.013em; } .catalog-grid { grid-template-columns: minmax(0,1fr); gap: 24px; } .catalog-sort { display: none; } .catalog-mobile-count { display: block; } .catalog-select-label { font-size: 9.5px; } .catalog-trade h2 { font-size: 36px; line-height: 1.08; } .catalog-trade-desktop { display: none; } .catalog-trade-mobile { display: inline; } .catalog-page .podhozhu-footer.footer { flex-direction: column; gap: 18px; min-height: 220px; } } @media (max-width:600px) { .catalog-page .podhozhu-footer.footer { justify-content: flex-start; } .catalog-categories { gap: 20px; } } @media (max-width:1199px) { .catalog-categories { width: 100%; max-width: 100%; min-width: 0; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 20px; } .catalog-category-row { display: contents; } .catalog-category-row .catalog-filter { flex: 0 0 auto; width: max-content; max-width: 100%; white-space: normal; overflow-wrap: anywhere; } .catalog-category-row .catalog-filter:not(:last-child)::after { content: none; } } .catalog-card-meta { height: auto; min-height: 26px; } .catalog-card-meta h2 { min-width: 0; flex: 1; } .catalog-card-meta .catalog-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; width: 100%; } .catalog-card__name { flex: 1; min-width: 0; order: 1; } .catalog-card__name::first-letter { text-transform: uppercase; } .catalog-card-meta > span, .catalog-card__details { max-width: 55%; min-width: 0; flex: 0 1 auto; text-align: right; overflow-wrap: anywhere; text-transform: uppercase; } .catalog-card__details { order: 3; color: #5e5a55; font-size: 10.5px; font-weight: 500; letter-spacing: .04em; line-height: 1.4; } .catalog-card-meta .catalog-card__heading--bar { flex-wrap: wrap; justify-content: flex-start; gap: 0 .6em; width: auto; } .catalog-card__type { order: 1; } .catalog-card__modifier { order: 2; } .catalog-card__model { order: 3; min-width: 0; } .catalog-card-meta .catalog-card__heading--size { display: grid; grid-template-columns: minmax(0, max-content) max-content minmax(0, 1fr); gap: 0 .6em; } .catalog-card__heading--size .catalog-card__name { grid-column: 1; grid-row: 1; } .catalog-card__size { grid-column: 2; grid-row: 1; } .catalog-card__heading--size .catalog-card__details { grid-column: 3; grid-row: 1; max-width: none; margin-left: 6px; } @media (max-width: 600px) { .catalog-card__details { font-size: 10px; } }
.catalog-feature-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 28px; width: 100%; padding: 14px 0; font: 400 11px/1.4 "IBM Plex Mono",monospace; color: #5e5a55; letter-spacing: .3px; } .catalog-feature-label { display: flex; align-items: center; flex: 0 1 auto; min-width: 0; max-width: 100%; gap: 6px; text-transform: uppercase; } .catalog-feature-label>span:first-child { flex: none; white-space: nowrap; } .catalog-feature-label>span:first-child::after { content: ":"; } .catalog-feature-value { position: relative; display: block; min-width: 0; max-width: 100%; } .catalog-feature-value::after { content: "↓"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; font-size: 12px; line-height: 1; } .catalog-feature-label select { appearance: none; box-sizing: border-box; display: block; field-sizing: content; width: auto; max-width: 100%; min-height: 44px; padding: 0 18px 0 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-transform: uppercase; cursor: pointer; } .catalog-feature-label select:disabled { cursor: default; } .catalog-feature-label:has(select:disabled) { opacity: .5; } .catalog-feature-sort { margin-left: auto; } .catalog-feature-actions { display: flex; align-items: center; gap: 20px; min-height: 40px; font-size: 11px; line-height: 1.4; } .catalog-feature-actions button { min-height: 40px; border: 1px solid #26221e; border-radius: 0; padding: 10px 16px; background: #26221e; color: #fff; font: inherit; cursor: pointer; } .catalog-feature-actions a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .catalog-feature-filters :is(select,button,a):focus-visible { outline: 2px solid #5e5a55; outline-offset: 3px; } .catalog-page .catalog-controls { height: auto; min-height: 74px; } .catalog-page a.catalog-filter { display: inline-block; text-decoration: none; } .interior-page .chairs-ae0783a7 { height: auto; } .catalog-filter-empty { grid-column: 1/-1; max-width: 100%; padding: 32px 0; font: 400 14px/1.6 "IBM Plex Mono",monospace; color: #5e5a55; } @media (max-width:600px) { .catalog-feature-filters { gap: 0 20px; padding: 12px 0; } .catalog-feature-label { flex-basis: auto; } .catalog-feature-sort { margin-left: 0; } .catalog-feature-actions { width: 100%; justify-content: space-between; } .interior-page .chairs-ae0783a7 { padding-left: 20px; padding-right: 20px; } .catalog-feature-actions button { min-height: 44px; } } .catalog-feature-range { display: flex; align-items: center; gap: 6px; } .catalog-feature-range input { box-sizing: border-box; width: 6em; min-height: 44px; padding: 0 4px; border: 0; border-bottom: 1px solid #b9b5ae; border-radius: 0; background: transparent; color: inherit; font: inherit; } .catalog-feature-range input:focus-visible { outline: 2px solid #5e5a55; outline-offset: 3px; }
.podhozhu-breadcrumbs { min-width: 0; max-width: 100%; color: #5e5a55; font: 500 10.5px/1.5 "IBM Plex Mono",monospace; letter-spacing: .04em; text-transform: uppercase; } .podhozhu-breadcrumbs ol { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; margin: 0; padding: 0; list-style: none; } .podhozhu-breadcrumbs li { display: inline-flex; align-items: baseline; gap: 9px; min-width: 0; max-width: 100%; overflow-wrap: anywhere; } .podhozhu-breadcrumbs a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .podhozhu-breadcrumbs a:hover { color: #1d1b18; } .podhozhu-breadcrumbs a:focus-visible { outline: 2px solid #5e5a55; outline-offset: 4px; } .podhozhu-breadcrumbs__separator { flex: none; color: #918a80; } .podhozhu-breadcrumbs [aria-current=page] { min-width: 0; } .catalog-intro-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 22px; } .content-page>.podhozhu-breadcrumbs { margin-bottom: 24px; } @media (max-width:600px) { .podhozhu-breadcrumbs { font-size: 10px; } }
.catalog-faq { padding: 36px var(--gutter) 44px; color: #1d1b18; background: #fff; } .catalog-faq h2 { margin: 0 0 22px; font-size: 26px; font-weight: 500; line-height: 1.25; } .catalog-faq__list { border-top: 1px solid #d9d6d1; } .catalog-faq__item { border-bottom: 1px solid #d9d6d1; } .catalog-faq__question { position: relative; display: block; padding: 17px 40px 17px 0; list-style: none; cursor: pointer; font-size: 15px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; } .catalog-faq__question::-webkit-details-marker { display: none; } .catalog-faq__question::after { content: '+'; position: absolute; right: 4px; top: 14px; font-size: 24px; line-height: 1; } .catalog-faq__item[open] > .catalog-faq__question::after { content: '\2212'; } .catalog-faq__question:hover { color: #5e5a55; } .catalog-faq__question:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .catalog-faq__answer { max-width: 880px; padding: 0 40px 20px 0; color: #5e5a55; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; } @media (max-width: 600px) { .catalog-faq { padding-top: 26px; padding-bottom: 30px; } .catalog-faq h2 { font-size: 22px; margin-bottom: 18px; } .catalog-faq__question { font-size: 14px; padding-top: 15px; padding-bottom: 15px; } .catalog-faq__answer { padding-right: 8px; font-size: 13px; } }