html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;border:0;margin:0;padding:0;font-family:inherit;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background:#e4dfd3;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.header{box-sizing:border-box;justify-content:center;align-items:center;min-height:582px;display:grid;position:relative}@media (width>=1440px){.header{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.header{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.header{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.header{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=1440px){.header{grid-template-rows:auto 264px 74px 113px}}@media (width>=1280px) and (width<=1439px){.header{grid-template-rows:auto 264px 74px 113px}}.header__navigation{grid-area:1/1/2/-1;align-self:start;margin-bottom:81px}@media (width>=640px) and (width<=1279px){.header__navigation{margin-bottom:30px}}@media (width>=320px) and (width<=639px){.header__navigation{margin-bottom:20px}}.header__image{object-fit:contain;grid-column:7/-1;place-self:center end;width:100%;height:auto;max-height:100%;display:block}@media (width>=1440px){.header__image{grid-row:2/-1}}@media (width>=1280px) and (width<=1439px){.header__image{grid-row:2/-1}}@media (width>=640px) and (width<=1279px){.header__image{object-fit:cover;grid-column:1/-1;height:500px;margin-bottom:50px}}@media (width>=320px) and (width<=639px){.header__image{object-fit:contain;grid-column:1/-1;width:100vw;height:auto;max-height:267px;margin:0 calc(50% - 50vw) 25px}}.header__title{color:#333;grid-column:2/7;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:60px;font-style:normal;font-weight:600;line-height:130%}@media (width>=640px) and (width<=1279px){.header__title{text-align:center;grid-column:2/-2;margin-bottom:10px;font-size:36px}}@media (width>=320px) and (width<=639px){.header__title{text-align:center;grid-column:span 2;margin-bottom:10px;font-size:24px}}.header__paragraph{color:#333;grid-column:2/5;margin-bottom:50px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media (width>=640px) and (width<=1279px){.header__paragraph{text-align:center;grid-column:2/-2}}@media (width>=320px) and (width<=639px){.header__paragraph{text-align:center;grid-column:span 2;margin-bottom:30px}}.header__button{grid-column:2/5;place-self:start center}@media (width>=640px) and (width<=1279px){.header__button{grid-column:1/-1}}@media (width>=320px) and (width<=639px){.header__button{grid-column:1/-1}}.button{color:#f2f2f2;text-align:center;letter-spacing:.15em;text-transform:uppercase;background-color:#333;border:1px solid #0000;width:280px;height:60px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:60px;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;display:block}.button:hover{color:#333;cursor:pointer;background-color:#e4dfd3;border:1px solid #333}.navigation{width:100%;padding-top:15px}@media (width>=1440px){.navigation{justify-content:center;align-items:center;display:grid}}@media (width>=1440px) and (width>=1440px){.navigation{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1440px) and (width>=1280px) and (width<=1439px){.navigation{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1440px) and (width>=640px) and (width<=1279px){.navigation{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=1440px) and (width>=320px) and (width<=639px){.navigation{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.navigation{justify-content:center;align-items:center;display:grid}}@media (width>=1280px) and (width<=1439px) and (width>=1440px){.navigation{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px) and (width>=1280px) and (width<=1439px){.navigation{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px) and (width>=640px) and (width<=1279px){.navigation{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=1280px) and (width<=1439px) and (width>=320px) and (width<=639px){.navigation{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.navigation{justify-content:space-between;align-items:center;display:flex}}@media (width>=320px) and (width<=639px){.navigation{justify-content:space-between;align-items:center;display:flex}}.navigation__item--burger{display:none}@media (width>=640px) and (width<=1279px){.navigation__item--burger{display:inline-block}}@media (width>=320px) and (width<=639px){.navigation__item--burger{display:inline-block}}.navigation__item--full-logo{grid-column:1/3;width:270px;height:50px;display:inline-block}@media (width>=640px) and (width<=1279px){.navigation__item--full-logo{display:none}}@media (width>=320px) and (width<=639px){.navigation__item--full-logo{display:none}}.navigation__item--logo{display:none}@media (width>=640px) and (width<=1279px){.navigation__item--logo{width:24px;height:24px;display:inline-block}}@media (width>=320px) and (width<=639px){.navigation__item--logo{width:24px;height:24px;display:inline-block}}.navigation__item--shop{width:24px;height:24px;display:inline-block}@media (width>=1440px){.navigation__item--shop{grid-column:-1/-2;justify-self:end;width:32px;height:32px}}@media (width>=1280px) and (width<=1439px){.navigation__item--shop{grid-column:-1/-2;justify-self:end;width:32px;height:32px}}.navigation__list{grid-column:7/12;gap:40px;list-style:none;display:flex}@media (width>=640px) and (width<=1279px){.navigation__list{display:none}}@media (width>=320px) and (width<=639px){.navigation__list{display:none}}.navigation__link{color:#344f10;text-transform:capitalize;padding-bottom:12px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%;text-decoration:none;position:relative}.navigation__link:after{content:"";transform-origin:100%;background-color:#344f10;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.navigation__link:hover:after{transform-origin:0;cursor:pointer;transform:scaleX(1)}.navigation__shop{grid-column:-1/-2;justify-self:end;width:32px;height:32px}@media (width>=640px) and (width<=1279px){.navigation__shop{width:24px;height:24px;display:inline-block}}@media (width>=320px) and (width<=639px){.navigation__shop{width:24px;height:24px;display:inline-block}}.main{padding-top:200px}@media (width>=640px) and (width<=1279px){.main{padding-top:130px}}@media (width>=320px) and (width<=639px){.main{padding-top:100px}}.main__section{margin-bottom:200px}@media (width>=640px) and (width<=1279px){.main__section{margin-bottom:130px}}@media (width>=320px) and (width<=639px){.main__section{margin-bottom:100px}}.main__about{margin-bottom:200px}@media (width>=640px) and (width<=1279px){.main__about{margin-bottom:130px}}@media (width>=320px) and (width<=639px){.main__about{margin-bottom:100px}}.main__shop{margin-bottom:200px}@media (width>=640px) and (width<=1279px){.main__shop{margin-bottom:130px}}@media (width>=320px) and (width<=639px){.main__shop{margin-bottom:100px}}.main__creators{margin-bottom:200px}@media (width>=640px) and (width<=1279px){.main__creators{margin-bottom:130px}}@media (width>=320px) and (width<=639px){.main__creators{margin-bottom:100px}}.main__ingredients{margin-bottom:200px}@media (width>=640px) and (width<=1279px){.main__ingredients{margin-bottom:130px}}@media (width>=320px) and (width<=639px){.main__ingredients{margin-bottom:100px}}.main__information{margin-bottom:200px}@media (width>=640px) and (width<=1279px){.main__information{margin-bottom:130px}}@media (width>=320px) and (width<=639px){.main__information{margin-bottom:50px}}.main__contact{margin-bottom:130px}@media (width>=320px) and (width<=639px){.main__contact{margin-bottom:100px}}.section{justify-content:center;padding:100px 0;display:grid;position:relative}@media (width>=640px) and (width<=1279px){.section{padding:0}}@media (width>=320px) and (width<=639px){.section{padding:0}}@media (width>=1440px){.section{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.section{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.section{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.section{grid-template-columns:repeat(2,130px);column-gap:20px}}.section:before,.section:after{content:"";background-color:#344f10;height:1px;position:absolute}.section:before{width:calc(41.67% + 20px);top:0;left:0}.section:after{width:50%;bottom:0;right:0}.section__paragraph{color:#333;grid-column:2/6;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media (width>=640px) and (width<=1279px){.section__paragraph{display:none}}@media (width>=320px) and (width<=639px){.section__paragraph{display:none}}.section__title{color:#344f10;letter-spacing:.05em;text-transform:uppercase;grid-column:7/11;font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:150%}@media (width>=640px) and (width<=1279px){.section__title{text-align:center;grid-column:1/-1;justify-self:center;width:280px;font-size:18px}}@media (width>=320px) and (width<=639px){.section__title{grid-column:1/-1;font-size:18px}}@media (width>=640px) and (width<=1279px){.section:before,.section:after{display:none}}@media (width>=320px) and (width<=639px){.section:before,.section:after{display:none}}.about{justify-content:center;display:grid}@media (width>=1440px){.about{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.about{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.about{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.about{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=1440px){.about{grid-template-rows:auto auto auto auto}}@media (width>=1280px) and (width<=1439px){.about{grid-template-rows:auto auto auto auto}}@media (width>=640px) and (width<=1279px){.about{grid-template-rows:auto auto auto}}.about__vertical{grid-area:1/1/-1;place-self:start}.about__title{color:#344f10;letter-spacing:.05em;text-transform:uppercase;grid-column:2/6;margin-bottom:40px;font-family:Poppins,sans-serif;font-size:36px;font-style:normal;font-weight:600;line-height:110%}@media (width>=640px) and (width<=1279px){.about__title{grid-column:span 3;margin-bottom:10px;font-size:24px}}@media (width>=320px) and (width<=639px){.about__title{grid-column:span 2;margin-bottom:10px;font-size:24px}}.about__paragraph{color:#333;grid-column:2/6;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media (width>=640px) and (width<=1279px){.about__paragraph{grid-column:1/4}}@media (width>=320px) and (width<=639px){.about__paragraph{grid-column:span 2;font-size:14px}}.about__paragraph--second{margin-bottom:40px}@media (width>=640px) and (width<=1279px){.about__paragraph--second{display:none}}@media (width>=320px) and (width<=639px){.about__paragraph--second{display:none}}.about__learn{color:#344f10;text-transform:uppercase;grid-column:2/6;width:max-content;padding-bottom:10px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:130%;text-decoration:none;display:inline-block;position:relative}@media (width>=640px) and (width<=1279px){.about__learn{grid-column:1/4}}@media (width>=320px) and (width<=639px){.about__learn{grid-column:span 2}}.about__learn:after{content:"";transform-origin:100%;background-color:#344f10;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.about__learn:hover:after{transform-origin:0;cursor:pointer;transform:scaleX(1)}.about__wrapper{grid-area:1/7/-1/11;place-self:stretch stretch;height:100%;display:block}@media (width>=640px) and (width<=1279px){.about__wrapper{grid-column:4/-1}}@media (width>=320px) and (width<=639px){.about__wrapper{display:none}}.about__image{object-fit:cover;width:100%;height:100%;display:block}.about__addition{grid-area:1/11/-1/-1;align-self:end;width:100%}@media (width>=640px) and (width<=1279px){.about__addition{display:none}}@media (width>=320px) and (width<=639px){.about__addition{display:none}}.vertical{writing-mode:sideways-lr;text-orientation:mixed;opacity:.5;justify-content:center;align-items:center;gap:10px;display:flex}.vertical__text{color:#344f10;white-space:nowrap;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:130%}.vertical__line{background-color:#344f10;flex-shrink:0;width:1px;height:100px}@media (width>=640px) and (width<=1279px){.vertical{display:none}}@media (width>=320px) and (width<=639px){.vertical{display:none}}.shop{grid-template-rows:repeat(6,auto);justify-content:center;display:grid;position:relative}@media (width>=1440px){.shop{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.shop{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.shop{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.shop{grid-template-columns:repeat(2,130px);column-gap:20px}}.shop__vertical{grid-area:1/1/-1;place-self:start}.shop__title{color:#344f10;letter-spacing:.05em;text-transform:uppercase;grid-column:2/6;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:36px;font-style:normal;font-weight:600;line-height:110%}@media (width>=640px) and (width<=1279px){.shop__title{grid-column:1/-1;margin-bottom:10px;font-size:24px}}@media (width>=320px) and (width<=639px){.shop__title{text-align:center;grid-column:span 2;margin-bottom:20px;font-size:24px}}.shop__list{grid-column:2/-1;gap:50px;margin-bottom:62px;list-style:none;display:flex}@media (width>=640px) and (width<=1279px){.shop__list{grid-column:1/-1;gap:14px;margin-bottom:37px}}@media (width>=320px) and (width<=639px){.shop__list{grid-column:1/-1;gap:34px;margin-bottom:27px}}.shop__link{color:#8e8d8c;letter-spacing:.05em;text-transform:uppercase;padding-bottom:10px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:150%;text-decoration:none;transition:color .3s;position:relative}@media (width>=640px) and (width<=1279px){.shop__link{font-size:14px}}@media (width>=320px) and (width<=639px){.shop__link{font-size:14px}}.shop__link:after{content:"";transform-origin:100%;background-color:#333;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.shop__link:hover{color:#333;cursor:pointer}.shop__link:hover:after{transform-origin:0;transform:scaleX(1)}.shop__category{display:contents}.shop__category>*{opacity:0;pointer-events:none;transition:opacity .4s}.shop__category.active>*{opacity:1;pointer-events:auto}.shop__image-first{grid-area:3/2/4;place-self:stretch stretch;height:100%;margin-bottom:20px;display:block}@media (width>=640px) and (width<=1279px){.shop__image-first{cursor:pointer;grid-area:3/1/4/4}}@media (width>=320px) and (width<=639px){.shop__image-first{cursor:pointer;grid-column:1/-1}.shop__image-first img{object-fit:contain;width:100vw;height:auto;max-height:267px;margin:0 calc(50% - 50vw) 25px}}.shop__image-second{grid-area:3/7/4/-1;place-self:stretch stretch;height:100%;margin:0 0 20px 50px;display:block}@media (width>=640px) and (width<=1279px){.shop__image-second{cursor:pointer;grid-area:3/4/4/-1;margin-left:0}}@media (width>=320px) and (width<=639px){.shop__image-second{display:none}}.shop__description{color:#333;letter-spacing:.05em;text-transform:uppercase;grid-area:4/2/5/5;margin-bottom:13px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:150%}@media (width>=640px) and (width<=1279px){.shop__description{grid-area:4/1/5/4}}@media (width>=320px) and (width<=639px){.shop__description{grid-column:1/-1}}.shop__description--right{grid-column:7/-1;margin-left:50px}@media (width>=640px) and (width<=1279px){.shop__description--right{grid-column:4/-1;margin-left:0}}@media (width>=320px) and (width<=639px){.shop__description--right{display:none}}.shop__price{color:#333;letter-spacing:.05em;text-transform:uppercase;grid-area:5/2/6/5;margin-bottom:40px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%}@media (width>=640px) and (width<=1279px){.shop__price{grid-area:5/1/6/4;margin-bottom:50px}}@media (width>=320px) and (width<=639px){.shop__price{grid-column:1/-1;margin-bottom:30px}}.shop__price--right{grid-column:7/-1;margin-left:50px}@media (width>=640px) and (width<=1279px){.shop__price--right{grid-column:4/-1;margin-left:0}}@media (width>=320px) and (width<=639px){.shop__price--right{display:none}}.shop__button{grid-column:1/-1;place-self:center}@media (width>=640px) and (width<=1279px){.shop__button{grid-column:1/-1}}@media (width>=320px) and (width<=639px){.shop__button{grid-column:1/-1}}.creators{grid-template-rows:repeat(6,auto);justify-content:center;display:grid}@media (width>=1440px){.creators{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.creators{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.creators{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.creators{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.creators{grid-template-rows:repeat(5,auto)}}@media (width>=320px) and (width<=639px){.creators{grid-template-rows:repeat(5,auto)}}.creators__vertical{grid-area:1/1/-1;place-self:start}.creators__title{color:#344f10;letter-spacing:.05em;text-transform:uppercase;grid-area:1/2/2/6;margin-bottom:34px;font-family:Poppins,sans-serif;font-size:36px;font-style:normal;font-weight:600;line-height:110%}@media (width>=640px) and (width<=1279px){.creators__title{grid-column:span 3;margin-bottom:10px;font-size:24px}}@media (width>=320px) and (width<=639px){.creators__title{grid-column:span 2;margin-bottom:10px;font-size:24px}}.creators__text{color:#333;grid-area:2/2/3/6;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media (width>=640px) and (width<=1279px){.creators__text{grid-area:2/span 3/3;margin-bottom:15px;font-size:16px}}@media (width>=320px) and (width<=639px){.creators__text{grid-area:2/span 2/3;margin-bottom:20px;font-size:14px}}.creators__text--second{grid-row:3/4}@media (width>=640px) and (width<=1279px){.creators__text--second{grid-row:3/4;margin-bottom:20px}}@media (width>=320px) and (width<=639px){.creators__text--second{grid-row:3/4;margin-bottom:30px}}.creators__text--third{grid-row:4/5}@media (width>=640px) and (width<=1279px){.creators__text--third{display:none}}@media (width>=320px) and (width<=639px){.creators__text--third{display:none}}.creators__learn{color:#344f10;text-transform:uppercase;grid-area:5/2/6/6;width:max-content;margin-bottom:41px;padding-bottom:10px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:130%;text-decoration:none;display:inline-block;position:relative}@media (width>=640px) and (width<=1279px){.creators__learn{grid-area:4/1/5/4;margin-bottom:31px}}@media (width>=320px) and (width<=639px){.creators__learn{grid-area:4/span 2/5;margin-bottom:26px}}.creators__learn:after{content:"";transform-origin:100%;background-color:#344f10;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.creators__learn:hover:after{transform-origin:0;cursor:pointer;transform:scaleX(1)}.creators__button{grid-area:6/2/7/5;place-self:start center}@media (width>=640px) and (width<=1279px){.creators__button{grid-area:5/1/6/4;place-self:start}}@media (width>=320px) and (width<=639px){.creators__button{grid-area:5/1/6/-1}}.creators__image{grid-area:1/7/-1/-1;place-self:stretch stretch;height:100%;display:block}.creators__image img{object-fit:cover;grid-column:7/-1;width:100%;height:100%}@media (width>=640px) and (width<=1279px){.creators__image{grid-area:1/4/-1/-1}}@media (width>=320px) and (width<=639px){.creators__image{display:none}}.ingredients{grid-template-rows:repeat(2,auto);justify-content:center;display:grid}@media (width>=1440px){.ingredients{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.ingredients{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.ingredients{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.ingredients{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.ingredients{grid-template-rows:auto auto 30px}}@media (width>=320px) and (width<=639px){.ingredients{grid-template-rows:repeat(3,auto)}}.ingredients__vertical{grid-area:1/1/-1;place-self:start}.ingredients__title{color:#344f10;letter-spacing:.05em;text-transform:uppercase;grid-area:1/2/2/6;font-family:Poppins,sans-serif;font-size:36px;font-style:normal;font-weight:600;line-height:110%}@media (width>=640px) and (width<=1279px){.ingredients__title{grid-column:span 3;font-size:24px}}@media (width>=320px) and (width<=639px){.ingredients__title{grid-column:span 2;margin-bottom:20px;font-size:24px}}.ingredients__learn{color:#344f10;text-transform:uppercase;grid-area:2/2/3/6;width:max-content;padding-bottom:10px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:130%;text-decoration:none;display:inline-block;position:relative}@media (width>=640px) and (width<=1279px){.ingredients__learn{grid-area:3/1/-1/4}}@media (width>=320px) and (width<=639px){.ingredients__learn{grid-area:-2/span 2/-1}}.ingredients__learn:after{content:"";transform-origin:100%;background-color:#344f10;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.ingredients__learn:hover:after{transform-origin:0;cursor:pointer;transform:scaleX(1)}.ingredients__list{flex-direction:column;grid-column:6/8;gap:50px;margin-top:35px;list-style:none;display:flex}@media (width>=640px) and (width<=1279px){.ingredients__list{grid-area:2/2/3/4;margin:0;padding-right:25px;transform:translateY(-5px)}}@media (width>=320px) and (width<=639px){.ingredients__list{grid-area:2/1/3/2;margin-top:38px;padding-right:30px}}.ingredients__ingredient{color:#333;text-align:right;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.ingredients__image{grid-area:1/8/3/-1}@media (width>=640px) and (width<=1279px){.ingredients__image{grid-area:1/4/-1/-1;margin-top:14px;transform:translate(-35px)}}@media (width>=320px) and (width<=639px){.ingredients__image{grid-area:2/2/3/-1;margin-bottom:30px;transform:translate(-30px)}}.information{justify-content:center;display:grid}@media (width>=1440px){.information{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.information{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.information{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.information{grid-template-columns:repeat(2,130px);column-gap:20px}}.information__image{object-fit:contain;grid-column:span 4;place-self:center;margin-bottom:40px}@media (width>=640px) and (width<=1279px){.information__image{grid-column:span 2;margin-bottom:20px}}@media (width>=320px) and (width<=639px){.information__image{grid-area:auto/span 2;margin-bottom:20px}}.information__text{color:#000;text-align:center;letter-spacing:.05em;text-transform:uppercase;grid-area:2/span 4/3;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:130%}@media (width>=640px) and (width<=1279px){.information__text{grid-column:span 2}}@media (width>=320px) and (width<=639px){.information__text{grid-area:auto/span 2;margin-bottom:50px}}.contact{grid-template-rows:repeat(4,auto);justify-content:center;display:grid}@media (width>=1440px){.contact{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.contact{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.contact{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.contact{grid-template-columns:repeat(2,130px);column-gap:20px}}.contact__vertical{grid-area:1/1/-1;place-self:start}.contact__title{color:#344f10;letter-spacing:.05em;text-transform:uppercase;grid-area:1/2/2/5;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:36px;font-style:normal;font-weight:600;line-height:110%}@media (width>=640px) and (width<=1279px){.contact__title{grid-column:span 3;margin-bottom:10px;font-size:24px}}@media (width>=320px) and (width<=639px){.contact__title{grid-column:span 2;margin-bottom:10px;font-size:24px;line-height:150%}}.contact__text{color:#333;grid-area:2/2/3/6;margin-bottom:40px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media (width>=640px) and (width<=1279px){.contact__text{grid-column:span 3;margin-bottom:20px;font-size:16px}}@media (width>=320px) and (width<=639px){.contact__text{grid-column:span 2;margin-bottom:30px;font-size:14px}}.contact__form{grid-area:3/2/4/6}@media (width>=640px) and (width<=1279px){.contact__form{grid-column:span 3}}@media (width>=320px) and (width<=639px){.contact__form{grid-column:span 2}}.contact__image{grid-area:1/7/-1/-1;place-self:stretch stretch;height:100%;display:block}.contact__image img{object-fit:cover;grid-column:7/-1;width:100%;height:100%}@media (width>=640px) and (width<=1279px){.contact__image{grid-area:1/4/-1/-1}}@media (width>=320px) and (width<=639px){.contact__image{display:none}}.form__block{flex-direction:column;gap:30px;display:flex}@media (width>=640px) and (width<=1279px){.form__block{gap:25px}}@media (width>=320px) and (width<=639px){.form__block{gap:25px}}.form__item--gap{margin-bottom:30px}@media (width>=640px) and (width<=1279px){.form__item--gap{margin-bottom:20px}}@media (width>=320px) and (width<=639px){.form__item--gap{margin-bottom:20px}}.form__label:not(:focus,:active){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form__input{box-sizing:border-box;color:#8e8d8c;text-transform:capitalize;background-color:#e4dfd3;border:0;border-bottom:1px solid #bdbdbd;width:100%;padding-bottom:10px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%;transition:border-color .3s,color .3s;display:inline-block}@media (width>=640px) and (width<=1279px){.form__input{font-size:14px}}@media (width>=320px) and (width<=639px){.form__input{font-size:14px}}.form__input:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #333;outline:none}.form__input:valid{color:#344f10;border-bottom:1px solid #344f10}.form__input:-webkit-autofill{-webkit-text-fill-color:#8e8d8c;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #e4dfd3}.form__input:-webkit-autofill:hover{-webkit-text-fill-color:#8e8d8c;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #e4dfd3}.form__input:-webkit-autofill:focus{-webkit-text-fill-color:#8e8d8c;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #e4dfd3}.form__input:invalid:not(:placeholder-shown){color:#eb5757;border-bottom:1px solid #eb5757}.form__textarea{box-sizing:border-box;resize:none;color:#8e8d8c;text-transform:capitalize;background-color:#e4dfd3;border:0;border-bottom:1px solid #bdbdbd;width:100%;margin-bottom:50px;padding-bottom:10px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%;transition:border-color .3s,color .3s;display:inline-block}@media (width>=640px) and (width<=1279px){.form__textarea{margin-bottom:30px;font-size:14px}}@media (width>=320px) and (width<=639px){.form__textarea{margin-bottom:30px;font-size:14px}}.form__textarea:focus{border:none;border-bottom:1px solid #333;outline:none}.form__textarea:valid{color:#344f10;border-bottom:1px solid #344f10}.form__textarea:-webkit-autofill{-webkit-text-fill-color:#8e8d8c;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #e4dfd3}.form__textarea:-webkit-autofill:hover{-webkit-text-fill-color:#8e8d8c;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #e4dfd3}.form__textarea:-webkit-autofill:focus{-webkit-text-fill-color:#8e8d8c;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #e4dfd3}.form__textarea:invalid:not(:placeholder-shown){color:#eb5757;border-bottom:1px solid #eb5757}.footer{background-color:#8c9772;grid-template-rows:repeat(2,auto);justify-content:center;padding-top:60px;display:grid}@media (width>=1440px){.footer{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.footer{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.footer{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.footer{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.footer{grid-template-rows:repeat(3,auto);padding-top:30px}}@media (width>=320px) and (width<=639px){.footer{grid-template-rows:repeat(4,auto);padding-top:30px}}.footer__list{grid-area:1/1/2/4;gap:40px;list-style:none;display:flex}@media (width>=640px) and (width<=1279px){.footer__list{flex-direction:column;grid-column:1/2;gap:15px;margin-bottom:20px}}@media (width>=320px) and (width<=639px){.footer__list{flex-direction:column;grid-column:1/-1;gap:10px;margin-bottom:20px}}.footer__link{color:#e4dfd3;text-transform:capitalize;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%;text-decoration:none;position:relative}@media (width>=640px) and (width<=1279px){.footer__link{font-size:14px}}.footer__socials{grid-area:2/8/3/-1}@media (width>=640px) and (width<=1279px){.footer__socials{grid-area:2/1/3/2;margin-bottom:50px}}@media (width>=320px) and (width<=639px){.footer__socials{grid-area:2/1/3/-1;margin-bottom:40px}}.footer__address{grid-area:1/8/2/-1;margin-bottom:30px}@media (width>=640px) and (width<=1279px){.footer__address{grid-area:1/4/2/-1;margin-bottom:0}}@media (width>=320px) and (width<=639px){.footer__address{grid-area:3/1/4/-1;margin-bottom:40px}}.footer__copyright{color:#e4dfd3;text-transform:capitalize;grid-area:2/1/3/8;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%;text-decoration:none}.footer__copyright:before{content:""}@media (width>=1280px) and (width<=1439px){.footer__copyright:before{content:"Copyright"}}@media (width>=1440px){.footer__copyright:before{content:"Copyright"}}@media (width>=640px) and (width<=1279px){.footer__copyright{text-transform:none;grid-area:3/1/4/4;margin-bottom:30px;font-size:14px}}@media (width>=320px) and (width<=639px){.footer__copyright{text-align:center;text-transform:none;grid-area:4/1/5/-1;margin-bottom:40px;padding:0 50px;font-size:14px}}.socials{gap:14px;display:flex}.socials__icon{background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:inline}.socials__icon--fb{fill:#e4dfd3;background-image:url(facebook.3cf05b31.svg);transition:all .3s}.socials__icon--fb:hover{cursor:pointer;transform:scale(1.1)}.socials__icon--ig{background-image:url(instagram.1fac6698.svg);transition:all .3s}.socials__icon--ig:hover{cursor:pointer;transform:scale(1.1)}.address{flex-direction:column;gap:20px;display:flex}@media (width>=640px) and (width<=1279px){.address{gap:10px}}@media (width>=320px) and (width<=639px){.address{gap:10px}}.address__info{color:#e4dfd3;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%;text-decoration:none}@media (width>=640px) and (width<=1279px){.address__info{font-size:14px}}@media (width>=320px) and (width<=639px){.address__info{font-size:14px}}html{scroll-behavior:smooth}@media (width>=320px) and (width<=639px){html{overflow-x:hidden}}.page__body--with-menu{overflow:hidden}.menu{box-sizing:border-box;background:#333;grid-template-rows:auto auto;place-content:start center;min-height:100vh;padding-top:28px;transition:transform 1s ease-in-out;display:grid;position:fixed;top:0;left:0;right:0;transform:translate(-100%)}@media (width>=1440px){.menu{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.menu{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.menu{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.menu{grid-template-columns:repeat(2,130px);column-gap:20px}}.menu:target{position:fixed;overflow:hidden;transform:translate(0)}@media (width>=1440px){.menu{display:none}}@media (width>=1280px) and (width<=1439px){.menu{display:none}}.menu__home{grid-area:1/1/2/2;margin-bottom:100px;text-decoration:none}@media (width>=320px) and (width<=639px){.menu__home{margin-bottom:45px}}.menu__icon{box-sizing:border-box;display:inline}.menu__list{text-align:center;flex-direction:column;grid-area:2/1/-1/-1;gap:50px;display:flex}@media (width>=320px) and (width<=639px){.menu__list{margin-bottom:30px}}.menu__item{padding-bottom:10px;position:relative}.menu__item:after{content:"";background:#828282;width:100%;height:1px;position:absolute;bottom:0;left:0}.menu__link{color:#e4dfd3;text-align:center;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:130%;text-decoration:none}.page__body--with-product{overflow:hidden}.product{box-sizing:border-box;background:#e4dfd3;grid-template-rows:repeat(8,auto);place-content:start center;padding-top:5px;transition:transform 1s ease-in-out;display:grid;position:fixed;inset:0;overflow:hidden auto;transform:translate(-100%)}@media (width>=1440px){.product{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=1280px) and (width<=1439px){.product{grid-template-columns:repeat(12,80px);column-gap:20px}}@media (width>=640px) and (width<=1279px){.product{grid-template-columns:repeat(6,94px);column-gap:30px}}@media (width>=320px) and (width<=639px){.product{grid-template-columns:repeat(2,130px);column-gap:20px}}@media (width>=1440px){.product{display:none}}@media (width>=1280px) and (width<=1439px){.product{display:none}}@media (width>=320px) and (width<=639px){.product{grid-template-rows:repeat(7,auto);padding-top:0}}.product:target{position:fixed;transform:translate(0)}.product__navigation{grid-column:1/-1;margin-bottom:30px}@media (width>=320px) and (width<=639px){.product__navigation{margin-bottom:20px}}.product__title{color:#333;letter-spacing:.05em;text-transform:uppercase;grid-column:2/6;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:150%}@media (width>=320px) and (width<=639px){.product__title{grid-column:1/-1}}@media (width>=640px) and (width<=1279px){.product__title--tablet{grid-row:3/4;margin-bottom:25px}}@media (width>=320px) and (width<=639px){.product__title--tablet{display:none}}@media (width>=640px) and (width<=1279px){.product__title--mobile{display:none}}@media (width>=320px) and (width<=639px){.product__title--mobile{grid-row:2/3;margin-bottom:10px}}.product__price{color:#344f10;letter-spacing:.05em;text-transform:uppercase;grid-column:2/6;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%}@media (width>=320px) and (width<=639px){.product__price{grid-column:1/-1;font-size:14px}}@media (width>=640px) and (width<=1279px){.product__price--tablet{grid-row:4/5;margin-bottom:10px}}@media (width>=320px) and (width<=639px){.product__price--tablet{display:none}}@media (width>=640px) and (width<=1279px){.product__price--mobile{display:none}}@media (width>=320px) and (width<=639px){.product__price--mobile{grid-row:3/4;margin-bottom:20px}}.product__weight{color:#333;letter-spacing:.05em;text-transform:uppercase;grid-area:5/2/6/6;margin-bottom:30px;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:150%}@media (width>=320px) and (width<=639px){.product__weight{display:none}}.product__picture{grid-area:2/2/3/6;margin-bottom:27px}@media (width>=320px) and (width<=639px){.product__picture{grid-area:4/1/5/-1;margin-bottom:30px}}.product__button{grid-area:6/1/7/-1;place-self:start center;margin-bottom:60px}@media (width>=320px) and (width<=639px){.product__button{grid-area:5/1/6/-1;margin-bottom:50px}}.product__info{color:#344f10;grid-area:7/2/8/6;margin-bottom:25px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media (width>=320px) and (width<=639px){.product__info{grid-area:6/1/7/-1;margin-bottom:20px;font-size:14px}}.product__info--continue{grid-row:8/9;margin-bottom:72px}@media (width>=320px) and (width<=639px){.product__info--continue{grid-row:7/8;margin-bottom:20px}}
/*# sourceMappingURL=Eco_cosmetics.b9afc1f6.css.map */
