html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{list-style:none;margin:0;padding:0}a{text-decoration:none;color:#030a06;font-style:normal}img,svg{display:block;max-width:100%;height:auto}button{cursor:pointer;border:none}body{font-family:Fira Sans,sans-serif;background-color:#ebf8ed;color:#030a06}.container{max-width:320px;width:100%;margin:0 auto;padding:0 16px}.section{padding:32px 0}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}.section{padding:64px 0}}@media screen and (min-width: 1440px){.container{max-width:1440px;padding:0 64px}.section{padding:64px 0}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#75d281;padding:14px 0}body{padding-top:60px}.header>.container{display:flex;justify-content:space-between}.logo-link{display:inline-block}.logo-svg{display:block;height:auto}.logo-svg-mobile{display:block}.logo-svg-desktop,.main-nav{display:none}.main-nav-list{list-style:none;margin:0;padding:0}.contacts{display:none}.burger-menu-button{background:transparent}@media screen and (min-width: 768px){body{padding-top:70px}.header>.container{padding-left:32px;padding-right:28px}}@media screen and (min-width: 1440px){body{padding-top:0}.header{position:relative;top:auto;left:auto;right:auto}.header>.container{padding:0 64px;align-items:center}.burger-menu-button,.logo-svg-mobile{display:none}.logo-svg-desktop,.main-nav{display:block}.main-nav-list{display:flex;gap:32px}.main-nav-link,.contacts-link,.footer__address{font-weight:400;font-size:16px;line-height:1.6;text-decoration:none;position:relative;transition:color .3s ease}.main-nav-link:active,.contacts-link:active{color:#113916;opacity:.6}.main-nav-link.disabled,.contacts-link.disabled{color:#999;pointer-events:none;cursor:default;text-decoration:none}.main-nav-link:after,.contacts-link:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background-color:#030a06;transition:width .3s}.main-nav-link:hover:after,.main-nav-link:focus:after,.contacts-link:hover:after,.contacts-link:focus:after{width:100%}.main-nav-link:active:after,.contacts-link:active:after{background-color:#113916;opacity:.6}.contacts{display:flex}.contacts-list{display:flex;gap:16px}}.mobile-modal{position:absolute;top:100%;left:0;width:100%;height:100vh;z-index:999;visibility:hidden;opacity:0;transform:translateY(-20px);transition:visibility .3s ease,opacity .3s ease,transform .3s ease}body.modal-open{overflow:hidden;height:100vh}.mobile-modal.is-open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-modal-wrap{width:100%;height:100vh;padding:32px 20px;display:flex;flex-direction:column;background-color:#75d281}.mobile-modal-nav{padding-bottom:32px}.mobile-modal-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:32px}.mobile-modal-contacts{padding-top:32px}.mobile-modal-nav-link,.mobile-modal-contacts-link{display:block;font-weight:400;font-size:16px;line-height:1.6;text-decoration:none;transition:color .3s ease}.mobile-modal-contacts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.burger-menu-icon-close,.burger-menu-button.is-open .burger-menu-icon-burger{display:none}.burger-menu-button.is-open .burger-menu-icon-close{display:block}@media screen and (min-width: 768px){.mobile-modal{width:100%;height:100vh}.mobile-modal-wrap{padding:32px}}@media screen and (min-width: 1440px){.mobile-modal{display:none}body.modal-open{overflow:auto;position:static}}.hero{padding:64px 0}.hero-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:.01em;margin-bottom:20px}.hero-description{font-weight:400;font-size:16px;line-height:1.6;margin-bottom:24px}.hero-button{font-weight:400;font-size:16px;line-height:1.6;color:#fff;background:#030a06;border:1px solid #030a06;border-radius:6px;padding:12px 24px;width:288px;height:50px;display:block;text-align:center}.hero-image-wrapper>picture img{border-radius:40px}.hero-content{margin-bottom:24px}@media screen and (min-width: 768px){.hero{padding-top:32px;padding-bottom:64px}.hero-content{display:flex;justify-content:space-between;gap:24px;margin-bottom:20px}.hero-info{display:flex;flex-direction:column;align-items:start}.hero-title{margin-bottom:0}.hero-description{font-size:18px;margin-bottom:32px}.hero-button{width:148px;height:50px;white-space:nowrap;margin-bottom:0}}@media screen and (min-width: 1440px){.hero-content{display:flex;justify-content:space-between;gap:32px}.hero-title{font-size:56px;max-width:640px}.hero-button{transition:all .5s ease}.hero-button:hover,.hero-button:focus{transform:scale(1.02);opacity:.5}.hero-button:active{background:#113916;opacity:.6}.hero-button:disabled{background:#030a06;opacity:.2}.hero-image-wrapper>picture img{transition:transform .3s ease,box-shadow .5s ease}.hero-image-wrapper>picture img:hover,.hero-image-wrapper>picture img:focus{transform:scale(1.02);box-shadow:inset 0 0 0 4px #ffffff80,0 4px 8px #0000001a,0 8px 16px #0000001a}}.about{background-image:url(/project-EcoTote/assets/about-mob-1x-CtupRuSQ.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;max-width:100%;color:#fff;display:flex;align-items:center;justify-content:center}.about>.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media screen and (min-width: 320px) and (min-resolution: 2dppx){.about{background-image:url(/project-EcoTote/assets/about-mob-2x-CuwZ22P2.jpg);padding:64px 0}}.about-title{font-weight:600;font-size:16px;line-height:1.5;text-align:center;margin:0 auto}.about-subtitle{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;margin-top:12px;margin-bottom:20px}.about-text{font-weight:400;font-size:16px;line-height:1.6;text-align:center}@media screen and (min-width: 768px){.about{background-image:url(/project-EcoTote/assets/about-tab-1x-DPrdvRJ6.jpg)}.about-text{font-weight:400;font-size:18px;line-height:1.6;text-align:center;max-width:573px;margin:16px auto 24px}}@media screen and (min-width: 768px) and (min-resolution: 2dppx){.about{background-image:url(/project-EcoTote/assets/about-tab-2x-CqPpAMIQ.jpg);padding:80px 0}}@media screen and (min-width: 1440px){.about{background-image:url(/project-EcoTote/assets/about-comp-1x-CHWRg4eb.jpg);padding-top:112px;padding-bottom:94px}.about-title{font-size:16px}.about-subtitle{font-size:56px;max-width:629px}}@media screen and (min-width: 1440px) and (min-resolution: 2dppx){.about{background-image:url(/project-EcoTote/assets/about-comp-2x-DhAkWblY.jpg)}}.advantages-subtitle{font-weight:600;font-size:16px;line-height:1.5;margin-bottom:12px}.advantages-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;margin-bottom:20px}.advantages-desc{font-weight:400;font-size:16px;line-height:1.6;margin-bottom:48px}.advantages-subhead{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;line-height:1.4;letter-spacing:.01em;margin-top:8px;margin-bottom:4px}.advantages-text{font-weight:400;font-size:16px;line-height:1.6}.advantages-list{display:flex;flex-wrap:wrap;gap:48px}.advantages-item img{border-radius:32px}@media screen and (min-width: 768px){.advantages-subtitle{margin-bottom:16px}.advantages-title{margin-bottom:24px}.advantages-desc{font-size:18px;margin-bottom:32px}.advantages-subhead{margin-top:32px;margin-bottom:8px}.advantages-list{gap:24px}.advantages-subhead-part{margin-bottom:42px}.part-crosshead{display:unset}.advantages-item{width:calc((100% - 24px)/2)}.advantages-item:last-child{width:100%}}@media screen and (min-width: 1440px){.advantages-title{font-size:48px}.advantages-desc{margin-bottom:80px}.advantages-subhead{font-size:32px;margin-bottom:24px}.advantages-list{flex-wrap:nowrap;gap:24px}.advantages-item,.advantages-item:last-child{width:calc((100% - 24px) / 3)}.advantages-item img{width:100%;height:auto;border-radius:32px;transition:transform .3s ease,box-shadow .5s ease}.advantages-item img:hover,.advantages-item img:focus{transform:scale(1.02);box-shadow:inset 0 0 0 4px #ffffff80,0 4px 8px #0000001a,0 8px 16px #0000001a}}.section-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;margin-bottom:32px}.assortment-list{display:flex;flex-direction:column;row-gap:40px;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.product-card{display:flex;flex-direction:column;align-items:center;flex:1 1 calc(100% - 40px);max-width:400px;min-width:260px;box-sizing:border-box}.product-image{border-radius:32px;width:100%;height:100%;object-fit:cover;object-position:center}.product-title{margin-top:16px;font-weight:600;font-size:18px;line-height:1.6;text-align:center}.product-description{font-weight:400;font-size:14px;line-height:1.6;text-align:center;margin-bottom:8px;max-width:280px}.product-price{font-weight:600;font-size:20px;line-height:1.6;text-align:center;margin-bottom:16px}.assortment-list .product-card:last-child .product-description,.assortment-list .product-card:nth-child(5) .product-description{margin-bottom:30px}.product-button{display:inline-block;text-decoration:none;text-align:center;border:1px solid #030a06;border-radius:6px;padding:8px 20px;width:288px;height:40px;font-weight:400;font-size:16px;line-height:1.6;background:transparent;transition:all .3s ease}@media only screen and (min-width: 768px){.section-title{font-size:36px;margin-bottom:32px}.assortment-list{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:24px;row-gap:48px;justify-content:center}.product-card{flex:1 1 calc(50% - 24px);min-height:593px}.product-price{margin-bottom:16px}.product-button{width:340px}}@media screen and (min-width: 1440px){.section-title{font-size:48px}.assortment-list{grid-template-columns:repeat(4,1fr);column-gap:24px;row-gap:64px;justify-items:center;display:flex}.product-card{flex:1 1 calc(25% - 24px);max-width:340px}.product-card>picture{border-radius:32px;transition:transform .3s ease,box-shadow .5s ease}.product-card>picture:hover,.product-card>picture:focus{transform:scale(1.02);box-shadow:inset 0 0 0 4px #ffffff80,0 4px 8px #0000001a,0 8px 16px #0000001a}.product-button{width:310px;max-width:310px;transition:all .3s ease}.product-button:hover,.product-button:focus{transform:scale(1.02);opacity:.5}.product-button:active{border:1px solid #113916;color:#113916;opacity:.5}.product-button :disabled{background-color:#37415133;color:#37415166;border-color:#37415133;cursor:not-allowed}}.product-button:focus-visible{outline:3px solid rgba(3,10,6,.15);outline-offset:2px}.gallery-title{font-family:Comfortaa,sans-serif;text-align:center;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;margin-bottom:16px}.gallery-subtitle{font-weight:400;font-size:18px;line-height:1.6;text-align:center;margin-bottom:32px}.gallery-grid{display:grid;grid-template-columns:1fr;gap:16px;list-style:none;margin:0;padding:0}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;border-radius:32px;transition:transform .3s ease,box-shadow .5s ease}.gallery-grid li:hover img{transform:scale(1.02);box-shadow:inset 0 0 0 4px #ffffff80,0 4px 8px #0000001a,0 8px 16px #0000001a}@media only screen and (min-width: 768px){.gallery-title{margin-bottom:24px}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.item2{grid-row:span 2 / span 2;grid-column-start:2;grid-row-start:1}.item3{grid-row:span 2 / span 2;grid-column-start:1;grid-row-start:2}.item4{grid-column-start:1;grid-row-start:1}}@media screen and (min-width: 1440px){.gallery-title{font-size:48px}.gallery-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.item1{grid-row-start:2}.item2{grid-row:span 2 / span 2}.item3{grid-column-start:3;grid-row:span 2 / span 2}}.reviews-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;margin-bottom:32px}.star-svg{width:24px;height:24px;fill:#3ac04c}@media screen and (min-width: 768px){.reviews-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);column-gap:24px;row-gap:32px;justify-items:center}.review-card{width:340px;height:182px;display:flex;flex-direction:column}.text{margin-top:24px;margin-bottom:auto;flex-grow:1}.author{margin-top:24px}.review-card:nth-child(3) .text,.review-card:nth-child(4) .text{min-height:84px}.review-card:nth-child(2) .text{min-height:84px}}.reviews-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#030a06;margin-bottom:32px}.reviews-list{display:flex;flex-direction:column;gap:40px}.stars{display:flex;gap:4px}.text{font-family:Comfortaa,sans-serif;font-weight:700;font-size:20px;line-height:1.4;letter-spacing:.01em;margin-top:12px;margin-bottom:12px}.author{font-weight:600;font-size:16px;line-height:1.6}@media screen and (min-width: 768px){.reviews-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);column-gap:24px;row-gap:32px;justify-items:center}.review-card{width:340px;height:182px;display:flex;flex-direction:column}.text{margin-top:24px;margin-bottom:auto;flex-grow:1}.author{margin-top:24px}}@media screen and (min-width: 1440px){.reviews-title{font-size:48px;max-width:560px;margin:0 auto 80px}.text{margin-top:24px;margin-bottom:24px;width:100%;font-size:20px;letter-spacing:0}.reviews-list{display:flex;gap:24px;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap}.review-card{width:310px;display:flex;flex-direction:column;box-sizing:border-box}.stars{display:flex;gap:2px}.author{margin-top:auto}.star-svg{transition:all .5s ease}.star-svg:hover{rotate:-10deg;transform:scale(1.5);fill:#4af561}}.support-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;margin-bottom:24px}.support-subtitle{font-weight:400;font-size:18px;line-height:1.6;margin-bottom:32px}.support-img{max-width:100%;height:100%;border-radius:40px;width:288px;height:428px}.support-btn{background:#030a06;font-weight:400;font-size:16px;line-height:1.6;color:#fff;border:1px solid #030a06;border-radius:6px;padding:12px 24px;width:288px;height:50px;margin:24px auto;display:block}.support-label{margin-bottom:8px;font-weight:400;font-size:16px;line-height:1.6;display:block}.support-label:not(:first-child){margin-top:24px}.support-input{width:288px;height:42px;background:#030a060d;border:1px solid rgba(3,10,6,.15);border-radius:6px;padding:8px 12px}.support-form{display:flex;flex-direction:column}.support-textarea{width:288px;height:180px;background:#030a060d;border:1px solid rgba(3,10,6,.15);border-radius:6px;padding:12px}.support-input::placeholder,.support-textarea::placeholder{font-weight:400;font-size:16px;line-height:1.6;color:#030a0699}.support-input:hover::placeholder,.support-textarea:hover::placeholder{color:#030a06}.support-input:not(:placeholder-shown)::placeholder,.support-textarea:not(:placeholder-shown)::placeholder{opacity:0}.support-input,.support-textareva{border:1px solid rgba(3,10,6,.15);background:#030a060d;transition:border-color .3s ease,background .3s ease}.support-input:user-invalid:not(:placeholder-shown),.support-textarea:user-invalid:not(:placeholder-shown){border:1px solid #d64040;background:#f8f2f2}.input-error{font-size:14px;color:#d64040;margin-top:4px;display:none;opacity:0;transition:opacity .3s ease}.support-input:user-invalid:not(:placeholder-shown)+.input-error,.support-textarea:user-invalid:not(:placeholder-shown)+.input-error{display:block;opacity:1}.support-input:focus,.support-textarea:focus{outline:none;border-color:#030a0666;background:#030a060d}.support-textarea{resize:none}@media only screen and (min-width: 768px){.support-input{width:704px;height:42px}.support-textarea{width:704px;height:180px}.support-title{max-width:468px;text-align:start}.support-form{width:704px}.support-btn{margin:24px 0;display:block}.support-img{display:block;max-width:100%;height:100%;border-radius:40px;width:704px;height:429px}}@media screen and (min-width: 1440px){.support>.container{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.support-content{max-width:644px;flex-shrink:0}.support-input{width:644px;height:42px}.support-textarea{width:644px;height:180px}.support-title{max-width:644px;font-size:48px}.support-form{display:flex;flex-direction:column;align-items:flex-start;width:100%}.support-img{display:block;max-width:100%;height:100%;border-radius:40px;width:644px;height:767px;transition:transform .3s ease,box-shadow .5s ease}.support-img:hover,.support-img:focus{transform:scale(1.02);box-shadow:inset 0 0 0 4px #ffffff80,0 4px 8px #0000001a,0 8px 16px #0000001a}.support-subtitle{max-width:644px}.support-btn{margin-top:24px;margin-bottom:0;transition:all .5s ease}.support-btn:hover,.support-btn:focus{transform:scale(1.02);opacity:.5}.support-btn:active{background:#113916;opacity:.6}.support-btn:disabled{background:#030a06;opacity:.2}}.footer{background:#75d281;text-align:center}.footer>.container{padding:48px 20px}.footer__nav{margin-bottom:48px}.footer__logo-link{display:inline-block;margin-bottom:48px}.footer__nav-list{display:flex;flex-direction:column;gap:32px}.footer__nav-link,.footer__address{font-weight:400;font-size:16px;line-height:1.6}.footer__nav-link.disabled{color:#999;cursor:default;text-decoration:none}.footer__nav-link.disabled:hover:after{width:0}.footer__social-list{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:48px}.footer-contacts{position:relative;padding:24px 0}.footer-contacts:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:#030a0626}.footer-contacts-list{display:flex;flex-direction:column;gap:16px}.footer__copyright{padding-bottom:16px;line-height:1.6}@media screen and (min-width: 768px){.footer>.container{padding:64px 32px}.footer__nav{margin-bottom:32px}.footer__nav-list{flex-direction:row;justify-content:center;gap:32px}.footer__logo-link{margin-bottom:32px;max-width:164px;height:auto}.footer__social-list{margin-bottom:24px}.footer__social-icon{width:40px;height:40px}.footer-contacts{padding:16px 0}.footer-contacts-list{display:flex;flex-direction:row;justify-content:center;gap:32px}.footer__copyright{padding-bottom:0}}@media screen and (min-width: 1440px){.footer>.container{padding:80px 64px}.footer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:52px;position:relative}.footer__top:after{content:"";position:absolute;bottom:-52px;left:0;width:100%;height:1px;background-color:#030a0626}.footer__nav{display:flex;align-items:center;gap:208px;margin-bottom:0}.footer__logo-link{margin-bottom:0;flex-shrink:0}.footer__nav-list{gap:32px}.footer__social-list{align-items:center;margin-bottom:0}.footer__social-icon{width:24px;height:24px}.footer-contacts{padding-top:16px}.footer__nav-link,.footer__address{position:relative;transition:color .3s ease}.footer__nav-link:active,.footer__address:active{color:#113916;opacity:.6}.footer__nav-link:disabled,.footer__address:disabled{color:#999;pointer-events:none;cursor:default;text-decoration:none}.footer__nav-link:after,.footer__address:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background-color:#030a06;transition:width .3s}.footer__nav-link:hover:after,.footer__nav-link:focus:after,.footer__address:hover:after,.footer__address:focus:after{width:100%}.footer__nav-link:active:after,.footer__address:active:after{background-color:#113916;opacity:.6}.footer__social-icon{background:transparent;transition:all .3s ease}.footer__social-icon:hover,.footer__social-icon:focus{transform:scale(1.5)}.footer__social-list .footer__social-item:nth-child(1) svg:hover{fill:#b300b3}.footer__social-list .footer__social-item:nth-child(2) svg:hover{fill:#2d65bc}.footer__social-list .footer__social-item:nth-child(3) svg:hover{fill:#ea333e}}
