@font-face{font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;src:url(Roboto-Regular-webfont.1b7be813.woff) format("woff")}.page{scroll-behavior:smooth;overflow-x:hidden;font-family:Inter,sans-serif;font-size:16px;line-height:150%;letter-spacing:-.01em;background:#ffeefc}.page__body{min-width:320px;margin:0}.page__menu{pointer-events:none;position:fixed;top:0;right:0;left:0;transform:translateX(-100%);opacity:0;transition:all .3s}.page__menu:target{pointer-events:all;transform:translateX(0);opacity:1}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px}.top-bar__logo{height:32px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.1)}@media (min-width:1024px){.top-bar{padding:28px 32px}}.header{position:relative;box-sizing:border-box;min-height:100dvh;margin:0 auto}@media (min-width:576px){.header{position:relative}}.header__content{display:flex;flex-direction:column;align-items:center}@media (min-width:1024px){.header__content{align-items:start}}.header__about{width:288px;margin:32px auto;line-height:150%;text-align:center;letter-spacing:-.16px}@media (min-width:576px){.header__about{width:280px;margin:80px 0 16px;text-align:left}}@media (min-width:1024px){.header__about{position:absolute;width:260px;margin:135px 0 8px}}@media (min-width:1200px){.header__about{width:280px;margin:144px 0 40px}}.header__title{margin:0;font-size:64px;font-weight:400;font-style:normal;line-height:85%;color:#f9512e;text-align:center;text-transform:uppercase;letter-spacing:-.05em}@media (min-width:576px){.header__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;white-space:nowrap}}@media (min-width:1024px){.header__title{font-size:124px}}@media (min-width:1200px){.header__title{font-size:144px}}.header__img{display:block;max-width:100%}.header__button{cursor:pointer;position:relative;display:flex;gap:4px;align-items:center;justify-content:center;width:288px;margin-bottom:40px;border:2px solid #f9512e;border-radius:32px;text-decoration:none}.header__button--text{padding:20px 0;font-weight:500;line-height:100%;color:#f9512e;text-decoration:none;text-transform:uppercase;letter-spacing:.02em}.header__button:hover{background-color:#f9512e;transition:.3s}.header__button:hover .header__button--text{color:#fff}.header__button:hover .icon--button{background-image:url(Icon-cookie-white.f235c882.png)}@media (min-width:576px){.header__button{margin:80px 0 228px}}@media (min-width:1024px){.header__button{width:260px;margin-top:-150px}}@media (min-width:1200px){.header__button{width:280px}}.header__img-container{position:relative;max-width:288px;margin:0 auto}@media (min-width:576px){.header__img-container{max-width:326px}}@media (min-width:1024px){.header__img-container{max-width:544px}}@media (min-width:1200px){.header__img-container{max-width:584px}}.icon{display:block;width:24px;height:24px;background-position:50%;background-size:cover;transition:transform .3s}.icon:hover{transform:scale(1.2)}.icon--menu{background-image:url(Icon-menu.2e4b101d.svg)}.icon--button{background-image:url(Icon-cookie.7f5ea6cc.svg)}.icon--close{background-image:url(Icon-close.c1dcfc82.png)}.icon--phone{background-image:url(Icon-phone.ab9fdf2d.png)}.icon--product{background-image:url(Icon-arrow.62837836.png)}.icon--facebook{background-image:url(Icon-facebook.264ba0d9.png)}.icon--instagram{background-image:url(Icon-instagram.9c6af9c5.png)}.icon--twitter{background-image:url(Icon-twitter.b5a425e6.png)}@media (min-width:1024px){.icon--close,.icon--menu{display:none}}.menu{flex-direction:column;height:100dvh;background-color:#ffeefc}.menu,.nav{display:flex}.nav{flex-grow:1;align-items:center;justify-content:center}.nav__list{display:flex;flex-direction:column;gap:24px;margin:0;padding:0;list-style:none}@media (min-width:1024px){.nav__list{flex-direction:row;gap:64px}}@media (min-width:1024px){.nav{justify-content:end}}.nav__item--contact{display:flex;gap:4px;align-items:center}.nav__link{position:relative;line-height:150%;color:#1c1a26;text-decoration:none}.nav__link:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:#f9512e;transition:all .3s ease-out}.nav__link:hover:after{width:100%}.nav__link--contact{font-weight:500;color:#f9512e;text-transform:uppercase;letter-spacing:.02em}.nav--mobile{overflow-y:hidden;height:100dvh}.nav--desktop{display:none}@media (min-width:1024px){.nav--desktop{display:flex}}.nav--footer{display:block}.nav--footer .nav__list{flex-direction:column;gap:16px}.nav--footer .nav__link{color:#fff}.section-title{margin:0;font-size:48px;font-weight:400;line-height:85%;color:#f9512e;text-transform:uppercase;letter-spacing:-.05em}@media (min-width:576px){.section-title{font-size:56px}}@media (min-width:1024px){.section-title{font-size:72px}}.container{margin-inline:auto;padding-inline:16px}@media (min-width:576px){.container{padding-inline:44px}}@media (min-width:1200px){.container{padding-inline:124px}}.products{margin-top:64px}.products__about{margin:24px 0 56px}@media (min-width:576px){.products{margin:0 0 80px}}.products__cards{--columns:2;display:grid;grid-template-columns:repeat(var(--columns),1fr);row-gap:32px;row-gap:56px;justify-items:center}@media (min-width:576px){.products__cards{--columns:8;gap:80px 24px}}.product{grid-column:1/-1}@media (min-width:576px){.product{grid-column:span 4}}@media (min-width:1024px){.product{grid-column:span 3}.product:nth-child(3){grid-column:3/span 3}}.product__photo{cursor:pointer;width:100%;height:356px;border-radius:8px;transition:scale .3s}@media (min-width:576px){.product__photo{height:424px}}@media (min-width:1024px){.product__photo{height:512px}}@media (min-width:1200px){.product__photo{height:560px}}.product__photo:hover{scale:1.05}.product__title{margin:16px 0 8px;font-weight:500;line-height:100%;color:#7f8096;text-transform:uppercase;letter-spacing:.02em}.product__about{margin:0}.product__button{cursor:pointer;display:flex;gap:4px;align-items:center;width:84px;height:32px;margin:16px 0 0;text-decoration:none;transition:transform .3s}.product__button:hover{transform:scale(1.2)}.product__button:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:#f9512e;transition:all .3s ease-out}.product__button:hover:after{width:100%}.product__button--text{margin:0;font-size:16px;font-weight:500;line-height:100%;color:#f9512e;text-transform:uppercase;letter-spacing:.02em}.about{position:relative;margin:72px 0}@media (min-width:576px){.about{margin:152px 0}}@media (min-width:1024px){.about{margin:178px 0 350px}}@media (min-width:576px){.about__content:before{content:"";position:absolute;z-index:-1;top:50px;left:121px;width:526px;height:493px;background-image:url(Crumbs.6cf94918.png);background-repeat:no-repeat;background-position:50%;background-size:contain}}@media (min-width:1024px){.about__content:before{top:0;left:326px;width:718px;height:673px}}@media (min-width:1200px){.about__content:before{top:5px;left:345px}}.about__info{margin-bottom:64px;--columns:2;display:grid;grid-template-columns:repeat(var(--columns),1fr);row-gap:32px}@media (min-width:576px){.about__info{--columns:8;gap:80px 24px;margin-bottom:72px}}@media (min-width:1024px){.about__info{margin-bottom:144px}}.about__text,.about__title{grid-column:span 4}.about__text{margin:0}.stats{margin:0 -16px;padding:0 16px;background-image:url(Crumbs.6cf94918.png);background-repeat:no-repeat;background-position:50%;background-size:contain;--columns:2;display:grid;grid-template-columns:repeat(var(--columns),1fr);row-gap:32px}@media (min-width:576px){.stats{background:none;--columns:8;gap:80px 24px}}.stats__item{grid-column:1/-1}@media (min-width:576px){.stats__item{grid-column:span 4}}@media (min-width:1024px){.stats__item{grid-column:span 2}}.stats__number{margin:0 0 8px;font-size:96px;line-height:85%;color:#f9512e;text-transform:uppercase;letter-spacing:-.05em}.stats__label{margin:0}.footer{padding:56px 0;background:#1c1a26}@media (min-width:576px){.footer{padding:88px 0}}.footer__content{--columns:2;display:grid;grid-template-columns:repeat(var(--columns),1fr);row-gap:32px;align-items:center}@media (min-width:576px){.footer__content{--columns:8;gap:80px 24px}}.footer__logo{display:block;width:fit-content;height:40px;transition:transform .3s}.footer__logo:hover{transform:scale(1.1)}.footer__menu{grid-column:1/-1;margin-bottom:56px}@media (min-width:576px){.footer__menu{grid-column:span 4}}.footer__contacts{grid-column:1/-1}@media (min-width:576px){.footer__contacts{grid-column:span 3}}@media (min-width:1024px){.footer__contacts{grid-column:span 4}}.footer__social{grid-column:1/-1}@media (min-width:576px){.footer__social{grid-column:span 4}}.footer__signature{grid-column:1/-1;margin:0;line-height:150%;color:#7f8096;letter-spacing:-.01em}@media (min-width:576px){.footer__signature{grid-column:span 4}}.footer__title{color:#fff}.footer__subtitle{margin:40px 0 16px;font-weight:500;line-height:100%;color:#7f8096;text-transform:uppercase;letter-spacing:-.02em}.contacts__list{display:grid;row-gap:16px;margin:0;padding:0;list-style:none}.contacts__link{position:relative;color:#fff;text-decoration:none}.contacts__link:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:#f9512e;transition:all .3s ease-out}.contacts__link:hover:after{width:100%}.social__list{display:flex;gap:32px;margin:40px 0;padding:0;list-style:none}
/*# sourceMappingURL=main.f3e2668a.css.map */