h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}*,:after,:before{box-sizing:border-box}input{font-family:inherit}.header{position:sticky;top:0;z-index:1000;background-color:#e0cbb4;box-shadow:0 2px 4px #0000001a}.container.header-container{display:flex;flex-direction:row;justify-content:space-between;padding-top:12px;padding-bottom:12px;align-items:center;background-color:#e0cbb4}@media only screen and (min-width: 768px){.container.header-container{padding:18px 64px}}.logo{height:36px}.nav-list{display:none}@media only screen and (min-width: 767.98px){.nav-list{display:flex;gap:32px}}.nav-link{font-size:16px}.mobile-menu-btn{align-items:center;justify-content:center;border:none;background-color:transparent;padding:12px}@media only screen and (min-width: 767.98px){.mobile-menu-btn{display:none}}.hero-container{background-image:linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)),url(/coffe-joy/assets/heromobile@1x-245d783c.jpg);overflow:hidden;object-fit:cover;padding-bottom:109px;padding-top:109px;background-position:center;background-size:cover;height:644px}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-container{background-image:linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)),url(/coffe-joy/assets/heromobile@2x-32a794e6.jpg)}}@media only screen and (min-width: 768px){.hero-container{background-image:linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)),url(/coffe-joy/assets/herotablet@1x-d7b6eee4.jpg);padding-top:312px;padding-bottom:312px;min-height:900px}}@media only screen and (min-width: 768px) and (min-resolution: 192dpi){.hero-container{background-image:linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)),url(/coffe-joy/assets/herotablet@2x-99ec73a5.jpg)}}@media only screen and (min-width: 1440px){.hero-container{background-image:linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)),url(/coffe-joy/assets/herodesktop@1x-f5245b79.jpg);padding-top:259px;padding-bottom:259px;height:382px}}@media only screen and (min-width: 1440px) and (min-resolution: 192dpi){.hero-container{background-image:linear-gradient(rgba(0 0 0 / 50%),rgba(0 0 0 / 50%)),url(/coffe-joy/assets/herodesktop@2x-e63380ff.jpg)}}.hero-container .container{max-width:320px;padding-left:32px;padding-right:32px}@media only screen and (min-width: 768px){.hero-container .container{max-width:768px}}@media only screen and (min-width: 1440px){.hero-container .container{max-width:1440px;padding-left:64px;padding-right:64px}}.hero-name{font-family:Aboreto,sans-serif;font-size:40px;font-style:normal;line-height:1.2;letter-spacing:.01em;color:#fff}@media only screen and (min-width: 768px){.hero-name{width:560px;height:96px}}@media only screen and (min-width: 1440px){.hero-name{height:201px;font-size:56px;width:585px}}.hero-text{font-size:18px;line-height:1.5;color:#fff;margin-top:24px;width:256px;font-style:normal}@media only screen and (min-width: 768px){.hero-text{width:560px;height:81px}}.hero-btn{display:inline-block;width:135px;height:44px;background-color:#6f4e37;border-radius:100px;color:#fff;border:none;font-weight:500;font-size:16px;padding:10px 24px;margin-top:32px;box-shadow:0 1px 2px #ffffff0d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #0b08030d}.hero-btn:hover,.hero-btn:focus{background-color:#cbb8a2;color:#0b0803;box-shadow:none;transition:background-color .25s ease-in-out,color .25s ease-in-out}.btn-bg{position:relative}.welcome-container{display:flex;justify-content:flex-start;flex-direction:column;gap:32px;padding-top:64px;padding-bottom:64px}.welcome-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px;padding-bottom:32px}.welcome-text-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:32px}.welcome-text{font-weight:600;font-size:16px;line-height:1.5;font-family:Quicksand,sans-serif}.welcome-title{font-family:Aboreto,sans-serif;font-size:36px;line-height:1.2;letter-spacing:-.01em;font-weight:400;text-transform:uppercase}.welcome-main-text{font-family:Quicksand,sans-serif;font-weight:400;font-size:18px;line-height:1.5}.welcome-button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:100px;border:none;padding:10px 24px;width:100%;height:44px;font-family:Quicksand,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#fff;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background:#6f4e37;transition:background-color .25s ease-in-out,color .25s ease-in-out}.welcome-icon{fill:#fff;transition:fill .25s ease-in-out}.welcome-button:hover,.welcome-button:focus{background:rgba(203,184,162);color:#0b0803;border:none;box-shadow:none}.welcome-button:hover .welcome-icon,.welcome-button:focus .welcome-icon{fill:#0b0803}.welcome-picture{border-radius:40px;width:100%}@media (min-width: 768px) and (max-width: 1439px){.welcome-container{max-width:768px;margin:0 auto;align-items:start}.welcome-info{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:32px}.welcome-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px;width:336px}.welcome-title{width:300px}.welcome-text-wrapper{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:32px;width:336px}.welcome-button{width:181px}.welcome-picture{width:704px}}@media (min-width: 1440px){.welcome-container{max-width:1440px;margin:0 auto;padding:64px;flex-direction:column;gap:80px}.welcome-info{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:32px}.welcome-wrapper{width:640px}.welcome-title{font-size:48px}.welcome-text-wrapper{width:640px}.welcome-button{width:181px}.welcome-picture{width:1312px}}.section-quality{padding:64px 0}.section-title-wrapper{text-align:center;margin-bottom:32px;margin-right:auto;margin-left:auto;max-width:288px}.quality-label{font-weight:600;font-size:16px;line-height:1.5;margin-bottom:16px}.section-title{font-family:Aboreto,sans-serif;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}.quality-list{display:flex;flex-direction:column;gap:24px}.quality-item{display:flex;flex-direction:column;align-items:center;gap:32px}.quality-item picture{overflow:hidden;width:100%;clip-path:inset(0 round 32px)}.quality-item img{object-fit:cover;width:100%;height:auto}.quality-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.quality-item-title{font-weight:600;font-size:20px;text-align:center;margin-bottom:8px}.quality-item-text{font-size:16px;text-align:center}@media only screen and (min-width: 768px) and (max-width: 1439px){.section-title-wrapper{max-width:704px}.section-title{padding-left:126px;padding-right:126px}.quality-list{flex-direction:row;flex-wrap:wrap;gap:24px}.quality-item{width:calc((100% - 24px)/2)}.quality-item:nth-child(3){width:100%}.quality-content{max-width:330px}.quality-item:nth-child(3) .quality-content{max-width:430px}}@media only screen and (min-width: 1440px){.section-title-wrapper{max-width:768px}.section-title{font-size:48px}.quality-list{flex-direction:row;flex-wrap:nowrap;gap:24px}.quality-item{flex:1}.quality-item picture{height:260px}.quality-item img{height:100%}}.experience-section{background-repeat:no-repeat;background-position:center;background-size:cover}.experience-div{position:relative;border-radius:32px}.container .container-div{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:288px;max-width:374px;margin:0 auto}.experience-title{font-family:Aboreto,sans-serif;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center}.experience-title-description{font-size:18px;text-align:center;margin:32px auto}.experience-list{display:flex;flex-direction:column;justify-content:center;gap:24px}.experience-item-img{width:100%;border-radius:32px;object-fit:cover}@media only screen and (min-width: 768px){.container-div{max-width:704px;gap:32px}.experience-list{flex-direction:row;flex-wrap:wrap;gap:32px;justify-content:space-between}.experience-list-item{width:calc((100% - 32px)/2)}.experience-list-item:nth-child(7){width:100%}.experience-one-img,.experience-two-img,.experience-five-img,.experience-six-img{width:336px;height:336px}.experience-three-img,.experience-four-img{width:336px;height:189px}.experience-item-img{width:100%;height:100%;object-fit:cover}}@media only screen and (min-width: 1440px){.container .container-div{max-width:1312px}.experience-list{height:948px;display:flex;align-items:start;justify-content:start;flex-wrap:wrap;flex-direction:column}.experience-list-item{width:calc((100% - 64px) / 3)}.experience-list-item:nth-child(7){width:416px}.experience-list:last-child{margin-bottom:84px}.experience-item-img{width:416px}.experience-one-img,.experience-two-img,.experience-five-img,.experience-six-img,.experience-seven-img{width:416px;height:416px}.experience-three-img,.experience-four-img{width:416px;height:234px}}html{scroll-behavior:smooth}.subscribe-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:120%;letter-spacing:-.01em;color:#0b0803}.subscribe .subscribe-container{display:flex;flex-direction:column;gap:32px}.subscribe-title{margin-bottom:24px}.subscribe-text{margin-bottom:32px}.input-wrapper{display:flex;flex-direction:column;margin-bottom:24px}.subscribe-svg{color:#fff}.subscribe-button:hover .subscribe-svg,.subscribe-button:hover,.subscribe-button:focus{transition:background-color .25s ease-in-out,color .25s ease-in-out;background:rgb(203,184,162);border:none;box-shadow:none;color:#0b0803}.subscribe-button:active .subscribe-svg,.subscribe-button:active{background-color:#6f4e37;color:#fff}.subscribe-button:hover .subscribe-svg{background-color:transparent}.subscribe-button:disabled{background:#6f4e37;opacity:.5;cursor:not-allowed;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;pointer-events:none}.subscribe-button:disabled .subscribe-svg{fill:#fff;opacity:.5;pointer-events:none}.subscribe-input{border:1px solid rgba(11,8,3,.15);border-radius:12px;padding:8px 12px;max-width:288px;height:40px;font-family:Quicksand,sans-serif;font-weight:400;font-size:16px;line-height:150%;color:#0b080399;background:rgba(255,255,255,0)}.subscribe-input:focus{border:1px solid rgba(11,8,3,.15)}.subscribe-input:valid{border:1px solid rgba(11,8,3,.15);box-shadow:none;outline:none}.subscribe-input:invalid:focus{box-shadow:none;outline:none;border-color:#7f1c1c;color:#7f1c1c}.subscribe-input:invalid:focus+.error-text{visibility:initial}.error-text{font-family:Quicksand,sans-serif;font-weight:400;font-size:12px;line-height:150%;color:#7f1c1c;margin-top:4px;visibility:hidden}.subscribe-button{border-radius:100px;border:none;padding:10px 24px;max-width:288px;height:44px;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background:#6f4e37;font-family:Quicksand,sans-serif;font-weight:500;font-size:16px;line-height:150%;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.subscribe-label{font-family:Quicksand,sans-serif;font-weight:400;font-size:12px;line-height:150%;color:#0b0803}.subscribe-image{width:100%}@media (min-width: 768px) and (max-width: 1439px){.subscribe .subscribe-container{align-items:start}.subscribe-button{width:158px}.subscribe-form{display:flex;flex-wrap:wrap;gap:24px;row-gap:0px}.subscribe-image{width:704px;border-radius:40px}}@media (min-width: 1440px){.subscribe .subscribe-container{flex-direction:row}.subscribe-title{font-size:48px}.subscribe-form{display:flex;flex-wrap:wrap;gap:24px;row-gap:0px}.subscribe-input{width:339px}.subscribe-button{width:158px}.subscribe-image{width:640px}}.testimonials-title{font-family:Aboreto,sans-serif;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}@media only screen and (min-width: 1440px){.testimonials-title{font-size:48px;width:416px}}.testimonials-list{display:flex;flex-direction:column;row-gap:24px}@media only screen and (min-width: 768px){.testimonials-list{flex-direction:row;flex-wrap:wrap;gap:24px}}.testimonials-item{display:flex;flex-direction:column;gap:24px;background:#c29d84;border:1px solid rgba(11,8,3,.15);border-radius:32px;padding:32px;min-width:265px}@media only screen and (min-width: 768px){.testimonials-item{height:253px;gap:0;width:calc((100% - 24px)/2)}}@media only screen and (min-width: 1440px){.testimonials-item{width:310px;height:303px;width:calc((100% - 72px)/4)}}.testimonials-container-icon{display:flex;gap:4px}.star-outline-icon{fill:none}.testimonials-text{margin-bottom:0}@media only screen and (min-width: 768px){.testimonials-text{margin-top:24px;margin-bottom:auto}}.testimonials-text-name{font-weight:600;font-size:16px}.location-header{display:flex;flex-direction:column;width:100%}.location-pretitle{font-weight:600;font-size:16px;line-height:1.5;color:#0b0803;margin-bottom:16px;font-family:Quicksand,sans-serif}.loc-info{margin-bottom:40px}.location-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;color:#0b0803;margin-bottom:24px;font-family:Aboreto,sans-serif}.main-location-text{font-weight:400;font-size:18px;line-height:1.5;font-family:Quicksand,sans-serif}.location-wrapper{margin-bottom:32px}.contact-list{display:flex;flex-direction:column;gap:40px}.contact-item{display:flex;flex-direction:column}.contact-icon{display:block;margin-bottom:16px}.list-title{font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.01em;margin-bottom:8px;font-family:Aboreto,sans-serif}.location-link{text-decoration:none;color:currentColor;font-family:Quicksand,sans-serif}.adress-text{font-family:Quicksand,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#0b0803;display:block;margin-bottom:16px}.directions-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px}.directions{font-family:Quicksand,sans-serif;font-weight:500;font-size:16px;line-height:1.5;color:#0b0803}.location-map{position:relative;overflow:hidden;border-radius:40px}.iframe{width:100%;height:307px;border:0;border-radius:40px}@media only screen and (min-width: 320px) and (max-width: 374.98px){.location-map{min-width:288px;height:307px}.location-map .iframe{max-width:342px}}@media only screen and (min-width: 768px){.our-location{padding:64px 32px}.contact-list{flex-direction:row;justify-content:space-between}.location-map .iframe{width:704px;height:377px}}@media only screen and (min-width: 1440px){.our-location{padding:64px}.container-location{display:flex;flex-direction:row;gap:24px}.location-info{display:flex;justify-content:space-between;gap:24px;max-height:419px}.location-header{width:419px}.contact-list{flex-direction:column}.location-map .iframe{width:869px;height:697px}}.footer{padding-top:24px;padding-bottom:24px;background-color:#b58869}.footer-card{display:flex;flex-direction:column;align-items:center;border:1px solid rgba(11,8,3,.15);border-radius:40px;padding:32px 48px;width:100%;background-color:#c29d84;margin:0 auto}@media only screen and (min-width: 768px){.footer-card{max-width:702px;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:32px;column-gap:40px}}@media only screen and (min-width: 1440px){.footer-card{max-width:1312px;flex-wrap:nowrap;justify-content:space-between;align-items:center;row-gap:0;column-gap:0}}.footer-logo{margin-bottom:40px}@media only screen and (min-width: 768px){.footer-logo{margin-bottom:0;width:84px;height:36px}}@media only screen and (min-width: 1440px){.footer-logo{margin-left:10px}}.footer-socials{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:12px;margin-bottom:32px}@media only screen and (min-width: 768px){.footer-socials{align-items:center;justify-content:center;margin-bottom:0}}@media only screen and (min-width: 1440px){.footer-socials{margin-left:40px}}@media only screen and (min-width: 768px){.footer-icon{width:24px;height:24px}}.footer-list{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}@media only screen and (min-width: 768px){.footer-list{flex-direction:row}}@media only screen and (min-width: 1440px){.footer-list{justify-content:flex-end;flex-grow:1;margin-left:0}}.footer-item{font-size:16px}.text-credits{font-size:14px;margin-top:32px;text-align:center}a:focus-visible{outline:2px solid #0b0803;outline-offset:2px}.mobile-menu-nav{position:fixed;top:0;left:0;z-index:1001;width:100%;height:100vh;background-color:#fff;opacity:0;pointer-events:none}@media (min-width: 768px){.mobile-menu-header{display:none}}.mobile-menu-nav.is-open{opacity:1;pointer-events:auto}.mobile-menu-nav-sec{position:absolute;top:50%;left:50%;width:100%;height:100vh;background-color:#e0cbb4;transform:translate(-50%,-50%)}.mobile-menu-nav-thr{display:flex;padding-top:18px;padding-left:16px;padding-bottom:18px;position:relative}.mobile-item{margin:auto auto 32px;width:84px}.mobile-item:hover{color:#fff;transition:.25s}.mobile-button{background-color:transparent;border:none;position:absolute;top:24px;right:28px}.bonusmodal-section{background:rgba(0,0,0,.25);padding-top:64px;padding-bottom:64px;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;z-index:1002;position:fixed}.is-open{opacity:1;visibility:visible;pointer-events:initial}.modal-image-table{width:100%;height:auto;border-radius:40px;width:644px;height:374px;display:none}@media only screen and (min-width: 767px){.modal-image-table{display:block;margin:0 auto 48px}}.modal-container{margin:0 auto;border-radius:40px;padding:64px 16px;width:288px;height:631px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:24px;background:#e0cbb4;position:relative}@media only screen and (min-width: 767px){.modal-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:48px;border-radius:40px;padding:64px 32px;width:772px;height:772px}}@media only screen and (min-width: 1024px){.modal-container{width:866px;height:801px}}.close-btn-x{position:absolute;top:24px;right:24px;background-color:transparent;border:0;padding:0}.modal-title{margin-bottom:16px;font-family:Aboreto,sans-serif;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#0b0803}@media only screen and (min-width: 767px){.modal-title{font-size:36px}}@media only screen and (min-width: 1024px){.modal-title{font-size:48px}}.modal-description{margin-bottom:24px;font-family:Quicksand,sans-serif;font-weight:400;font-size:18px;line-height:1.5;text-align:center;color:#0b0803}@media only screen and (min-width: 767px){.modal-description{margin-bottom:48px}}.modal-image{border-radius:24px;width:256px;height:200px;margin-bottom:24px}@media only screen and (min-width: 767px){.modal-image{border-radius:55px;width:644px;height:374px;margin-bottom:48px;display:none}}.close-btn{font-family:Quicksand,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;border-radius:100px;padding:10px 24px;width:256px;height:44px;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background:#6f4e37;border:none}.close-btn:hover,.close-btn:focus{background-color:#6f4e37;box-shadow:none;color:#0b0803;background:rgba(11,8,3,.1)}.close-btn:active{background-color:#6f4e37;color:#fff}@media only screen and (min-width: 767px){.close-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;border-radius:100px;padding:10px 24px;width:340px;margin:0 auto}}@media only screen and (min-width: 1024px){.close-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;border-radius:100px;padding:10px 24px;width:274px;height:44px}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:Quicksand,sans-serif;color:#0b0803;background-color:#e0cbb4;font-size:18px;font-weight:400;line-height:1.5}.container{max-width:375px;min-width:320px;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}.section{padding-top:64px;padding-bottom:64px}@media only screen and (max-width: 374px){.container{max-width:100%}}@media only screen and (min-width: 768px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding-left:64px;padding-right:64px}}