@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Roboto:wght@400;500;700&family=Space+Grotesk:wght@700&family=Space+Mono&display=swap");.header{height:100vh;background-image:url(header-bg-mobile.15d40e85.png);background-repeat:no-repeat;background-size:cover;background-position:50%;margin-bottom:64px}@media screen and (min-width:600px){.header{background-image:url(header-bg-tab-desk.1481c902.png);margin-bottom:120px}}.header__top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 0}@media screen and (min-width:600px){.header__top{padding:32px 0}}.header__top-logo-link-img{display:block;width:125px;height:16px}@media screen and (min-width:600px){.header__top-logo-link-img{width:172px;height:24px}}.header__top-links{display:flex;align-items:baseline;gap:24px}@media screen and (min-width:600px){.header__top-links{gap:32px}}.header__top-links a{width:24px;height:24px;background-repeat:no-repeat;background-size:cover;background-position:50%}@media screen and (min-width:600px){.header__top-links a{width:32px;height:32px}}.header__top-links-phone{background-image:url(icon-phone-call.df43836f.svg);position:relative}@media screen and (min-width:1020px){.header__top-links-phone:hover:before{width:180px;display:inline-block;content:"+1 234 555-55-55";font-size:12px;line-height:32px;font-family:Inter,sans-serif;color:#292929;font-weight:700;letter-spacing:2px;text-transform:uppercase;position:absolute;right:0}}.header__top-links-menu{background-image:url(icon-burger-menu.89bb011f.svg)}.header__top-links-menu:hover{background-image:url(icon-burger-menu-hover.40b8fb9f.svg)}.header__bottom{position:absolute;bottom:40px;margin:0;font-size:36px;font-family:Space Grotesk,sans-serif;font-weight:700}@media screen and (min-width:600px){.header__bottom{bottom:65px;font-size:48px}}@media screen and (min-width:1020px){.header__bottom{bottom:64px;font-size:56px}}.content-wrapper{margin:auto;padding:0 20px}@media screen and (min-width:600px){.content-wrapper{max-width:600px}}@media screen and (min-width:1020px){.content-wrapper{max-width:1020px}}.button{box-sizing:border-box;text-decoration:none;color:#fff;padding:20px 48px;text-align:center;font-weight:700;width:100%;border:2px solid #292929;border-radius:8px;background-color:#292929;transition:background-color .25s linear,color .25s linear}.button:hover{border-color:#f0f1f4;background-color:#f8f8fa;color:#292929}.button:active{color:#fff;background-color:#111}.page:has(.aside-menu:target){overflow:hidden}.aside-menu{position:fixed;top:0;left:0;right:0;height:0;background-color:#e5e6e8;opacity:0;pointer-events:none;overflow:auto;transition:opacity .25s linear,height .25s linear}.aside-menu:target{opacity:1;pointer-events:all;height:100vh}.aside-menu__top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px 0;position:sticky;top:0;z-index:1}@media screen and (min-width:600px){.aside-menu__top{padding:32px 0}}.aside-menu__top-logo-link-img{display:block;width:125px;height:16px}@media screen and (min-width:600px){.aside-menu__top-logo-link-img{width:172px;height:24px}}.aside-menu__top-close{background-image:url(icon-close.ac7f43a3.svg);background-repeat:no-repeat;background-size:cover;background-position:50%;width:24px;height:24px}@media screen and (min-width:600px){.aside-menu__top-close{width:32px;height:32px}}.aside-menu__list{list-style:none;padding:0}.aside-menu__list-item{margin-top:32px;width:fit-content;transition:transform .25s linear}.aside-menu__list-item:hover{transform:scale(1.05)}.aside-menu__list-item-link{text-decoration:none;color:#292929;font-size:22px;font-family:Space Grotesk,sans-serif;font-weight:700}.aside-menu__list-item-link:after{content:"";display:block;height:1px;transform:scaleX(0);transition:transform .25s linear}.aside-menu__list-item-link:hover{color:#111}.aside-menu__list-item-link:hover:after{background-color:#111;transform:scaleX(1)}.aside-menu__tel{margin-top:48px}.aside-menu__tel-links{display:block;text-decoration:none;color:#292929;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:transform .25s linear}.aside-menu__tel-links:hover{transform:scale(1.01);color:#111}.aside-menu__tel-link{margin-top:16px;width:fit-content}.aside-menu__tel-link:after{content:"";display:block;height:1px;background-color:#292929}.recommended{--column:2;display:grid;column-gap:20px;row-gap:40px;grid-template-columns:repeat(var(--column),1fr);margin-bottom:96px}@media screen and (min-width:600px){.recommended{--column:6;column-gap:24px;row-gap:56px}}@media screen and (min-width:1020px){.recommended{--column:12}}@media screen and (min-width:600px){.recommended{margin-bottom:120px}}.recommended__header{margin:0;color:#292929;font-size:32px;font-family:Space Grotesk,sans-serif;font-weight:700;grid-column:1/-1}@media screen and (min-width:600px){.recommended__header{font-size:40px}}@media screen and (min-width:1020px){.recommended__header{font-size:48px}}.recommended__card{grid-column:1/-1;display:flex;flex-direction:column;text-decoration:none;color:#292929;transition:transform .25s linear}@media screen and (min-width:1020px){.recommended__card{grid-column:span 4}}.recommended__card:hover{transform:scale(1.02)}.recommended__card-img{width:100%}.recommended__card-title{margin-top:24px;font-size:18px;font-family:Space Grotesk,sans-serif;font-weight:700}.recommended__card-description{margin-top:8px;line-height:140%}.recommended__card-price{padding-top:12px;font-family:Space Grotesk,sans-serif;font-weight:700}@media screen and (min-width:1020px){.recommended__card-price{margin-top:auto}}.products{--column:2;display:grid;column-gap:20px;row-gap:40px;grid-template-columns:repeat(var(--column),1fr);margin-bottom:96px}@media screen and (min-width:600px){.products{--column:6;column-gap:24px;row-gap:56px}}@media screen and (min-width:1020px){.products{--column:12}}@media screen and (min-width:600px){.products{margin-bottom:120px}}.products__header{margin:0;color:#292929;font-size:32px;font-family:Space Grotesk,sans-serif;font-weight:700;grid-column:1/-1}@media screen and (min-width:600px){.products__header{font-size:40px}}@media screen and (min-width:1020px){.products__header{font-size:48px}}.products__image{border-radius:4px;grid-column:span 1;transition:transform .25s linear}@media screen and (min-width:600px){.products__image--tab-rect{grid-column:span 4}.products__image--tab-square{grid-column:span 2}}@media screen and (min-width:1020px){.products__image--tab-rect{grid-column:span 8}.products__image--tab-square{grid-column:span 4}}.products__image:hover{transform:scale(1.02)}.products__image img{border-radius:4px;width:100%;height:100%;object-fit:cover}.products__list-link{text-decoration:none;color:#292929;font-size:18px;font-family:Space Grotesk,sans-serif;font-weight:700;width:fit-content;margin-top:-24px;grid-column:1/-1}@media screen and (min-width:600px){.products__list-link{font-size:24px;margin-top:-40px}}.products__list-link:after{content:"";display:block;height:1px;transform:scaleX(0);transition:transform .25s ease}.products__list-link:hover:after{background-color:#292929;transform:scale(1)}.products__link-to-list{grid-column:1/-1}@media screen and (min-width:1020px){.products__link-to-list{grid-column:span 4}}.page-separator{background-image:url(mech-mobile.cb32f6d0.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:200px;margin-bottom:48px}@media screen and (min-width:600px){.page-separator{background-image:url(mech-tab-desk.de83b0bf.png);height:400px;margin-bottom:56px}}@media screen and (min-width:1020px){.page-separator{height:460px}}.about{--column:2;display:grid;column-gap:20px;row-gap:40px;grid-template-columns:repeat(var(--column),1fr);margin-bottom:96px}@media screen and (min-width:600px){.about{--column:6;column-gap:24px;row-gap:56px}}@media screen and (min-width:1020px){.about{--column:12}}@media screen and (min-width:600px){.about{margin-bottom:120px}}.about__header{margin:0;color:#292929;font-size:32px;font-family:Space Grotesk,sans-serif;font-weight:700;grid-column:1/-1}@media screen and (min-width:600px){.about__header{font-size:40px}}@media screen and (min-width:1020px){.about__header{font-size:48px}}@media screen and (min-width:600px){.about__header{grid-column:span 3}}@media screen and (min-width:1020px){.about__header{grid-column:span 6}}.about__info{grid-column:1/-1}@media screen and (min-width:600px){.about__info{grid-column:span 3}}@media screen and (min-width:1020px){.about__info{grid-column:span 6}}.about__info-separator{display:block;margin-top:16px}.contact-us{--column:2;display:grid;column-gap:20px;row-gap:40px;grid-template-columns:repeat(var(--column),1fr);margin-bottom:96px}@media screen and (min-width:600px){.contact-us{--column:6;column-gap:24px;row-gap:56px}}@media screen and (min-width:1020px){.contact-us{--column:12}}@media screen and (min-width:600px){.contact-us{margin-bottom:120px}}.contact-us__header{margin:0;color:#292929;font-size:32px;font-family:Space Grotesk,sans-serif;font-weight:700;grid-column:1/-1}@media screen and (min-width:600px){.contact-us__header{font-size:40px}}@media screen and (min-width:1020px){.contact-us__header{font-size:48px}}.contact-us__contact-form{grid-column:1/-1}@media screen and (min-width:1020px){.contact-us__contact-form{grid-column:span 6}}.contact-us__contact{grid-column:1/-1;margin-top:8px}@media screen and (min-width:600px){.contact-us__contact{margin-top:24px}}@media screen and (min-width:1020px){.contact-us__contact{grid-column:span 6;margin-top:0}}.contact-us__contact-title{color:#9393a3;font-size:14px;font-family:Space Grotesk,sans-serif;margin-bottom:8px}.contact-us__contact-title:not(:first-child){margin-top:24px}.contact-us__contact-info{color:#191919;text-decoration:none}.contact-us__contact-info:hover{color:#6e6e6e}.form__field{box-sizing:border-box;width:100%;border-radius:8px;border:1px solid #f8f8fa;background:#f8f8fa;color:#292929;font-size:14px;font-family:Space Mono,monospace;padding:16px 14px}.form__field--textarea{height:120px;resize:none}.form__field:not(:first-child){margin-top:16px}.form__field::placeholder{color:#7e7e83;font-size:14px}.form__field:hover{border-color:#d5d7de}.form__field:focus{border-color:#292929}.form__btn{margin-top:32px}:root{background-color:#fff;color:#292929;font-family:Space Mono,monospace;font-size:16px}*{margin:0}
/*# sourceMappingURL=main.a87473b4.css.map */