/* 4b767cb01c222c4a */
.podhozhu-header.site-header { position: relative; inset: auto; z-index: 1000; display: block; width: 100%; padding: 0; gap: normal; pointer-events: auto; background: #fff; color: #1d1b17; font-family: "IBM Plex Mono", monospace; font-weight: 500; } .podhozhu-header, .podhozhu-header * { box-sizing: border-box; } .podhozhu-header__inner { height: 88px; margin: 0; padding: 24px 40px; display: flex; align-items: center; justify-content: space-between; gap: 32px; } .podhozhu-header__logo { display: block; flex: 0 0 auto; line-height: 0; } .podhozhu-header__logo img { display: block; max-width: none; } .podhozhu-header__logo .podhozhu-header__logo-laptop, .podhozhu-header__logo .podhozhu-header__logo-tablet, .podhozhu-header__logo .podhozhu-header__logo-mobile { display: none; } .podhozhu-header__nav { display: flex; align-items: center; gap: 26px; } .podhozhu-header__link, .podhozhu-header__toggle { color: inherit; font-family: inherit; font-weight: 500; font-size: 10.5px; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; white-space: nowrap; } .podhozhu-header__link:hover { text-decoration: underline; text-underline-offset: 4px; } .podhozhu-header__link:focus-visible, .podhozhu-header__logo:focus-visible, .podhozhu-header__toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; } .podhozhu-header__toggle { display: none; border: 0; background: none; padding: 12px 0 12px 12px; margin: 0; cursor: pointer; min-height: 44px; font-size: 10px; } @media (min-width: 1600px) { .podhozhu-header__inner { padding-right: 80px; padding-left: 80px; } .podhozhu-header__link { font-size: 11px; } } @media (min-width: 901px) and (max-width: 1199px) { .podhozhu-header__logo .podhozhu-header__logo-desktop { display: none; } .podhozhu-header__logo .podhozhu-header__logo-laptop { display: block; } } @media (max-width: 900px) { .podhozhu-header__inner { padding: 24px 32px; } .podhozhu-header__logo .podhozhu-header__logo-desktop { display: none; } .podhozhu-header__logo .podhozhu-header__logo-tablet { display: block; } .podhozhu-header__toggle { display: block; } .podhozhu-header__nav { display: none; position: fixed; inset: 88px 0 0; overflow-y: auto; background: #fff; color: #1d1b17; padding: 24px 32px 40px; align-items: stretch; flex-direction: column; gap: 0; } .podhozhu-header.is-open { position: sticky; top: 0; } .podhozhu-header.is-open .podhozhu-header__nav { display: flex; } .podhozhu-header.is-open .podhozhu-header__link { padding: 18px 0; font-size: 16px; } body.podhozhu-menu-open { overflow: hidden; } } @media (max-width: 600px) { .podhozhu-header__inner { height: 72px; padding: 20px 18px; } .podhozhu-header__logo .podhozhu-header__logo-tablet { display: none; } .podhozhu-header__logo .podhozhu-header__logo-mobile { display: block; } .podhozhu-header__nav { top: 72px; padding: 20px 18px 36px; } } body:is(.podhozhu-page, .interior-page, .catalog-page) { box-sizing: border-box; width: 100%; max-width: 1920px; margin-inline: auto; } :is(.podhozhu-page, .interior-page) :is([data-block="Trade CTA"], .home-trade) { box-shadow: 0 0 0 100vmax #26221e; clip-path: inset(0 -100vmax); } :is(.podhozhu-page, .interior-page) .home-trade { box-shadow: 0 0 0 100vmax #29251f; }
.podhozhu-header__links { display: flex; align-items: center; gap: inherit; } .podhozhu-header__index,.podhozhu-header__link--mobile,.podhozhu-header__menu-bottom { display: none; } @media (max-width:1199px) { .podhozhu-header.site-header.is-open { --menu-gutter: 32px; position: fixed; inset: 0 0 auto; height: 76px; background: #fff; color: #1d1b18; } .podhozhu-header.site-header.is-open .podhozhu-header__inner { height: 76px; padding: 20px var(--menu-gutter); } .podhozhu-header.site-header.is-open::after { content: ""; position: absolute; top: 76px; left: 0; display: block; width: calc(100% - 2 * var(--menu-gutter)); height: 1px; margin: 0; background: #d9d6d1; } .podhozhu-header.site-header.is-open .podhozhu-header__logo img { display: none; } .podhozhu-header.site-header.is-open .podhozhu-header__logo .podhozhu-header__logo-tablet { display: block; } .podhozhu-header.site-header.is-open .podhozhu-header__toggle { display: flex; align-items: center; justify-content: flex-end; min-width: 44px; min-height: 44px; padding: 0; font-size: 18px; line-height: 1.32; letter-spacing: 0; color: #1d1b18; } .podhozhu-header.site-header.is-open .podhozhu-header__nav { display: flex; position: fixed; inset: 77px 0 0; overflow-y: auto; overscroll-behavior: contain; align-items: stretch; flex-direction: column; gap: 0; padding: 0; background: #fff; color: #1d1b18; } html.u-eip .podhozhu-header.site-header.is-open .podhozhu-header__nav { top: 115px; } .podhozhu-header.site-header.is-open .podhozhu-header__links { display: flex; flex-shrink: 0; flex-direction: column; align-items: stretch; gap: 22px; padding: 44px var(--menu-gutter) 32px; } .podhozhu-header.site-header.is-open .podhozhu-header__link { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; gap: 16px; height: 42px; min-height: 42px; padding: 0; font-size: 32px; line-height: 1.14; letter-spacing: -.288px; } .podhozhu-header.site-header.is-open .podhozhu-header__index { display: block; font-size: 10px; line-height: 1.4; letter-spacing: .4px; color: #5e5a55; } .podhozhu-header.site-header.is-open .podhozhu-header__menu-bottom { display: flex; flex-shrink: 0; flex-direction: column; gap: 12px; padding: 28px var(--menu-gutter); font-size: 10px; line-height: 1.4; letter-spacing: .4px; text-transform: uppercase; } .podhozhu-header__menu-line { height: 1px; background: #d9d6d1; } .podhozhu-header__menu-bottom p { margin: 0; } .podhozhu-header__socials { display: flex; align-items: center; gap: 3ch; } .podhozhu-header__socials a { color: inherit; text-decoration: none; } .podhozhu-header__socials a:hover { text-decoration: underline; text-underline-offset: 4px; } .podhozhu-header__socials a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } .podhozhu-header__city { color: #5e5a55; } } @media (max-width:600px) { .podhozhu-header.site-header.is-open { --menu-gutter: 18px; } .podhozhu-header.site-header.is-open .podhozhu-header__logo .podhozhu-header__logo-tablet { display: none; } .podhozhu-header.site-header.is-open .podhozhu-header__logo .podhozhu-header__logo-mobile { display: block; } .podhozhu-header.site-header.is-open .podhozhu-header__toggle { font-size: 24px; line-height: 1.2; letter-spacing: -.096px; } .podhozhu-header.site-header.is-open .podhozhu-header__links { gap: 17px; } .podhozhu-header.site-header.is-open .podhozhu-header__link { font-size: 24px; line-height: 1.2; letter-spacing: -.096px; } } .podhozhu-header__catalog { position: relative; } .podhozhu-header__catalog-trigger { display: flex; align-items: center; cursor: pointer; list-style: none; } .podhozhu-header__catalog-trigger::-webkit-details-marker { display: none; } .podhozhu-header__catalog-trigger::marker { content: ''; } .podhozhu-header__catalog-trigger .podhozhu-header__link-label { display: inline-flex; align-items: center; gap: 8px; } .podhozhu-header__chevron { width: 5px; height: 5px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-2px) rotate(45deg); } .podhozhu-header__catalog[open] .podhozhu-header__chevron { transform: translateY(1px) rotate(225deg); } .podhozhu-header__catalog-list { position: absolute; top: 100%; left: -18px; z-index: 2; width: 280px; max-height: calc(100vh - 100px); overflow-y: auto; margin: 0; padding: 16px 0; list-style: none; background: #fff; color: #1d1b17; border: 1px solid #e8e6e2; box-shadow: 0 12px 24px rgb(0 0 0 / 9%); } .podhozhu-header__catalog:not([open]) > .podhozhu-header__catalog-list { display: none; } .podhozhu-header__catalog-link { display: block; padding: 10px 18px; color: inherit; font-size: 12px; line-height: 1.45; letter-spacing: .02em; text-decoration: none; text-transform: uppercase; white-space: normal; } .podhozhu-header__catalog-link:hover, .podhozhu-header__catalog-link.is-active, .podhozhu-header__catalog-link[aria-current] { background: #f3f2ee; } .podhozhu-header__catalog-link:focus-visible { outline: 2px solid #1d1b17; outline-offset: -3px; } .podhozhu-header__catalog-all { border-bottom: 1px solid #e8e6e2; margin-bottom: 8px; } @media (max-width: 1199px) { .podhozhu-header.is-open .podhozhu-header__catalog { width: 100%; } .podhozhu-header.is-open .podhozhu-header__catalog-trigger { width: 100%; } .podhozhu-header.is-open .podhozhu-header__catalog-trigger .podhozhu-header__link-label { gap: 12px; } .podhozhu-header.is-open .podhozhu-header__chevron { width: 8px; height: 8px; } .podhozhu-header.is-open .podhozhu-header__catalog-list { position: static; width: 100%; max-height: none; margin-top: 14px; padding: 4px 0 12px; border: 0; box-shadow: none; } .podhozhu-header.is-open .podhozhu-header__catalog-link { min-height: 40px; padding: 11px 12px; font-size: 13px; } }
.podhozhu-footer.footer { box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; min-height: 180px; margin: 0; padding: 44px 40px; border-top: 1px solid #dedbd5; background: #fff; color: #1d1b17; font-family: "IBM Plex Mono", monospace; } .podhozhu-footer__brand { display: block; flex: 0 0 auto; line-height: 0; } .podhozhu-footer__logo { display: block; width: 118px; height: auto; } .podhozhu-footer__details { margin: 0; color: #5c574f; font-size: 15px; font-weight: 400; line-height: 1.55; } .podhozhu-footer__details p { margin: 0; } .podhozhu-footer__links { display: flex; align-items: center; flex-wrap: wrap; gap: 0; margin: 0; font-size: 10.5px; font-weight: 500; line-height: 1.4; letter-spacing: .04em; text-transform: uppercase; } .podhozhu-footer__links a, .podhozhu-footer__links span { color: inherit; text-decoration: none; } .podhozhu-footer__links a:hover { text-decoration: underline; text-underline-offset: 3px; } .podhozhu-footer a:focus-visible { outline: 2px solid #1d1b17; outline-offset: 6px; } .podhozhu-footer__separator { padding: 0 3ch; } @media (min-width: 1600px) { .podhozhu-footer.footer { padding-right: 80px; padding-left: 80px; } .podhozhu-footer__links { font-size: 11px; } } @media (max-width: 1200px) { .podhozhu-footer__logo { width: 110px; } } @media (max-width: 900px) { .podhozhu-footer.footer { flex-direction: column; gap: 20px; padding: 44px 32px; } .podhozhu-footer__logo { width: 104px; } .podhozhu-footer__links { font-size: 10px; } } @media (max-width: 600px) { .podhozhu-footer.footer { padding-right: 18px; padding-left: 18px; } .podhozhu-footer__logo { width: 94px; } }