h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none;font-style:normal}button{cursor:pointer}img{display:block;max-width:100%;height:auto}body{font-family:Inter Tight,Roboto,sans-serif;color:#fbfbfb;font-weight:500;font-size:14px;line-height:1.43}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 20px}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1280px){.container{max-width:1280px;padding:0 100px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.header{position:sticky;top:0;background-color:#576f35;z-index:200}.header .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px}.logo-link{display:flex;align-items:center;transition:fill .25s cubic-bezier(.4,0,.2,1);position:relative}.logo-link:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:2px;background-color:#fbfbfb;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.logo-link:hover:after,.logo-link:focus:after{opacity:1}.header-logo-icon{fill:#fbfbfb;width:168px;height:16px}.header-nav,.header-shop-btn{display:none}.header-burger-btn{padding:0;background-color:transparent;border:none}.header-burger-icon{fill:none;stroke:#fbfbfb;display:block;width:32px;height:32px}@media only screen and (min-width: 768px){.header .container{padding-top:32px;padding-bottom:32px}.header-logo-icon{width:216px;height:20px}.header-burger-icon{width:40px;height:40px}}@media only screen and (min-width: 1280px){.header{position:absolute;width:100%;background-color:transparent}.header-burger-btn{display:none}.header-nav{display:flex;margin-right:20px}.nav-list{display:flex;flex-direction:row;gap:8px}.nav-link{display:flex;padding:12px;border:1px solid #fff;border-radius:12px;justify-content:center;align-items:center;font-size:16px;line-height:1.25;font-family:Inter Tight,sans-serif;text-transform:capitalize;box-sizing:border-box;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border .25s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background-color:#d4bfc4;color:#7a3145;border:1px solid #d4bfc4}.nav-link:focus{background-color:#fbfbfb;color:#7a3145;border:1px solid #fff}.header-shop-btn{display:flex;justify-content:center;text-align:center;padding:16px 32px;border-radius:30px;border:none;background-color:#7a3145;color:#fbfbfb;font-weight:600;font-size:18px;line-height:1.1;text-transform:uppercase;font-family:Inter Tight,sans-serif;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.header-shop-btn:hover{background-color:#d4bfc4;color:#7a3145}.header-shop-btn:focus{background-color:#fbfbfb;color:#7a3145}.header .logo{margin-right:auto}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-burger-menu{position:relative;top:0;left:0;padding-top:52px;padding-bottom:52px;width:100%;height:100%;background-color:#576f35;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.modal-close-btn{background-color:transparent;border:none;position:absolute;top:20px;right:20px;padding:0}.modal-close-icon{fill:transparent;stroke:#fbfbfb}.mob-menu-nav{margin:auto 0}.mob-menu-list{display:flex;flex-direction:column;gap:24px}.mob-menu-link{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #fbfbfb;border-radius:12px;width:118px;height:44px;background-color:transparent;white-space:nowrap;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.mob-menu-link:focus{background-color:#fbfbfb;color:#7a3145}.order-btn{border:none;border-radius:30px;width:175px;height:52px;background-color:#7a3145;font-weight:600;font-size:18px;line-height:1.12;letter-spacing:-.01em;text-transform:uppercase;color:#fbfbfb;white-space:nowrap;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.order-btn:focus{background-color:#fbfbfb;color:#7a3145}@media (min-width: 768px){.backdrop{background-color:#14141466}.modal-burger-menu{position:absolute;top:0;right:0;left:auto;width:350px}.modal-close-btn{top:32px;right:32px}.modal-close-icon{width:40px;height:40px}.mob-menu-link{width:122px;font-size:16px;line-height:1.25}}@media (min-width: 1280px){.backdrop{display:none}}.hero>.container{padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.hero{background:#576f35}.hero-cont-text{padding:100px 20px 40px;margin:0 auto;width:100%}@media only screen and (min-width: 1280px){.hero>.container{flex-direction:row;gap:0;flex-wrap:nowrap}}@media only screen and (min-width: 768px){.hero-cont-text{padding:120px 32px 52px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:24px}}@media only screen and (min-width: 1280px){.hero-cont-text{width:100%;padding:232px 36px 52px 100px;max-width:640px}}.hero-h{font-weight:600;font-size:52px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:20px}@media screen and (min-width: 320px) and (max-width: 374px){.hero-h{font-size:44px}.hero-cont-text{padding-left:30px;padding-right:30px}.hero-p{font-size:12px}}@media only screen and (min-width: 768px){.hero-h{font-size:76px;margin-bottom:0}}@media only screen and (min-width: 768px){.hero-p{font-size:16px;line-height:1.25}}.hero-div-images{background-image:url(/goit_markup_team_project/assets/barrow-mobile-1x-min-Bzz0HIWx.webp);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;min-height:372px;margin:0 auto}@media screen and (min-width: 320px){@media screen and (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-div-images{background-image:url(/goit_markup_team_project/assets/barrow-mobile@2x-min-D3qw4s4E.webp)}}}@media only screen and (min-width: 768px){.hero-div-images{background-image:url(/goit_markup_team_project/assets/barrow-tablet-1x-min-CcpnK1DZ.webp);width:100%;min-height:536px}@media screen and (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-div-images{background-image:url(/goit_markup_team_project/assets/barrow-tablet@2x-min-DTtcq0TH.webp)}}}@media only screen and (min-width: 1280px){.hero-div-images{background-image:url(/goit_markup_team_project/assets/barrow-desk-1x-min-BqqJV6_w.webp);width:100%;min-height:796px;max-width:640px;height:100%}@media screen and (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-div-images{background-image:url(/goit_markup_team_project/assets/barrow-desk@2x-min-B2PIbWxC.webp)}}}.how-it-works{background-color:#576f35}.how-it-works>.container{padding:0}.hit-container{display:flex;flex-wrap:wrap}.image-section{background-color:#732d40;width:100%;padding:40px 20px}.picture{width:100%;height:auto;border-radius:30px;display:block;overflow:hidden}.text-section{width:100%;padding:80px 20px}.text-section>h3{font-size:28px;margin-bottom:20px;line-height:1;text-align:left;font-weight:600;text-transform:uppercase}.text-section>p{margin-bottom:40px}.highlight{color:#d4bfc4}.steps{display:flex;flex-direction:column;justify-content:space-between;counter-reset:step-counter;gap:20px}.step{display:flex;align-items:center;width:100%;background:#fff;color:#858585;border-radius:15px;position:relative;padding:12px 27px 12px 100px}.step:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:24px;top:50%;transform:translateY(-50%);background:#7a3145;color:#fff;width:52px;height:52px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-weight:600;font-size:18px;line-height:1.11;letter-spacing:-.01em;text-transform:uppercase;border:5px solid #d4bfc4}.step-highlight{color:#141414;font-weight:700}@media only screen and (min-width: 768px){.image-section{padding:100px 64px}.text-section{padding:100px 164px}.text-section>h3{font-size:32px;margin-bottom:24px}.text-section>p{font-size:16px;line-height:1.25;margin-bottom:52px}.steps{gap:24px}.step{padding-right:15px;font-size:16px;line-height:1.25;height:76px}}@media only screen and (min-width: 1280px){.hit-container{flex-wrap:nowrap}.image-section,.text-section{width:100%}.image-section,.text-section{padding:100px;width:100%}.text-section>p{margin-bottom:104px}}.advice{padding:80px 0}.advice-text{font-family:Inter Tight;font-weight:600;font-size:48px;line-height:1.08;color:#141414;letter-spacing:-.01em;text-transform:uppercase}.advice-span{display:block;color:#fbfbfb;border-radius:12px;background-color:#576f35}@media screen and (min-width: 768px){.advice{padding:100px 0}.advice-text{font-size:64px;line-height:1}.advice-span{padding-top:20px}}@media screen and (min-width: 1280px){.advice-text{font-size:76px;max-width:1054px}.advice-span{display:inline-block;padding-top:0;padding-left:16px;margin-left:-16px}}.vegetables{background-color:#7a3145;padding-top:80px;padding-bottom:80px}.veg-titel{font-weight:600;font-size:48px;line-height:108%;letter-spacing:-.01em;text-transform:uppercase;max-width:335px;margin-bottom:20px}.veg-titel-span{color:#d4bfc4}.veg-descr{font-weight:500;font-size:14px;line-height:143%;color:#fbfbfb;max-width:335px;margin-bottom:40px}.veg-list{display:flex;flex-wrap:wrap;gap:20px}.veg-list-item{border-radius:40px;padding:32px 24px;width:100%;background-color:#fbfbfb}.veg-list-title{font-weight:600;font-size:28px;line-height:100%;letter-spacing:-.01em;text-transform:uppercase;color:#7a3145;margin-bottom:12px}.veg-list-descr{color:#141414}.content-descr{margin-bottom:12px}@media screen and (min-width:320px) and (max-width:374px){.veg-titel{font-size:46px}}@media screen and (min-width:768px){.vegetables{padding-top:100px;padding-bottom:100px}.veg-titel{font-size:64px;max-width:508px;margin-bottom:24px}.veg-descr{font-size:16px;line-height:125%;max-width:626px;margin-bottom:52px}.veg-list{row-gap:28px;column-gap:24px}.veg-list-item{padding:32px 30px;width:calc((100% - 24px)/2)}.veg-list-title{font-size:32px}.veg-list-descr{font-size:16px;line-height:125%}}@media screen and (min-width:1280px){.veg-list-item{padding:32px;width:calc((100% - 48px) / 3)}}.review{background-color:#fbfbfb;padding-top:80px;padding-bottom:80px}.title_rew{display:block;margin-bottom:40px;width:100%}.review_card .card{display:none}.review_card .card:first-child{display:block}.head_review{font-size:48px;line-height:108%;letter-spacing:-.01em;text-transform:uppercase;color:#141414;margin-bottom:20px}.custommers{color:#576f35}.words{color:#141414}.review_card{display:flex}.card{text-align:center;box-sizing:border-box;width:100%;border:1px solid #d4bfc4;border-radius:24px;padding:20px 16px}.foto{justify-self:center;border-radius:50%;margin-bottom:24px}.reviewer_name{font-weight:600;font-size:18px;line-height:111%;letter-spacing:-.01em;text-transform:uppercase;text-align:center;color:#141414;margin-bottom:8px}.comment{text-align:center;color:#858585}@media only screen and (min-width: 768px){.review{background-color:#fbfbfb;padding-top:100px;padding-bottom:100px}.title_rew{display:block;margin-bottom:52px;padding-right:151px}.head_review{font-size:64px;line-height:100%;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:24px}.card{padding:20px}.review_card{display:flex;gap:24px}.review_card .card:nth-child(-n+2){display:block}}@media only screen and (min-width: 1280px){.title_rew{padding-right:527px}.review_card .card{display:block}}@media screen and (min-width: 320px) and (max-width: 374px){.head_review{font-size:44px;letter-spacing:-.01em}.words{font-size:12px}}.order{padding:80px 0;background-color:#576f35}.order-container-title{margin-bottom:40px}.order-title{font-weight:600;font-size:48px;line-height:1.08;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:20px}.order-title-span{color:#d4bfc4}.order-container-form{border-radius:30px;padding:40px 20px;max-width:335px;background-color:#fbfbfb;margin-bottom:20px}.order-container-form-text{margin-bottom:40px}.order-container-form-text-title{font-weight:600;font-size:27px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#141414;max-width:100%}.order-form-span-red{color:#7a3145}.order-form-span-green{color:#576f35}.order-label{margin-bottom:16px;display:block}.order-input-name,.order-input-email{border:1px solid #858585;border-radius:30px;padding:14px 16px;width:100%;height:48px;color:#141414;outline:none}.order-input-email:focus,.order-input-name:focus,.order-textarea-commit:focus{border-color:#7a3145}.order-input-name:not(:placeholder-shown):valid,.order-input-email:not(:placeholder-shown):valid{border-color:#3cbc81}.order-input-name:not(:placeholder-shown):invalid,.order-input-email:not(:placeholder-shown):invalid{border-color:#e74a3b}.order-label-textarea{margin-bottom:20px;display:block}.order-textarea-commit{border:1px solid #858585;border-radius:15px;padding:16px;width:100%;height:92px;resize:none;color:#141414;outline:none}.order-btn-form{border-radius:30px;padding:16px 0;width:100%;max-height:52px;background-color:#7a3145;font-weight:600;font-size:18px;line-height:1.11;letter-spacing:-.01em;text-transform:uppercase;color:inherit;border:transparent;text-align:center;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.order-btn-form:active,.order-btn-form:focus{background-color:#fbfbfb;color:#7a3145;border:transparent}.order-container-img{background-color:#7a3145;border-radius:30px;padding:40px 20px;max-width:335px}.order-img-all-picture img{border-radius:15px;display:block;width:100%;object-fit:contain}.order-container-img-links{margin-bottom:20px}.order-social-txt{font-weight:700;color:#d4bfc4;margin-bottom:16px}.order-social-list{display:flex;flex-wrap:wrap;column-gap:23px;row-gap:8px}.order-social-items{display:flex;position:relative}.order-social-items:not(:last-child):after{content:"";position:absolute;right:-12px;height:18px;width:3px;background-color:#fbfbfb;transform:rotate(15deg);top:50%;transform-origin:center;translate:0 -50%}.order-social-items-link{font-weight:600;font-size:18px;line-height:1.11;letter-spacing:-.01em;text-transform:uppercase;transition:color .25s cubic-bezier(.4,0,.2,1)}.order-social-items-link:focus,.order-social-items-link:active{color:#3cbc81}@media only screen and (min-width: 768px){.order{padding:100px 0}.order-container-form-text{margin-bottom:52px}.order-title{font-size:64px;line-height:1;margin-bottom:24px}.order-subtitle{font-size:16px;line-height:1.25;max-width:640px}.order-container-form{padding:72px 100px;min-width:640px;height:632px;margin:0 auto 32px}.order-container-form-text-title{font-size:32px;margin:0 auto;min-width:440px}.order-input-name,.order-input-email{height:52px}.order-textarea-commit{height:96px}.order-container-img{padding:52px;min-width:640px;height:528px;margin:0 auto}.order-container-img-links{margin-bottom:52px}.order-social-txt{font-size:16px;line-height:1.25;margin-bottom:16px}.order-social-list{column-gap:32px;row-gap:0}.order-social-items:not(:last-child):after{right:-15px;width:2px}}@media only screen and (min-width: 1280px){.order{padding:100px 0;margin:0 auto}.order-title{max-width:751px}.order-subtitle{font-size:16px;line-height:1.25}.order-container-form{padding:52px 48px;min-width:524px;height:592px;margin-bottom:0}.order-container-main{display:flex;column-gap:32px}.order-container-form-text-title{max-width:428px}.order-container-img{padding:52px 48px;min-width:524px;height:592px}.order-social-items-link:focus,.order-social-items-link:hover{color:#3cbc81}.order-btn-form{transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);outline:transparent}.order-btn-form:hover{background-color:#d4bfc4;color:#7a3145}.order-btn-form:focus{background-color:#fbfbfb;color:#7a3145;border:1px solid #7a3145}.order-img-all{min-width:428px}.order-container-img-links{margin-bottom:80px}.order-social-list{column-gap:31px}}footer{background-color:#7a3145;padding-top:40px;padding-bottom:40px}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:40px;margin-bottom:80px}.logo-section{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px}.slogan{max-width:335px}.logo-svg{fill:#fbfbfb}.footer-rights-side{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:40px}.footer-nav-list{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:14px;font-weight:600;font-size:32px;line-height:1;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap}.contacts{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;font-weight:700;gap:14px;max-width:180px}.footer-bottom{display:block;color:#d4bfc4}.footer-links{display:flex;align-items:center;gap:8px;margin-bottom:16px}@media only screen and (min-width: 768px){.logo-svg{width:216px;height:20px}.footer{padding-top:32px;padding-bottom:32px}.footer-content{justify-content:space-between;flex-direction:row;gap:212px}.slogan{max-width:265px;font-size:16px}.footer-rights-side{gap:64px}.footer-links{margin-bottom:0}.footer-nav-list{gap:24px}.contacts{font-size:16px}.footer-bottom{display:flex;align-items:center;justify-content:space-between}}@media only screen and (min-width: 1280px){.footer{padding-top:52px;padding-bottom:52px}.footer-rights-side{flex-direction:row;gap:121px}.footer-content{justify-content:space-between;flex-direction:row;gap:250px;margin-bottom:124px}.footer-links{display:flex;align-items:center;gap:12px}}.footer-link,.contact-link{color:inherit;text-decoration:none;transition:color .3s ease}.footer-link:hover,.footer-link:focus,.contact-link:hover,.contact-link:focus{color:#3cbc81}.logo-svg{transition:transform .5s ease,fill .5s ease}.logo-svg:hover{transform:scale(1.1);fill:#3cbc81}.footer-link,.contact-link{position:relative;display:inline-block}.footer-link:after,.contact-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#3cbc81;transition:width .3s ease}.footer-link:hover:after,.contact-link:hover:after{width:100%}.footer-link,.contact-link{transition:color .3s ease,transform .3s ease}.footer-link:hover,.contact-link:hover{color:#3cbc81;transform:none}
