h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}button{cursor:pointer}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:transparent;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}:root{--color-scheme-1-background: var(--color-emerald-lightest);--color-neutral-darkest: #030a06;--color-scheme-1-border: var(--opacity-neutral-darkest-15);--color-scheme-1-text: var(--color-neutral-darkest);--color-neutral-lighter: #d9dad9;--color-white: #fff;--color-neutral-lightest: #f2f2f2;--color-neutral-light: #b3b5b4;--color-neutral: #818482;--color-neutral-dark: #4e5350;--color-neutral-darker: #1c221e;--opacity-transparent: rgba(255, 255, 255, 0);--color-scheme-1-foreground: var(--color-emerald-lighter);--color-scheme-1-accent: var(--color-neutral-darkest);--opacity-white-5: rgba(255, 255, 255, .05);--opacity-white-10: rgba(255, 255, 255, .1);--opacity-white-15: rgba(255, 255, 255, .15);--opacity-white-20: rgba(255, 255, 255, .2);--opacity-white-30: rgba(255, 255, 255, .3);--opacity-white-40: rgba(255, 255, 255, .4);--opacity-white-50: rgba(255, 255, 255, .5);--opacity-white-60: rgba(255, 255, 255, .6);--opacity-neutral-darkest-5: rgba(3, 10, 6, .05);--opacity-neutral-darkest-10: rgba(3, 10, 6, .1);--opacity-neutral-darkest-15: rgba(3, 10, 6, .15);--opacity-neutral-darkest-20: rgba(3, 10, 6, .2);--opacity-neutral-darkest-30: rgba(3, 10, 6, .3);--opacity-neutral-darkest-40: rgba(3, 10, 6, .4);--opacity-neutral-darkest-50: rgba(3, 10, 6, .5);--opacity-neutral-darkest-60: rgba(3, 10, 6, .6);--color-emerald-lightest: #ebf8ed;--color-emerald-lighter: #d7f2db;--color-emerald-light: #75d281;--color-emerald: #3ac04c;--color-emerald-dark: #2e993c;--color-emerald-darker: #174c1e;--color-emerald-darkest: #113916;--color-scheme-2-text: var(--color-neutral-darkest);--color-scheme-2-background: var(--color-emerald-light);--color-scheme-2-border: var(--opacity-neutral-darkest-15);--color-scheme-2-accent: var(--color-neutral-darkest);--color-scheme-2-foreground: var(--color-emerald);--color-scheme-3-text: var(--color-neutral-darkest);--color-scheme-3-background: var(--color-white);--color-scheme-3-border: var(--opacity-neutral-darkest-15);--color-scheme-3-accent: var(--color-neutral-darkest);--color-scheme-3-foreground: var(--color-neutral-lightest);--color-error-red: #d64040;--font-family: "Fira Sans", sans-serif;--second-family: "Comfortaa", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-family, "Fira Sans", sans-serif);font-weight:400;font-size:16px;line-height:160%;font-style:normal;color:var(--color-neutral-darkest);background-color:var(--color-emerald-lightest);min-width:320px;margin:0;min-height:100svh}.fira{font-family:var(--font-family);font-weight:600;font-size:16px;line-height:150%}.comfortaa{font-family:var(--second-family);font-weight:700;font-size:56px;letter-spacing:.01em;line-height:120%}.hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}p{font-weight:400;font-size:14px;line-height:160%}.container{width:100%;margin:0 auto;padding-inline:16px;max-width:320px}@media (min-width: 768px){.container{padding-inline:32px;max-width:768px}}@media (min-width: 1440px){.container{padding-inline:64px;max-width:1440px}}@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;z-index:100;background:var(--color-emerald-light)}.header__container{display:flex;align-items:center;justify-content:space-between;min-height:64px}.logo__img{width:84px;height:auto;display:block}.nav,.header__contacts{display:none}address{font-style:normal}.burger{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:transparent;border:none;position:relative}.burger__line{position:absolute;left:50%;width:16px;height:2px;background:var(--color-neutral-darker);transform:translate(-50%);transition:transform .22s ease,opacity .16s ease,width .16s ease}.burger__line:nth-child(1){transform:translate(-50%) translateY(-6px)}.burger__line:nth-child(2){transform:translate(-50%)}.burger__line:nth-child(3){transform:translate(-50%) translateY(6px)}.burger.is-open .burger__line:nth-child(1){transform:translate(-50%) rotate(45deg)}.burger.is-open .burger__line:nth-child(2){opacity:0}.burger.is-open .burger__line:nth-child(3){transform:translate(-50%) rotate(-45deg)}@media (prefers-reduced-motion: reduce){.burger__line{transition:none}}html.no-scroll{overflow:hidden}.overlay{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:#0006;z-index:800;opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.active{opacity:1;pointer-events:auto}.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;left:0;right:0;top:64px;z-index:900;background:var(--color-emerald-light);min-height:100vh}.mobile-nav{padding-top:32px;padding-bottom:64px}.mobile-nav__list{display:grid;row-gap:32px}.mobile-nav__link{display:block;color:var(--color-neutral-darker);font-weight:400;font-size:16px;line-height:1.6}.mobile-contacts{padding-top:32px;padding-bottom:92px}.mobile-contacts__list{display:grid;row-gap:16px}.mobile-contacts__link{display:inline-flex;font-weight:400;font-size:16px;line-height:1.6;color:var(--color-neutral-darker)}.mobile-nav__link:hover,.mobile-nav__link:focus-visible,.mobile-nav__link:active,.mobile-contacts__link:hover,.mobile-contacts__link:focus-visible,.mobile-contacts__link:active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.mobile-nav__link:active,.mobile-contacts__link:active{color:var(--color-emerald)}@media (min-width: 768px) and (max-width: 1439.98px){.logo__img{width:84px}.mobile-contacts{padding-bottom:128px}}@media (min-width: 1440px){.header__container{min-height:72px}.logo__img{width:106.5px}.burger,.mobile-menu{display:none}.nav,.header__contacts{display:block}.nav__list{display:flex;align-items:center;gap:32px}.nav__link{display:inline-flex}.contacts-list{display:flex;align-items:center;gap:16px}.nav__link:hover,.nav__link:focus,.nav__link:active,.header__phone:hover,.header__phone:focus,.header__phone:active,.header__email:hover,.header__email:focus,.header__email:active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.nav__link:active,.header__phone:active,.header__email:active{color:var(--color-emerald)}}.hero{padding:64px 0}.hero-title{margin:0 0 20px;font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:.01em;color:#030a06;width:288px}.hero-txt{font-family:Fira Sans,sans-serif;font-size:16px;line-height:1.6;color:#030a06;margin:0 0 24px;width:288px}.hero-link{font-size:16px;line-height:1.6;color:#fff;text-decoration:none;white-space:nowrap}.hero-btn{display:flex;justify-content:center;align-items:center;border:1px solid #030a06;border-radius:6px;padding:12px 24px;width:288px;height:50px;background:#030a06;cursor:pointer;margin:0 0 24px;transition:background-color .25s cubic-bezier(.4,0,.2,1);font-size:16px;line-height:1.6;color:#fff;text-decoration:none;white-space:nowrap}.hero-btn:hover,.hero-btn:focus{background-color:#77817a;border:1px solid #77817a}.hero-btn:active{background-color:#68856c;border:1px solid #68856c}.hero-btn:disabled{background-color:#bdc8bf;border:1px solid #bdc8bf}.hero-img{border-radius:40px}@media (min-width: 768px){.hero{padding:32px 0}.hero-container{display:flex;flex-direction:column;align-items:center}.hero-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:24px;width:100%}.hero-title{flex:0 0 auto;width:50%;font-size:40px}.hero-side{flex:0 0 auto;width:340px}.hero-txt{font-size:18px;margin:0 0 32px;width:100%}.hero-btn{gap:16px;width:148px;height:50px}.hero-img{margin:20px 0 0;width:100%;height:auto}}@media (min-width: 1440px){.hero-content{gap:32px}.hero-title{width:49%;font-size:56px}.hero-side{flex:0 0 auto;width:640px}.hero-txt{font-size:18px;margin:0 0 32px;width:100%}.hero-btn{gap:16px;width:148px;height:50px}.hero-img{width:100%;height:auto}}.about-section{padding-top:64px;padding-bottom:64px;text-align:center;background-image:url(/ecotote-project/assets/about-mob-1x-CBhPmn3_.webp);background-repeat:no-repeat;background-size:cover;background-position:center;max-width:100%;margin:0 auto}@media screen and (min-resolution: 2x),(-webkit-min-device-pixel-ratio: 2){.about-section{background-image:url(/ecotote-project/assets/about-mob-2x-Dt7SkJNo.webp)}}.about-container{color:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center}.about-title{margin-bottom:12px}.about-subtitle{font-size:36px;margin-bottom:20px}.about-text{font-size:16px}@media (min-width: 768px){.about-section{padding-top:80px;padding-bottom:80px;background-image:url(/ecotote-project/assets/about-tab-1x-BWKotxqF.webp)}@media screen and (min-resolution: 2x),(-webkit-min-device-pixel-ratio: 2){.about-section{background-image:url(/ecotote-project/assets/about-tab-2x-DH8efwPD.webp)}}.about-title{margin-bottom:16px}.about-subtitle{margin-bottom:24px}.about-text{font-size:18px;max-width:573px}}@media (min-width: 1440px){.about-section{padding-top:112px;padding-bottom:112px;background-image:url(/ecotote-project/assets/about-desk-1x-7jOMACHb.webp)}@media screen and (min-resolution: 2x),(-webkit-min-device-pixel-ratio: 2){.about-section{background-image:url(/ecotote-project/assets/about-desk-2x-Q-KprZnY.webp)}}.about-subtitle{max-width:405px;font-size:56px}}.advantages{padding:32px 0}.advantages-subtitle{color:#030a06;margin-bottom:12px}.advantages-title{color:#030a06;margin:0 0 20px;font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em}.advantages-desc{color:#030a06;line-height:1.6;margin-bottom:48px}.advantages-li picture{margin-bottom:8px}.advantages-img{border-radius:32px;overflow:hidden}.advantages-list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:48px}.advantages-li{flex-direction:column;justify-content:space-between;width:100%}.advantages-list-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;line-height:1.4;letter-spacing:.01em;margin-bottom:4px}.advantages-li-text{font-size:16px;line-height:1.6}@media only screen and (min-width: 768px){.advantages{padding:64px 0}.advantages-subtitle{margin-bottom:16px}.advantages-title{margin-bottom:24px}.advantages-desc{max-width:768px;font-size:18px;margin-bottom:32px}.advantages-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.advantages-list-title{margin-bottom:8px}.nth3{margin-bottom:42px}.large{grid-column:span 2}.advantages-li picture{margin-bottom:32px}.advantages-img{width:100%}.advantages-li-text{font-size:16px;line-height:1.6}}@media only screen and (min-width: 1440px){.advantages-desc{margin-bottom:80px}.advantages-subtitle{margin-bottom:16px}.advantages-title{font-size:48px}.advantages-list{display:flex;flex-wrap:wrap;gap:24px}.advantages-li{width:calc((100% - 48px) / 3);max-width:422px}.advantages picture{margin-bottom:32px}.advantages-list-title{font-size:32px;margin-bottom:24px}}.assortment{padding:32px 0}.assortment-title{font-size:36px;text-align:center;margin-bottom:32px}.assortment-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:40px}.assortment-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;max-width:288px;width:100%}.assortment-picture{margin-bottom:16px}.assortment-image{border-radius:32px;width:100%;height:auto;display:block}.assortment-content{max-width:288px;margin-bottom:16px;width:100%}.assortment-name{font-size:18px;line-height:1.6}.assortment-text{font-size:14px;margin-bottom:8px}.assortment-price{font-weight:600;font-size:20px;line-height:1.6}.assortment-button{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-neutral-darkest);border-radius:6px;padding:8px 20px;width:288px;height:40px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.assortment-button:active{border:1px solid var(--color-emerald-darkest);color:var(--color-emerald-darkest);opacity:.6}.assortment-button:disabled{opacity:.2;cursor:not-allowed;pointer-events:none}@media screen and (min-width: 768px){.assortment{padding:64px 0}.assortment-list{gap:48px 24px}.assortment-item,.assortment-content{max-width:340px}.assortment-button{max-width:340px;transition:all .25s cubic-bezier(.4,0,.2,1)}.assortment-button:hover,.assortment-button:focus{opacity:.5}}@media screen and (min-width: 1440px){.assortment{padding:64px 0}.assortment-title{font-size:48px}.assortment-list{gap:64px 24px}.assortment-item{width:calc((100% - 72px)/4);max-width:310px}.assortment-content{max-width:310px}.assortment-button{width:310px;transition:all .25s cubic-bezier(.4,0,.2,1)}.assortment-button:hover,.assortment-button:focus{opacity:.5}}.gallery{padding-block:32px}.gallery-title{font-size:36px;text-align:center;margin-bottom:16px}.gallery-article{font-size:18px;font-weight:400;line-height:160%;text-align:center;margin-bottom:32px}.gallery-list{display:grid;justify-content:center;gap:16px}.gallery-img{border-radius:32px}@media screen and (min-width: 768px){.gallery{padding-block:64px}.gallery-title{margin-bottom:24px}.gallery-list{grid-template-columns:338px 338px;grid-template-rows:338px 338px 338px;gap:24px}.gallery-item:nth-child(1){grid-row:3;grid-column:2}.gallery-item:nth-child(4){grid-row:1;grid-column:1}}@media screen and (min-width: 1440px){.gallery-title{font-size:48px}.gallery-list{grid-template-columns:421px 421px 421px;grid-template-rows:421px 421px;gap:24px}.gallery-item:nth-child(1){grid-row:2;grid-column:1}.gallery-item:nth-child(4){grid-row:1;grid-column:1}}.feedbacks{padding-top:32px;padding-bottom:32px}.feedbacks__title{font-family:var(--second-family, "Comfortaa", sans-serif);font-weight:700;font-size:36px;line-height:120%;letter-spacing:.01em;color:var(--color-neutral-darker);margin-bottom:32px;text-align:center}.feedbacks__list{display:grid;row-gap:40px}.rating{display:inline-flex;gap:4px}.star{display:inline-block;fill:var(--color-white)}.star use{pointer-events:none}.star__filled{fill:var(--color-emerald)}.feedbacks__text{font-family:var(--second-family);font-weight:700;font-size:20px;line-height:140%;letter-spacing:.01em;padding:12px 0}.feedbacks__author{font-family:var(--font-family, "Fira Sans", sans-serif);font-weight:600;font-size:16px;line-height:160%}@media (min-width: 768px){.feedbacks{padding-top:64px;padding-bottom:64px}.feedbacks__list{grid-template-columns:1fr 1fr;column-gap:24px;row-gap:32px}}@media (min-width: 1440px){.feedbacks__title{font-size:48px;width:560px;margin:0 auto 80px}.feedbacks__list{grid-template-columns:1fr 1fr 1fr 1fr;align-items:stretch;gap:24px}.feedbacks__item{display:grid;grid-template-rows:auto 1fr auto;row-gap:24px;height:100%}.feedbacks__text{padding:0}}.support{padding-top:32px;padding-bottom:32px}.support-tittle{font-size:36px;color:var(--color-scheme-1-text);max-width:288px;margin-bottom:24px}.support-subtittle{font-family:var(--font-family);font-weight:400;font-size:18px;line-height:160%;color:var(--color-scheme-1-text);margin:0 auto 32px 0}.support-input-field{margin-bottom:24px}.support-label{display:inline-block;margin-bottom:8px;color:var(--color-scheme-1-text)}.form-element{width:100%;border:1px solid var(--opacity-neutral-darkest-15);border-radius:6px;background:var(--opacity-neutral-darkest-5);color:var(--color-scheme-2-text)}.form-input{padding:8px 12px;height:42px}.form-input::placeholder{color:var(--opacity-neutral-darkest-60)}.form-input:focus::placeholder{opacity:0}.form-input:focus{outline:none}.form-input:not(:placeholder-shown):invalid{border-color:var(--color-error-red);color:var(--color-error-red)}.text-invalid{font-size:14px;padding-left:20px;margin-top:4px;display:none}.text-invalid{color:var(--color-error-red)}#name:not(:placeholder-shown):invalid~.name-invalid{display:block}#email:not(:placeholder-shown):invalid~.email-invalid{display:block}.form-textarea{padding:12px;height:180px;resize:none}.form-textarea::placeholder{color:var(--opacity-neutral-darkest-60)}.form-textarea:focus::placeholder{opacity:0}.form-textarea:focus{outline:none}.support-btn{border:1px solid var(--color-neutral-darkest);border-radius:6px;padding:12px 24px;width:288px;height:50px;background:var(--color-neutral-darkest);color:var(--color-white);margin-bottom:24px;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),border .25s cubic-bezier(.4,0,.2,1)}.support-btn:hover,.support-btn:focus{opacity:.5}.support-btn:active{background:var(--color-emerald-darkest);opacity:.6;border:1px solid var(--color-emerald-darkest)}.support-img{background-image:url(/ecotote-project/assets/support-mob-1x-lpBdAmtm.webp);background-size:cover;background-position:center;width:100%;height:428px;border-radius:40px}@media screen and (min-resolution: 2x),(-webkit-min-device-pixel-ratio: 2){.support-img{background-image:url(/ecotote-project/assets/support-mob-2x-Cur3KK5Q.webp)}}@media screen and (min-width:768px){.support{padding-top:64px;padding-bottom:64px}.support-tittle{max-width:468px}.support-btn{width:249px}.support-img{background-image:url(/ecotote-project/assets/support-tab-1x-CvBJmMSd.webp)}@media screen and (min-resolution: 2x),(-webkit-min-device-pixel-ratio: 2){.support-img{background-image:url(/ecotote-project/assets/support-tab-2x-DE2G9vE-.webp)}}}@media screen and (min-width:1440px){.support-flex{display:flex;flex-wrap:wrap;column-gap:24px}.flex-item{width:calc((100% - 24px)/2)}.support-tittle{font-size:48px;max-width:644px}.support-btn{width:198px;margin:0}.support-img{background-image:url(/ecotote-project/assets/support-desk-1x-CN-jH40n.webp);width:644px;height:767px}@media screen and (min-resolution: 2x),(-webkit-min-device-pixel-ratio: 2){.support-img{background-image:url(/ecotote-project/assets/support-desk-2x-6BZApMkW.webp)}}}.footer{background-color:#75d281;padding:48px 0}.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-logo{width:280px}.footer-nav{margin-top:48px;display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center}.footer-item{font-weight:400;font-size:16px;line-height:1.6}.footer-social-list{margin-top:48px;margin-bottom:48px;display:flex;gap:12px;justify-content:center;align-items:center}.footer-social-link{transition:background-color .25s cubic-bezier(.4,0,.2,1)}.footer-icon:hover,.footer-icon:focus,.footer-icon:active{fill:#3ac04c}.footer-address{display:block;width:100%;border-top:1px solid rgba(3,10,6,.15)}.footer-address-list{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;margin-top:24px;margin-bottom:24px}.footer-address-link{font-weight:400;font-size:16px;line-height:1.6;font-style:normal}.footer-copy{font-weight:400;font-size:14px;line-height:1.6;text-align:center}.footer-copy:first-letter{vertical-align:middle}.footer-link:hover,.footer-link:focus,.footer-link:active,.footer-address-link:hover,.footer-address-link:focus,.footer-address-link:active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.footer-link:active,.footer-address-link:active{color:#3ac04c}@media screen and (min-width: 768px){.footer{padding:64px 0}.footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-logo{width:164px}.footer-nav{flex-direction:row;gap:32px;margin-top:32px}.footer-social-list{margin-top:32px;margin-bottom:24px}.footer-icon{width:40px;height:40px}.footer-address-list{flex-direction:row;gap:32px;margin-top:16px;margin-bottom:16px}}@media screen and (min-width: 1440px){.footer{padding:80px 0}.footer-top{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.footer-icon{width:24px;height:24px}.footer-nav,.footer-social-list{margin:0}.footer-address{margin-top:52px}}