*{padding:0px;margin:0px;border:none}*,*::before,*::after{box-sizing:border-box}a,a:link,a:visited{-webkit-text-decoration:none;text-decoration:none;color:inherit}a:hover{-webkit-text-decoration:none;text-decoration:none;color:inherit}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:rgba(0,0,0,0);background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}html{min-height:100vh;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;text-rendering:optimizeSpeed;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}body>*{flex-shrink:0}body.active{overflow:hidden}.container{max-width:1440px;width:100%;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}@media(max-width: 525px){.container{padding-left:16px;padding-right:16px}}.none{display:none !important}.visually-hidden{opacity:0;visibility:hidden;width:0px;height:0px;display:block;margin-left:-10000px;background:rgba(0,0,0,0);font-size:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border-bottom:1px solid #8f8d8d;-webkit-text-fill-color:#161616;-webkit-box-shadow:0 0 0px 1000px #fff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.none{display:none !important}.visually-hidden{opacity:0;visibility:hidden;width:0px;height:0px;display:block;margin-left:-10000px;background:rgba(0,0,0,0);font-size:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border-bottom:1px solid #8f8d8d;-webkit-text-fill-color:#161616;-webkit-box-shadow:0 0 0px 1000px #fff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.footer{margin-top:auto}body{background-color:#e1d4c9;font-family:"Inter",sans-serif;color:#403f3d}.header__content{padding:20px 0}.header .menu{display:flex;justify-content:space-between;align-items:center}.header .menu__list{display:flex;-moz-column-gap:40px;column-gap:40px}@media(max-width: 768px){.header .menu__list{flex-direction:column;row-gap:60px;margin-bottom:100px}}.header .menu__link-anchor,.header .menu__menu-page{position:relative;display:inline-block;font-size:16px;font-weight:600;line-height:1.5;color:#403f3d}.header .menu__link-anchor::first-letter,.header .menu__menu-page::first-letter{text-transform:uppercase}@media(max-width: 768px){.header .menu__link-anchor,.header .menu__menu-page{font-size:32px;line-height:1.25}}.header .menu__link-anchor::before{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);display:inline-block;width:0;height:2px;background-color:#403f3d;opacity:0;transition:width .5s, opacity .5s}@media(hover: hover){.header .menu__link-anchor:hover::before{width:100%;opacity:1}}.header .menu__menu-page::after{content:"";margin-left:8px;vertical-align:text-bottom;display:inline-block;width:20px;height:20px;background-image:url(.././img/coffee-cup.svg)}@media(max-width: 768px){.header .menu__menu-page::after{width:40px;height:40px;margin-left:16px;background-size:cover;background-repeat:no-repeat;background-image:url(.././img/coffee-cup-mobile.svg)}}.header .menu__menu-page::before{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);display:inline-block;width:0;height:2px;background-color:#403f3d;opacity:0;transition:width .5s, opacity .5s}.header .menu__menu-page.active{cursor:default}@media(hover: hover){.header .menu__menu-page:hover::before{width:100%;opacity:1}}.header .menu__menu-page.active::before{width:100%;opacity:1}.header .menu .menu__actions{display:flex;justify-content:space-between;-moz-column-gap:40px;column-gap:40px;min-width:66%}@media(max-width: 768px){.header .menu .menu__actions{padding-top:160px;width:100%;height:100vh;position:fixed;right:-100%;top:0;z-index:2;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#e1d4c9;text-align:center;transition:right .5s ease-in}.header .menu .menu__actions.open{right:0}}.enjoy__content{padding:100px;border-radius:40px;max-width:1360px;max-height:644px;position:relative;overflow:hidden}.enjoy__content .video{position:absolute;top:0;left:0;right:0;bottom:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;z-index:-1}@media(max-width: 1024px){.enjoy__content{padding:100px 98px 100px 60px}}@media(max-width: 767px){.enjoy__content{padding:60px 16px}}.enjoy__info{max-width:530px}.enjoy__main-title{font-family:"Inter",sans-serif;margin-bottom:40px;font-size:72px;font-weight:600;line-height:1.05;color:#e1d4c9}@media(max-width: 767px){.enjoy__main-title{font-size:42px;line-height:1.15}}.enjoy__italic{font-style:italic;color:#b0907a}.enjoy__description{margin-bottom:40px;font-size:16px;font-weight:400;line-height:1.5;color:#e1d4c9}.favourites-coffee{padding:100px 0;text-align:center}.about__gallery{display:grid;grid-template-columns:repeat(2, 660px);grid-auto-rows:118px;grid-auto-flow:dense;grid-gap:40px}@media(max-width: 1439px){.about__gallery{grid-template-columns:repeat(2, 1fr);grid-auto-rows:auto}}@media(max-width: 768px){.about__gallery{grid-template-columns:1fr;grid-auto-rows:118px}}.about__item{border-radius:20px;overflow:hidden;grid-row:span 4;background-size:cover}.about__item:nth-child(2n){grid-row:span 3}@media(max-width: 768px){.about__item:nth-child(2n){display:none}}.about__img{transform:scale(1.1);transition:transform .7s}@media(max-width: 768px){.about__img{transform:scale(1.06)}}@media(max-width: 525px){.about__img{transform:scale(1.23)}}@media(hover: hover){.about__item:hover .about__img{transform:scale(1)}}.mobile-app__content{padding:95px 0 100px}.mobile-app__row{display:flex;align-items:center;justify-content:space-between}@media(max-width: 1439px){.mobile-app__row{flex-direction:column;justify-content:center;align-items:center;text-align:center}}@media(max-width: 768px){.mobile-app__row{row-gap:100px;text-align:left}}@media(max-width: 525px){.mobile-app__row{row-gap:40px}}.mobile-app__info{max-width:630px}@media(max-width: 768px){.mobile-app__info{max-width:100%}}.mobile-app__description{margin-bottom:40px;font-size:16px;line-height:1.5}.mobile-app__list-links{display:flex;-moz-column-gap:20px;column-gap:20px}@media(max-width: 1439px){.mobile-app__list-links{justify-content:center}}@media(max-width: 768px){.mobile-app__list-links{justify-content:left}}@media(max-width: 525px){.mobile-app__list-links{flex-direction:column;row-gap:20px}}.mobile-app__img{max-width:630px}.mobile-app-link{padding:12px 20px;min-width:200px;display:flex;-moz-column-gap:8px;column-gap:8px;border-radius:100px;border:1px solid #665f55;transition:background-color 1s}.mobile-app-link__icon{max-width:36px;max-height:36px}.mobile-app-link__small-txt{display:block;font-size:10px;font-weight:600;line-height:1.4;color:#403f3d;transition:color 1s}.mobile-app-link__name-app{display:block;font-size:16px;font-weight:600;line-height:1.5;color:#403f3d;transition:color 1s}.mobile-app-link path{fill:rgba(64,63,61,.8);transition:fill 1s}@media(max-width: 525px){.mobile-app-link{max-width:200px}}@media(hover: hover){.mobile-app-link:hover path{fill:#e1d4c9}.mobile-app-link:hover{background-color:#665f55}.mobile-app-link:hover .mobile-app-link__small-txt{color:#e1d4c9}.mobile-app-link:hover .mobile-app-link__name-app{color:#e1d4c9}}.footer{padding-bottom:40px}.footer__content{display:flex;-moz-column-gap:100px;column-gap:100px;padding:100px;border-radius:40px;background-color:#665f55}@media(max-width: 1024px){.footer__content{flex-direction:column;row-gap:100px;padding:100px 60px 104px}}@media(max-width: 525px){.footer__content{padding:60px 16px 64px;row-gap:40px}}.footer .section-title{color:#e1d4c9}.social{max-width:530px}@media(max-width: 1024px){.social{max-width:100%}}.social-list{display:flex;-moz-column-gap:12px;column-gap:12px}.social-list__item{max-width:60px;max-height:60px}.social-link rect,.social-link path{stroke:#c1b6ad;transition:stroke .5s}.social-link path{fill:rgba(0,0,0,0)}.social-link svg{fill:rgba(0,0,0,0);transition:fill .5s}@media(hover: hover){.social-link:hover path{stroke:#403f3d}.social-link:hover svg{fill:#e1d4c9}}.contacts{max-width:270px;padding-top:32px;color:#e1d4c9}@media(max-width: 1024px){.contacts{padding-top:0}}.contacts__title{margin-bottom:40px;font-size:24px;font-weight:600;line-height:1.25}.contacts-list__item{position:relative;display:inline-block}.contacts-list__item:not(:last-child){margin-bottom:20px}.contacts-list__item:not(:last-child):after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);display:inline-block;width:0;height:2px;background-color:#c1b6ad;opacity:0;transition:width .5s, opacity .5s}@media(hover: hover){.contacts-list__item:hover::after{width:100%;opacity:1}}.contact-link__text{font-size:16px;font-weight:600;line-height:1.5}.contact-link__icon{display:inline-block;width:20px;height:20px;margin-right:4px;vertical-align:text-bottom}@media(max-width: 768px){.menu-food__content{padding-bottom:100px}}.menu-food .section-title{max-width:800px;text-align:center;margin:0 auto 40px}.menu-food .choice-list{display:flex;-moz-column-gap:16px;column-gap:16px;justify-content:center}@media(max-width: 525px){.menu-food .choice-list{-moz-column-gap:6px;column-gap:6px}}.menu-food .btn-choice{flex-shrink:0}.menu-food .btn-choice{display:inline-block;padding:8px 16px 8px 8px;border:1px solid #c1b6ad;border-radius:100px;transition:background-color .5s, border-color .5s}.menu-food .btn-choice__value{font-family:Inter;font-size:16px;font-weight:600;line-height:1.5;transition:color .5s;pointer-events:none}.menu-food .btn-choice__value::before{content:"";display:inline-block;width:30px;height:30px;pointer-events:none;margin-right:5px;border-radius:50%;vertical-align:middle;background-color:#c1b6ad;background-size:70%;background-repeat:no-repeat;background-position:center;transition:background-color .5s}.menu-food .btn-choice__value--coffee::before{background-image:url(.././img/coffee-btn.png)}.menu-food .btn-choice__value--kettler::before{background-image:url(.././img/kettler-btn.png)}.menu-food .btn-choice__value--cake::before{background-image:url(.././img/cake-btn.png)}.menu-food .btn-choice__value--size-s::before{background-image:url(.././img/s-size.svg);background-size:30%}.menu-food .btn-choice__value--size-m::before{background-image:url(.././img/m-size.svg);background-size:50%}.menu-food .btn-choice__value--size-l::before{background-image:url(.././img/l-size.svg);background-size:30%}.menu-food .btn-choice__value--mode-1::before{background-image:url(.././img/1-mode.svg);background-size:20%}.menu-food .btn-choice__value--mode-2::before{background-image:url(.././img/2-mode.svg);background-size:35%}.menu-food .btn-choice__value--mode-3::before{background-image:url(.././img/3-mode.svg);background-size:30%}.menu-food .btn-choice.active{background-color:#665f55;border-color:#665f55;cursor:default}.menu-food .btn-choice.active .btn-choice__value{color:#e1d4c9}.menu-food .btn-choice.active .btn-choice__value:before{background-color:#e1d4c9}@media(hover: hover){.menu-food .btn-choice:hover{background-color:#665f55;border-color:#665f55}.menu-food .btn-choice:hover .btn-choice__value{color:#e1d4c9}.menu-food .btn-choice:hover .btn-choice__value:before{background-color:#e1d4c9}.menu-food .btn-choice__mode.active:hover{background-color:#e1d4c9;border-color:#c1b6ad;cursor:pointer}.menu-food .btn-choice__mode.active:hover .btn-choice__value{color:#403f3d}.menu-food .btn-choice__mode.active:hover .btn-choice__value:before{background-color:#c1b6ad}}.list-products{display:flex;align-items:stretch;gap:40px;flex-wrap:wrap;justify-content:center;padding:40px 0 100px}@media(max-width: 768px){.list-products{padding:40px 0 40px}}.card-product{height:100%;max-width:310px;border:1px solid #c1b6ad;border-radius:40px;display:flex;flex-direction:column;flex:1 1 auto}@media(hover: hover){.card-product:hover{cursor:pointer}.card-product:hover img{transform:scale(1)}}.card-product__holder-img{max-width:310px;min-height:310px;background-color:#665f55;border-radius:inherit;overflow:hidden}.card-product__holder-img img{transition:transform .5s;transform:scale(1.1)}.card-product__info{padding:20px;display:flex;min-height:10px;flex-direction:column;text-align:left;flex:1 1 auto}.card-product__title{margin-bottom:12px;font-size:24px;font-weight:600;line-height:1.25}.card-product__description{flex:1 1 auto;margin-bottom:12px;font-size:16px;font-weight:400;line-height:1.5}@media(max-width: 768px){.card-product__description{min-height:70px}}.card-product__price{font-size:24px;font-weight:600;line-height:1.25;color:#403f3d}.btn-refrash{display:none;margin:0 auto}.logo{display:inline-block;max-width:100px;z-index:3}.link-menu-btn{position:relative;display:inline-block;padding:0 78px;border-radius:100px;background-color:#e1d4c9;font-size:16px;font-weight:600;line-height:64px}.link-menu-btn__title{display:inline-block;color:#403f3d;transition:transform .6s}.link-menu-btn__title::first-letter{text-transform:uppercase}.link-menu-btn::before{content:"";position:absolute;top:50%;right:35%;transform:translate(50%, -50%);display:inline-block;width:20px;height:20px;background-size:cover;background-repeat:no-repeat;background-image:url(.././img/coffee-cup.svg);opacity:0;transition:opacity .6s}@media(hover: hover){.link-menu-btn:hover::before{opacity:1}.link-menu-btn:hover .link-menu-btn__title{transform:translateX(-14px)}}@media(max-width: 768px){.link-menu-btn::before{opacity:1}.link-menu-btn .link-menu-btn__title{transform:translateX(-14px)}}.section-title{margin-bottom:40px;font-size:60px;font-weight:600;line-height:1.25;color:#403f3d}.section-title__italic{color:#b0907a;font-style:italic}@media(max-width: 767px){.section-title{font-size:32px}}.slider{margin-bottom:40px;position:relative}.slider__arrow{position:absolute;top:50%;transform:translateY(-50%)}@media(max-width: 767px){.slider__arrow{display:none}}.slider__arrow .icon-arr{transition:fill .5s;fill:rgba(0,0,0,0)}.slider__arrow .icon-arr__circle{stroke:#665f55;transition:stroke .5s}.slider__arrow .icon-arr__dir{stroke:rgba(64,63,61,.8);transition:stroke .5s}@media(hover: hover){.slider__arrow:hover .icon-arr{fill:#665f55}.slider__arrow:hover .icon-arr__dir{stroke:#e1d4c9}.slider__arrow:hover .icon-arr__circle{stroke:#665f55}}.slider__arrow-left{left:3px}.slider__arrow-right{right:3px}.slider__list{max-width:480px;overflow:hidden;margin:0 auto}.slider__track{display:flex;transition:transform .7s ease-in-out}.slider .slide{width:100%;flex-shrink:0}.slider .slide__holder-img{margin-bottom:20px;max-width:480px;max-height:480px}.slider .slide__title{margin-bottom:16px;font-size:24px;font-weight:600;line-height:1.25}.slider .slide__description{margin-bottom:16px;font-size:16px;font-weight:400;line-height:1.5}.slider .slide__price{font-size:24px;font-weight:600;line-height:1.25}@keyframes moutionNext{from{left:-100%}to{left:0}}.controll-slider{display:flex;justify-content:center;-moz-column-gap:12px;column-gap:12px}.controll-slider__btn{position:relative;display:block;width:40px;height:4px;border-radius:100px;background-color:#c1b6ad;overflow:hidden}.controll-slider__btn-shadow{position:absolute;top:50%;left:-100%;transform:translateY(-50%);width:100%;height:100%;border-radius:inherit;background-color:#665f55;transition:1s}.controll-slider__btn-shadow.moution{animation-duration:7000ms;animation-name:moutionNext}.burger{display:none}@media(max-width: 768px){.burger{position:relative;display:block;width:44px;height:44px;border-radius:50%;z-index:2;border:1px solid #665f55}}.burger__line{position:absolute;left:50%;transform:translate(-50%, -50%);display:inline-block;width:18px;height:2px;background-color:rgba(64,63,61,.8);transition:transform .5s, top .5s .5s;transform-origin:top left}.burger__line:first-child{top:40%}.burger__line:last-child{top:60%}.burger.active .burger__line{transition:top .5s, transform .5s .5s}.burger.active .burger__line:first-child{top:50%;transform:rotate(45deg) translate(-50%, -50%);transform-origin:top left}.burger.active .burger__line:last-child{top:50%;transform:rotate(-45deg) translate(-50%, -50%);transform-origin:top left}.fade{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(64,63,61,.8);z-index:4;transition:transform .5s;display:none}.fade.close{display:none}.modal{position:fixed;top:50%;left:50%;z-index:5;transform:translate(-50%, -50%);background-color:#e1d4c9;border-radius:40px;padding:16px;max-width:800px;width:100%}.modal.close{display:none}@media(max-width: 768px){.modal{max-width:688px}}@media(max-width: 400px){.modal{max-width:342px}}.modal__row{display:flex}.modal__img{max-width:310px;width:100%;max-height:310px;overflow:hidden;border-radius:40px;flex-shrink:0}.modal__img img{transform:scale(1.1)}@media(max-width: 767px){.modal__img{display:none}}.modal__info{padding-left:20px;max-width:458px;width:100%}@media(max-width: 767px){.modal__info{padding-left:0}}.modal__description{line-height:1.5;margin-bottom:20px}.modal__title{font-size:24px;font-weight:600;line-height:1.25}.modal__title:first-child{margin-bottom:12px}.modal__function{margin-bottom:20px}.modal__small-title{line-height:1.5;margin-bottom:8px}.modal__list-btns{display:flex;gap:8px;flex-wrap:wrap}.modal__total{display:flex;justify-content:space-between;margin-bottom:20px}.modal__app{display:flex;padding:12px 0;border-top:1px solid #c1b6ad;margin-bottom:20px}.modal__app-icon{display:inline-block;width:16px;height:16px;margin-right:10px;flex-shrink:0;background-image:url(.././img/info-empty.svg);background-size:cover;background-repeat:no-repeat;background-position:center}.modal__app-text{font-size:10px;font-weight:600;line-height:1.4}.modal__close{font-weight:600;line-height:150%;padding:8px 0;border:1px solid #665f55;border-radius:100px;width:100%}.modal .btn-choice{flex-shrink:0}.modal .btn-choice{display:inline-block;padding:7px 16px 7px 8px;border:1px solid #c1b6ad;border-radius:100px;transition:background-color .5s, border-color .5s}.modal .btn-choice__value{font-family:Inter;font-size:16px;font-weight:600;line-height:1.5;transition:color .5s;pointer-events:none}.modal .btn-choice__value::before{content:"";display:inline-block;width:30px;height:30px;pointer-events:none;margin-right:4px;border-radius:50%;vertical-align:middle;background-color:#c1b6ad;background-size:70%;background-repeat:no-repeat;background-position:center;transition:background-color .5s}.modal .btn-choice__value--coffee::before{background-image:url(.././img/coffee-btn.png)}.modal .btn-choice__value--kettler::before{background-image:url(.././img/kettler-btn.png)}.modal .btn-choice__value--cake::before{background-image:url(.././img/cake-btn.png)}.modal .btn-choice__value--size-s::before{background-image:url(.././img/s-size.svg);background-size:30%}.modal .btn-choice__value--size-m::before{background-image:url(.././img/m-size.svg);background-size:50%}.modal .btn-choice__value--size-l::before{background-image:url(.././img/l-size.svg);background-size:30%}.modal .btn-choice__value--mode-1::before{background-image:url(.././img/1-mode.svg);background-size:20%}.modal .btn-choice__value--mode-2::before{background-image:url(.././img/2-mode.svg);background-size:35%}.modal .btn-choice__value--mode-3::before{background-image:url(.././img/3-mode.svg);background-size:30%}.modal .btn-choice.active{background-color:#665f55;border-color:#665f55;cursor:default}.modal .btn-choice.active .btn-choice__value{color:#e1d4c9}.modal .btn-choice.active .btn-choice__value:before{background-color:#e1d4c9}@media(hover: hover){.modal .btn-choice:hover{background-color:#665f55;border-color:#665f55}.modal .btn-choice:hover .btn-choice__value{color:#e1d4c9}.modal .btn-choice:hover .btn-choice__value:before{background-color:#e1d4c9}.modal .btn-choice__mode.active:hover{background-color:#e1d4c9;border-color:#c1b6ad;cursor:pointer}.modal .btn-choice__mode.active:hover .btn-choice__value{color:#403f3d}.modal .btn-choice__mode.active:hover .btn-choice__value:before{background-color:#c1b6ad}}