html{scroll-behavior:smooth}@media(max-width: 1440px){html{scroll-behavior:smooth}}@media(max-width: 768px){html{scroll-behavior:smooth}}@media(max-width: 380px){html{scroll-behavior:smooth}}body{background:#e1d4c9;padding:1.25rem 2.5rem 2.5rem}@media(max-width: 670px){body{padding:1.25rem 1rem 2.5rem 1rem}}.wrapper{overflow:hidden;min-height:100%}.container{max-width:90rem;margin:0 auto}*{transition:.3s}.header-menu__item:hover{border-bottom:.125rem solid #403f3d}.nav__link:hover{border-bottom:.125rem solid #403f3d}.burger-icon:hover{background:#665f55;cursor:pointer}.burger-icon:hover svg{stroke:#e1d4c9}.footer__btn:hover{background:#e1d4c9;border:1px solid #e1d4c9}.footer__btn:hover .footer__btn-img{stroke:#403f3d}.footer__contacts-link:hover{border-bottom:.125rem solid #e1d4c9}.footer__contacts-link:hover .footer__contacts-img{stroke:#e1d4c9}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}*{font-family:"Inter",sans-serif;font-weight:600}.burger-icon{display:none}@media(max-width: 768px){.burger-icon{display:grid;width:2.75rem;height:2.75rem;justify-content:center;padding:.88rem;gap:.5rem;align-items:center;border-radius:6.25rem;border:1px solid #665f55}.burger-icon svg{stroke:#403f3d}.burger-icon_close{padding:.75rem}.burger-icon__svg1,.burger-icon__svg2{transition:.6s}.burger-icon__svg1_close{position:absolute;transform:rotate(135deg)}.burger-icon__svg2_close{position:absolute;transform:rotate(-135deg)}}.burger-content{display:none}@media(max-width: 768px){.burger-content{transition:.8s;position:fixed;right:-100%;padding:60px 40px;top:100px;height:100vh;background:#e1d4c9;width:100vw;font-size:32px;line-height:125%;text-align:center;gap:100px;display:grid;align-content:flex-start;min-height:600px;z-index:1}.burger-content__nav{display:grid;gap:60px}.burger-content__link{color:#403f3d}.burger-content__item{color:#403f3d;display:flex;text-align:center;align-items:center;gap:16px;justify-content:center}.burger-content__item svg{stroke:#403f3d}.burger-content_open{right:0;position:absolute}}.footer{border-radius:2.5rem;background:#665f55;display:flex;gap:6.25rem;padding:6.25rem;align-items:center}@media(max-width: 910px){.footer{padding:6.25rem 3.75rem;flex-wrap:wrap;min-height:46rem}}@media(max-width: 670px){.footer{padding:3.75rem 1rem;min-height:32.875rem;gap:2.5rem}}.footer__offer{width:50%;gap:2.5rem;display:grid}@media(max-width: 910px){.footer__offer{width:100%}}.footer__title{color:#e1d4c9;font-size:3.75rem;line-height:125%}@media(max-width: 670px){.footer__title{font-size:2rem}}.footer__socials{gap:.75rem;display:flex}.footer__btn{border-radius:6.25rem;border:1px solid #c1b6ad;background:rgba(0,0,0,0);width:3.75rem;height:3.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.footer__btn-img{stroke:#e1d4c9}.footer__contacts{width:50%;gap:2.5rem;display:flex;flex-direction:column}@media(max-width: 910px){.footer__contacts{width:100%}}.footer__contacts-title{color:#e1d4c9;font-size:1.5rem;line-height:125%}.footer__contacts-subtitle{gap:1rem;display:grid}.footer__contacts-link{height:1.5rem;color:#e1d4c9;font-size:1rem;line-height:150%;gap:.5rem;display:flex;width:fit-content;border-bottom:.125rem solid rgba(0,0,0,0);padding-bottom:1.6rem;margin-bottom:-0.09rem}.footer .footer__contacts-img{stroke:#e1d4c9}header{gap:1.25rem;display:flex;flex-direction:column}.header-menu{display:flex;align-items:center;justify-content:space-between;line-height:150%}.header-menu__logo{width:6.25rem;height:3.75rem;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:.82rem;padding-top:.4rem}.header-menu__circle{position:absolute;z-index:-1;margin-bottom:1rem}.header-menu__item{display:flex;gap:.5rem;border-bottom:.125rem solid rgba(0,0,0,0);padding-bottom:.1rem}@media(max-width: 768px){.header-menu__item{display:none}}.header-menu__item p{color:#403f3d}@media(max-width: 768px){.nav{display:none}}.nav__list{gap:2.5rem;display:flex}.nav__link{color:#403f3d;border-bottom:.125rem solid rgba(0,0,0,0);padding-bottom:.2rem}.hero{min-height:40.25rem;padding:6.25rem;border-radius:2.5rem;position:relative;overflow:hidden}@media(max-width: 910px){.hero{padding:6.25rem 3.75rem}}@media(max-width: 670px){.hero{padding:3.75rem 1rem;min-height:34.5rem}}.hero__bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.hero__section{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem;max-width:33.125rem;color:#e1d4c9}.hero__title{font-size:4.5rem;line-height:105%}@media(max-width: 670px){.hero__title{font-size:2.625rem;line-height:115%}}.hero__about{font-size:1rem;font-weight:400;line-height:150%}@media(max-width: 670px){.hero__about{letter-spacing:-0.004rem}}.hero__btn{display:flex;width:12.5rem;padding:1.25rem 4.875rem;justify-content:center;border-radius:6.25rem;background:#e1d4c9;color:#403f3d;font-size:1rem;border-color:rgba(0,0,0,0)}@media(max-width: 910px){.hero__btn{gap:.5rem;padding:1.25rem 3.8rem}}.italic{font-style:italic;color:#b0907a}main{padding:6.25rem 0;display:flex;gap:6.25rem;flex-direction:column}.favorite-coffee{display:flex;flex-direction:column;gap:2.5rem;align-items:center;color:#403f3d}.favorite-coffee__title{font-size:3.75rem;line-height:125%;text-align:center}@media(max-width: 670px){.favorite-coffee__title{font-size:2rem}}.favorite-coffee__controls{display:flex;gap:.75rem}.control_active{width:2.5rem;height:.25rem;border-radius:6.25rem;background:#665f55}.control_inactive{width:2.5rem;height:.25rem;border-radius:6.25rem;background:#c1b6ad}.slider{display:flex;align-items:center;width:100%;justify-content:space-between}@media(max-width: 670px){.slider{justify-content:center}}.slider__btn{display:flex;width:3.75rem;height:3.75rem;justify-content:center;align-items:center;border-radius:6.25rem;border:1px solid #665f55;background:rgba(0,0,0,0);color:#403f3d;cursor:pointer}@media(max-width: 670px){.slider__btn_unvisible{display:none}}.slider__btn-img{stroke:#403f3d}.slider__content{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:29rem}.slider__img{background:url(assets/img/coffee-slider-1.png) 50%/cover no-repeat;width:100%;min-height:30rem}@media(max-width: 380px){.slider__img{min-height:21.75rem}}.description{display:flex;flex-direction:column;gap:1rem;align-items:center}.description__title{text-align:center;font-size:1.5rem;line-height:125%}.description__about{color:#403f3d;text-align:center;font-size:1rem;font-weight:400;line-height:150%}.description__price{text-align:center;font-size:1.5rem;line-height:125%}.about{display:grid;gap:2.5rem}@media(max-width: 910px){.about{margin-bottom:-0.3rem}}@media(max-width: 670px){.about{margin-bottom:0}}.about__title{color:#403f3d;font-size:3.71rem;line-height:125%}@media(max-width: 670px){.about__title{font-size:2rem;letter-spacing:0}}.about__img-container{display:flex;gap:2.5rem}@media(max-width: 910px){.about__img-container{flex-wrap:wrap;gap:.7rem}}@media(max-width: 670px){.about__img-container{gap:2.5rem}}.about__column{width:50%;display:grid;gap:2.5rem}@media(max-width: 910px){.about__column{width:100%;gap:0rem}}.about__img-wrapper{overflow:hidden;border-radius:1.25rem;cursor:pointer}@media(max-width: 910px){.about__img-wrapper{margin:.3rem 0}}@media(max-width: 670px){.about__img-wrapper{margin:0}}.about__img{border-radius:1.25rem}@media(max-width: 910px){.about__img{transform:scale(1.05)}}@media(max-width: 670px){.about__img{transform:scale(1.23)}}.about__img1{background:url(assets/img/about-1.jpg) 50%/cover no-repeat;height:41.2rem;margin:-2.1rem -2.3rem}@media(max-width: 910px){.about__img1{margin:0rem -0.12rem;height:36.875rem}}.about__img2{background:url(assets/img/about-2.jpg) 50%/cover no-repeat;height:30rem;margin:-1.5rem -2.3rem}@media(max-width: 910px){.about__img2{display:none}}.about__img3{background:url(assets/img/about-3.jpg) 50%/cover no-repeat;height:30rem;margin:-1.5rem -2.3rem}@media(max-width: 910px){.about__img3{display:none}}.about__img4{background:url(assets/img/about-4.jpg) 50%/cover no-repeat;height:41.2rem;margin:-2.1rem -2.3rem}@media(max-width: 910px){.about__img4{margin:0rem -0.12rem;height:36.875rem}}.mobile-app{display:flex;align-items:center;gap:6.25rem}@media(max-width: 910px){.mobile-app{flex-wrap:wrap}}@media(max-width: 670px){.mobile-app{gap:2.5rem}}.mobile-app__offer{width:50%;gap:2.5rem;display:grid}@media(max-width: 910px){.mobile-app__offer{width:100%}}.mobile-app__title{color:#403f3d;font-size:3.75rem;line-height:125%}@media(max-width: 670px){.mobile-app__title{font-size:2rem}}.mobile-app__about{color:#403f3d;font-size:1rem;font-weight:400;line-height:150%}.mobile-app__btn-container{display:flex;gap:1.25rem}@media(max-width: 670px){.mobile-app__btn-container{flex-wrap:wrap}}.mobile-app__btn{display:flex;border-radius:6.25rem;border:1px solid #665f55;background:rgba(0,0,0,0);padding:.75rem 1.25rem;align-items:center;gap:.5rem;max-width:12.5rem;width:100%;min-width:11.17rem;color:#403f3d;cursor:pointer;transition:.2s}.mobile-app__btn-subtitle{font-size:.625rem;line-height:140%}.mobile-app__btn-title{font-size:1rem;line-height:150%}.mobile-app__btn-img-color{fill:#403f3d}.mobile-app__img{background:url(assets/img/mobile-screens.png) no-repeat;width:50%;height:39.375rem;background-size:contain;background-position:center}@media(max-width: 910px){.mobile-app__img{width:100%}}@media(max-width: 670px){.mobile-app__img{height:21.75rem}}.hero__btn:hover{gap:.5rem;padding:1.25rem 3.8rem}@media(max-width: 910px){.hero__btn:hover{padding:1.25rem 4.875rem}}.slider__btn:hover{background:#665f55}.slider__btn:hover .slider__btn-img{stroke:#e1d4c9}.about__img:hover{transform:scale(0.9)}@media(max-width: 910px){.about__img:hover{transform:scale(1)}}.mobile-app__btn:hover{background:#665f55;color:#e1d4c9}.mobile-app__btn:hover .mobile-app__btn-img-color{fill:#e1d4c9}.menu-page.header-menu__item{border-bottom:.125rem solid #403f3d}main{padding:1.25rem 0 6.25rem;display:flex;gap:2.5rem;flex-direction:column}@media(max-width: 910px){main{padding:1.25rem 0 6rem}}.main-offer{display:grid;gap:2.5rem;justify-items:center}.main-offer__title{color:#403f3d;text-align:center;font-size:3.75rem;line-height:125%;max-width:50rem}@media(max-width: 670px){.main-offer__title{font-size:2rem}}.main-offer__tabs{display:flex;gap:1rem}@media(max-width: 670px){.main-offer__tabs{gap:.5rem}}.main-offer__btn{color:#403f3d;font-size:1rem;line-height:150%;display:flex;padding:.5rem 1rem .5rem .5rem;justify-content:center;align-items:center;gap:.5rem;border-radius:6.25rem;border:1px solid #c1b6ad;background:rgba(0,0,0,0);cursor:pointer}.main-offer__btn_active{background:#665f55;color:#e1d4c9;border:1px solid #665f55}.main-offer__btn_active img{background:#e1d4c9}.main-offer__btn-img{padding:.375rem;border-radius:6.25rem;background:#c1b6ad}.main-grid{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.main-grid__preview{width:19.375rem;cursor:pointer;border-radius:2.5rem;border:1px solid #c1b6ad}.main-grid__preview_disabled{display:none}@media(max-width: 910px){.main-grid__preview_unvisible{display:none}}.main-grid__img-wrapper{border-radius:2.5rem;overflow:hidden}.main-grid__img{border-radius:2.5rem;border:1px solid #c1b6ad;height:21.5rem;margin:-1.1rem -1.15rem}.main-grid__description{display:grid;padding:1.25rem;align-content:space-between;height:12.25rem}.main-grid__text{display:grid;gap:.75rem}.main-grid__title,.main-grid__price{color:#403f3d;font-size:1.5rem;line-height:125%}.main-grid__about{color:#403f3d;font-size:1rem;font-weight:400;line-height:150%;letter-spacing:-0.007rem}.main-grid__refresh-container{display:none}@media(max-width: 768px){.main-grid__refresh-container{align-items:center;display:flex;width:100%;justify-content:center}}.main-grid__refresh-container_disabled{display:none}@media(max-width: 768px){.main-grid__refresh{display:flex;width:3.75rem;height:3.75rem;justify-content:center;align-items:center;border-radius:6.25rem;border:1px solid #665f55}.main-grid__refresh svg{stroke:#403f3d}}.main-offer__btn:hover{background:#665f55;color:#e1d4c9;border:1px solid #665f55}.main-offer__btn:hover img{background:#e1d4c9}.main-grid__preview:hover .main-grid__img{transform:scale(0.9)}.main-grid__refresh:hover{background:#665f55;cursor:pointer}.main-grid__refresh:hover .main-grid__refresh,.main-grid__refresh:hover svg{stroke:#e1d4c9}