*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class],:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentcolor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentcolor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentcolor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-text-dark: #403f3d;--color-text-light: #e1d4c9;--color-text-accent: #b0907a;--color-background-body: #e1d4c9;--color-background-container: #665f55;--color-background-backdrop: rgb(64 63 61 / 80%);--color-border-light: #c1b6ad;--color-border-dark: #665f55;--container-width: 1360px;--container-padding-x: 40px;--transition-duration: .2s;--border-dark: 1px solid var(--color-border-dark);--border-light: 1px solid var(--color-border-light)}@media(max-width:768px){:root{--container-padding-x: 16px}}@font-face{font-family:Inter;src:url(/coffee-house/assets/inter-400-C38fXH4l.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/coffee-house/assets/inter-600-LgqL8muc.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/coffee-house/assets/inter-600-italic-BJYrns_i.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/coffee-house/assets/inter-700-Yt3aPRUw.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}h1,.h1,h2,.h2,h3,.h3,a,button,.burger-link,.caption,.link-button{font-weight:600}h1,.h1{font-size:72px;line-height:1.05}h1.accent,.h1.accent{font-style:italic}h2,.h2{font-size:60px;line-height:1.25}h2.accent,.h2.accent{font-style:italic}h3,.h3{font-size:24px}p{font-size:16px;font-weight:400;line-height:1.5}a,button,.link-button{font-size:16px;line-height:1.5}.burger-link{font-size:32px;line-height:1.25}.caption{font-size:10px;line-height:1.4}@media(max-width:768px){h1,.h1{font-size:42px;line-height:1.15}h2,.h2{font-size:32px}}html.is-lock{overflow:hidden}body{display:flex;flex-direction:column;padding-block:20px 40px;font-family:Inter,sans-serif;color:var(--color-text-dark);background-color:var(--color-background-body)}main{flex-grow:1}a{text-decoration:none;color:inherit}a,input,button,label,textarea,select,svg *{transition-duration:var(--transition-duration)}button{white-space:nowrap}button,label{-webkit-user-select:none;user-select:none}a:active,button:active{transform:scale(.95)}.container{max-width:calc(var(--container-width) + var(--container-padding-x) * 2);margin-inline:auto;padding-inline:var(--container-padding-x)}.text-accent{font-style:italic!important;color:var(--color-text-accent)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);overflow:hidden}:focus-visible{outline:2px dashed var(--color-text-dark);outline-offset:4px;transition-duration:0s!important}.logo{transition-duration:var(--transition-duration)}@media(hover:hover){.logo:hover{opacity:.75;transform:scale(1.05)}}.logo:active{opacity:.75;transform:scale(.95)}.burger-button{--burger-button-size: 44px;display:none;flex-direction:column;justify-content:center;align-items:center;row-gap:8px;width:var(--burger-button-size);height:var(--burger-button-size);color:var(--color-text-dark);background:transparent;border:var(--border-dark);border-radius:50%;touch-action:manipulation;transition-duration:var(--transition-duration)}.burger-button__line{background-color:currentcolor;width:20px;height:2px;border-radius:10px;transition-duration:var(--transition-duration)}.burger-button.is-active .burger-button__line:first-child{rotate:-45deg;translate:0 5px}.burger-button.is-active .burger-button__line:last-child{rotate:45deg;translate:0 -5px}@media(max-width:1023px){.burger-button{display:flex}}@media(hover:hover){.burger-button:hover{background-color:var(--color-border-dark);color:var(--color-text-accent)}}.burger-button:active{background-color:var(--color-border-dark);color:var(--color-text-accent)}.socials__list{display:flex;align-items:center;column-gap:12px}.socials__link{--size-social-button: 60px;display:inline-flex;align-items:center;justify-content:center;width:var(--size-social-button);height:var(--size-social-button);color:var(--color-text-light);border:var(--border-light);border-radius:50%;transition-duration:var(--transition-duration)}@media(hover:hover){.socials__link:hover{color:var(--color-text-dark);background-color:var(--color-background-body);border-color:var(--color-background-body)}}.socials__link:active{color:var(--color-text-dark);background-color:var(--color-background-body);border-color:var(--color-background-body)}.button-primary{display:flex;justify-content:center;column-gap:8px;max-width:200px;padding-block:20px;color:var(--color-text-dark);background-color:var(--color-background-body);border-radius:100px}.button-primary>span{translate:20px;transition-duration:.3s}.button-primary__icon{--size-button-primary-icon: 20px;display:flex;width:var(--size-button-primary-icon);height:var(--size-button-primary-icon);visibility:hidden;opacity:0;translate:-20px;transition-duration:.3s}@media(hover:hover){.button-primary:hover .button-primary__icon{visibility:visible;opacity:1;translate:0}.button-primary:hover>span{translate:0}}.button-primary:active .button-primary__icon{visibility:visible;opacity:1;translate:0}.button-primary:active>span{translate:0}.button-secondary{display:inline-flex;align-items:center;column-gap:8px;width:100%;max-width:200px;height:64px;padding-left:20px;border:var(--border-dark);border-radius:100px}.button-secondary__body{display:grid;row-gap:2px}.button-secondary__icon{--size-button-secondary-icon: 36px;display:inline-flex;width:var(--size-button-secondary-icon);height:var(--size-button-secondary-icon)}@media(hover:hover){.button-secondary:hover{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}}.button-secondary:active{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}.slider{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:40px;overflow:hidden}.slider__container{--width-slider-container: 1152px;--height-slider-container: 640px;display:flex;align-items:center;width:100%;max-width:var(--width-slider-container);height:var(--height-slider-container);transition-duration:var(--transition-duration)}.slider__slide{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px;min-width:100%;height:100%;transition-duration:var(--transition-duration)}.slider__slide-image{--size-slide-image: 480px;width:var(--size-slide-image);height:var(--size-slide-image);object-fit:cover}.slider__slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:16px;width:480px}.slider__slide.is-active{opacity:1}.slider__button{--size-slider-button: 60px;position:absolute;top:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center;width:var(--size-slider-button);height:var(--size-slider-button);color:var(--color-text-dark);background-color:transparent;border:var(--border-dark);border-radius:50%}.slider__button-prev{left:4px}.slider__button-next{right:4px}.slider__button-icon{--size-slider-button-icon: 24px;display:flex;width:var(--size-slide-image);height:var(--size-slide-image)}.slider__indicators{display:flex;align-items:center;column-gap:12px}.slider__indicator{position:relative;display:inline-flex;width:40px;height:4px;background-color:var(--color-border-light);border-radius:100px}.slider__indicator:before{position:absolute;content:"";top:50%;left:0;translate:0 -50%;width:0;height:4px;background-color:var(--color-border-dark);border-radius:100px;transition-duration:var(--transition-duration)}.slider__indicator.is-active:before{width:100%}@media(hover:hover){.slider__button:hover{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}}.slider__button:active{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}@media(max-width:767px){.slider__container{--height-slider-container: 532px}.slider__slide-image{--size-slide-image: 348px}.slider__slide-content{max-width:348px}.slider__button{display:none;visibility:hidden}}.tabs__button-list{display:flex;align-items:center;justify-content:center;column-gap:16px}.tabs__button{display:inline-flex;align-items:center;column-gap:8px;padding:8px 16px 8px 8px;color:var(--color-text-dark);background-color:transparent;border:var(--border-light);border-radius:100px}.tabs__button-icon{--size-tabs-button-icon: 30px;display:flex;align-items:center;justify-content:center;width:var(--size-tabs-button-icon);height:var(--size-tabs-button-icon);background-color:var(--color-border-light);border-radius:50%}.tabs__button.is-active{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container);pointer-events:none}.tabs__button.is-active .tabs__button-icon{background-color:var(--color-background-body)}.tabs__content{display:grid;grid-template-columns:repeat(4,1fr);justify-self:center;gap:40px}.tabs__content:not(.is-active){display:none}.tabs__content.is-visible .tabs__content-card{display:block}.tabs__load-more{--size-load-more-button: 60px;display:none;justify-content:center;align-items:center;margin-inline:auto;width:var(--size-load-more-button);height:var(--size-load-more-button);background-color:transparent;border:var(--border-dark);border-radius:50%}.tabs__load-more-icon{--size-load-more-icon: 24px;display:flex;width:var(--size-load-more-icon);height:var(--size-load-more-icon)}.tabs__load-more.is-active{display:flex}@media(hover:hover){.tabs__button:hover{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}.tabs__button:hover .tabs__button-icon{background-color:var(--color-background-body)}.tabs__load-more:hover{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}}@media(max-width:1439px){.tabs__content{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.tabs__content{grid-template-columns:repeat(2,1fr)}.tabs__content-card:nth-child(n+5){display:none}}@media(max-width:767px){.tabs__content{grid-template-columns:1fr}}.card{display:grid;width:310px;border:var(--border-light);border-radius:40px}.card__image-wrapper{--size-card-image-wrapper: 310px;display:flex;justify-content:center;align-items:center;width:var(--size-card-image-wrapper);height:var(--size-card-image-wrapper);border-radius:40px;overflow:hidden}.card__image{width:340px;height:340px;object-fit:contain;transform:scale(1.1);transition-duration:var(--transition-duration)}.card__body{display:grid;row-gap:20px;padding:20px}.card__price{margin-top:auto}@media(hover:hover){.card:hover .card__image{transform:scale(1)}}.modal{position:fixed;inset:0;z-index:1000;display:flex;transform:scale(0);justify-content:center;align-items:center;width:100vw;height:100vh;padding-inline:40px;background-color:var(--color-background-backdrop);transition-duration:var(--transition-duration);visibility:hidden}.modal.is-active{visibility:visible;transform:scale(1)}.modal__card{--width-modal-card: 800px;display:grid;grid-template-columns:310px 1fr;column-gap:20px;width:100%;max-width:var(--width-modal-card);padding:16px;background-color:var(--color-background-body);border-radius:40px}.modal__image-wrapper{--size-modal-image: 310px;width:var(--size-modal-image);height:var(--size-modal-image);border-radius:40px;overflow:hidden}.modal__image{object-fit:cover;transform:scale(1.1)}.modal__body{display:grid;row-gap:20px}.modal__text{display:grid;row-gap:12px}.modal__form{display:grid;row-gap:20px}.modal__form-group{display:flex;flex-wrap:wrap;gap:8px}.modal__form-name{margin-bottom:8px}.modal__form-label{display:flex;align-items:center;column-gap:8px;padding:8px 16px 8px 8px;background-color:transparent;border:var(--border-light);border-radius:100px}.modal__form-input:checked+.modal__form-label{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}.modal__form-label-icon{--size-modal-form-label-icon: 30px;display:flex;justify-content:center;align-items:center;width:var(--size-modal-form-label-icon);height:var(--size-modal-form-label-icon);background-color:var(--color-border-light);border-radius:50%}.modal__form-input:checked+.modal__form-label .modal__form-label-icon{color:var(--color-text-dark);background-color:var(--color-background-body)}.modal__form-total{display:flex;justify-content:space-between}.modal__alert{display:grid;grid-template-columns:16px 1fr;column-gap:8px;padding-block:12px;border-top:var(--border-light)}.modal__alert-icon{--size-modal-alert-icon: 16px;position:relative;display:block;width:var(--size-modal-alert-icon);height:var(--size-modal-alert-icon)}.modal__alert-icon:after{position:absolute;content:"";top:50%;left:50%;translate:-50% -50%;width:100%;height:100%;background-image:url(/coffee-house/icon/info-empty.svg);background-repeat:no-repeat;background-size:contain}.modal__form-button{padding-block:10px;color:var(--color-text-dark);background-color:transparent;border:var(--border-dark);border-radius:100px}@media(hover:hover){.modal__form-input:hover+.modal__form-label{transform:scale(1.1)}.modal__form-button:hover{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}}.modal__form-input:active+.modal__form-label{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container);transform:scale(.9)}.modal__form-input:active+.modal__form-label .modal__form-label-icon{color:var(--color-text-dark);background-color:var(--color-background-body)}.modal__form-button:active{color:var(--color-text-light);background-color:var(--color-background-container);border-color:var(--color-background-container)}@media(max-width:767px){.modal{padding-inline:19px}.modal__card{grid-template-columns:1fr}.modal__image-wrapper{display:none}}.header{--header-height: 60px;min-height:var(--header-height)}.header__inner{display:flex;justify-content:space-between;align-items:center}.header__overlay{display:contents}.header__menu-list{display:flex;column-gap:40px}.header__menu-link,.header__link-menu{position:relative}.header__link-menu{display:inline-flex;column-gap:8px}.header__link-menu span:nth-child(2){--icon-size: 20px;display:flex;width:var(--icon-size);height:var(--icon-size)}.header__menu-link:after,.header__link-menu:after{position:absolute;content:"";top:100%;width:0;height:2px;background-color:currentcolor;transition-duration:var(--transition-duration)}.header__link-menu.is-active{pointer-events:none}.header__link-menu.is-active:after{width:100%}@media(hover:hover){.header__menu-link:hover:after,.header__link-menu:hover:after{width:100%}}@media(max-width:1023px){.header__overlay{position:fixed;inset:calc(var(--header-height) + 20px) 0 0;z-index:100;display:flex;flex-direction:column;align-items:center;row-gap:100px;width:100vw;height:calc(100vh - var(--header-height));padding-top:60px;translate:100vw;opacity:0;visibility:hidden;background-color:var(--color-background-body);transition-duration:var(--transition-duration)}.header__overlay.is-active{translate:0;opacity:1;visibility:visible}.header__menu-list{flex-direction:column;align-items:center;row-gap:60px}}.footer{padding-top:100px;color:var(--color-text-light)}.footer__inner{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;column-gap:100px;padding:100px;background-color:var(--color-background-container);border-radius:40px}.footer__column:first-child{display:grid;row-gap:40px}.footer__column:last-child{display:grid;row-gap:40px}.footer__contacts-list{display:grid;row-gap:16px}.footer__contacts-link{position:relative;display:inline-flex;align-items:center;column-gap:8px}.footer__contacts-link:after{position:absolute;content:"";top:115%;left:0;width:0;height:2px;background-color:currentcolor;transition-duration:var(--transition-duration)}.footer__contacts-icon{display:flex}.footer__contacts-item:last-child .footer__contacts-link{pointer-events:none}@media(hover:hover){.footer__contacts-link:hover:after{width:100%}}@media(max-width:1023px){.footer__inner{grid-template-columns:1fr;row-gap:100px;padding-inline:60px}}@media(max-width:767px){.footer__inner{row-gap:40px;padding:60px 16px}}.hero{padding-top:20px;color:var(--color-text-light)}.hero__inner{display:grid;align-items:center;min-height:645px;padding:100px;background:url(/coffee-house/assets/img-hero-B-zHxqNS.jpg) center/cover no-repeat;border-radius:40px}.hero__body{display:grid;row-gap:40px;max-width:530px}@media(max-width:1023px){.hero__inner{padding-inline:60px}}@media(max-width:767px){.hero__inner{padding:60px 16px}}.favorite{padding-top:100px}.favorite__title{text-align:center}.favorite__slider{padding-top:40px}.about{--width-all-image: 660px;--height-image-big: 590px;--height-image-small: 430px;padding-top:100px}.about__inner{display:grid;row-gap:40px}.about__body{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.about__column{display:grid;gap:40px}.about__image{width:100%;max-width:var(--width-all-image);height:var(--height-image-big);object-fit:cover;border-radius:20px}.about__column:nth-child(odd) .about__image:last-child,.about__column:nth-child(2n) .about__image:first-child{height:var(--height-image-small)}@media(max-width:1023px){.about{--width-all-image: 688px}.about__body{grid-template-columns:1fr}.about__column{justify-items:center}.about__column:nth-child(odd) .about__image:last-child,.about__column:nth-child(2n) .about__image:first-child{display:none}}.mobile-app{padding-top:100px}.mobile-app__inner{display:flex;justify-content:space-between;align-items:center}.mobile-app__column{display:flex;flex-direction:column;row-gap:40px;width:100%;max-width:630px}.mobile-app__title{width:100%;max-width:620px}.mobile-app__description{width:100%;max-width:610px}.mobile-app__buttons{display:flex;column-gap:20px}.mobile-app__background-image{--size-mobile-app-background-image: 630px;width:var(--size-mobile-app-background-image);height:var(--size-mobile-app-background-image)}@media(max-width:1023px){.mobile-app__inner{flex-direction:column;row-gap:40px}}@media(max-width:767px){.mobile-app__buttons{flex-direction:column;row-gap:20px}.mobile-app__background-image{--size-mobile-app-background-image: 348px}}.menu{padding:20px 0 100px}.menu__title{max-width:800px;text-align:center;margin-inline:auto}.menu__body{display:grid;row-gap:40px;padding-top:40px}