h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;font-family:inherit;color:currentColor;border:none;padding:0}img{display:block;max-width:100%;height:auto}:root{--font-family: "Public Sans", sans-serif;--second-family: "Chivo", sans-serif;-webkit-font-smoothing:antialiased;--color-neutral-darkest: #010400;--color-neutral-lighter: #d8d9d8;--color-white: #fff;--color-neutral-lightest: #f2f2f2;--color-neutral-light: #b2b3b2;--color-neutral: #80817f;--color-neutral-dark: #4d4f4c;--color-neutral-darker: #1a1d19;--opacity-transparent: rgba(255, 255, 255, 0);--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(1, 4, 0, .05);--opacity-neutral-darkest-10: rgba(1, 4, 0, .1);--opacity-neutral-darkest-15: rgba(1, 4, 0, .15);--opacity-neutral-darkest-20: rgba(1, 4, 0, .2);--opacity-neutral-darkest-30: rgba(1, 4, 0, .3);--opacity-neutral-darkest-40: rgba(1, 4, 0, .4);--opacity-neutral-darkest-50: rgba(1, 4, 0, .5);--opacity-neutral-darkest-60: rgba(1, 4, 0, .6);--color-japanese-laurel-lightest: #e8eee5;--color-japanese-laurel-lighter: #d1ddcc;--color-japanese-laurel-light: #5e8a4d;--color-japanese-laurel: #1a5901;--color-japanese-laurel-dark: #144700;--color-japanese-laurel-darker: #0a2300;--color-japanese-laurel-darkest: #071a00;--color-error-red: #a00000;--slow: .35s ease-in-out}body{font-family:var(--font-family);font-size:16px;line-height:1.5;font-weight:400;color:var(--color-white)}h2{font-family:var(--second-family);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--color-white)}img{display:block;width:100%;height:100%;object-fit:cover}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding:0 64px}}.header{background-color:#5e8a4d}.header-container{display:flex;flex-direction:row;align-items:center;gap:32px;height:72px}.nav{display:inline-flex;align-items:center;flex-grow:1}.logo{display:flex;align-items:center;fill:var(--color-white);margin-right:auto}.nav-list,.nav-list-item,.order-btn{display:none}@media only screen and (min-width: 1440px){.nav-list{display:inline-flex;align-items:center;gap:32px}.nav-list-item{display:flex;font-weight:500;color:var(--color-white);transition:color var(--slow)}}.nav-list-item:hover,.nav-list-item:focus{opacity:.5}@media only screen and (min-width: 768px){.wrapper-btn{display:inline-flex;align-items:center;gap:16px}.order-btn{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-japanese-laurel);border-radius:6px;width:92px;height:32px;background-color:var(--color-japanese-laurel);font-weight:500;color:var(--color-white);transition:background-color,color,border var(--slow)}}@media only screen and (min-width: 1440px){.wrapper-btn{gap:0}}.order-btn:hover,.order-btn:focus,.modal-order-btn:hover,.modal-order-btn:focus{color:var(--color-neutral-darkest);border:1px solid var(--color-white);background-color:var(--color-white)}.burger-menu{display:flex;justify-content:center;align-items:center;background-color:transparent}.icon-burger-menu{fill:var(--color-white)}@media only screen and (min-width: 768px){.icon-burger-menu{width:24px;height:24px}}@media only screen and (min-width: 1440px){.icon-burger-menu{display:none}}.nav-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;justify-content:center;align-items:flex-start;background-color:var(--opacity-neutral-darkest-30);opacity:0;pointer-events:none;transition:opacity var(--slow);visibility:hidden}.nav-modal-overlay.is-open{opacity:1;pointer-events:auto;visibility:visible}@media only screen and (min-width: 1440px){.nav-modal-overlay{display:none}}body:has(.nav-modal-overlay.is-open){overflow-y:hidden}.modal-container{padding:0;height:100%}@media only screen and (min-width: 768px){.modal-container{display:flex;justify-content:flex-end;width:768px}}.nav-modal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 16px;max-width:375px;height:100%;background-color:var(--color-japanese-laurel-light);overflow-y:auto}@media only screen and (min-width: 768px){.nav-modal{align-items:flex-end;padding:0 32px;width:286px;height:812px}}.modal-header{display:inline-flex;justify-content:space-between;align-items:center;padding:6px 16px;width:100%}.modal-header .logo{margin-right:auto;fill:#fff}@media only screen and (min-width: 768px){.modal-header{justify-content:flex-end;padding:32px 0 0}.modal-header .logo{display:none}}.close-modal{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent}.close-modal .icon-close{fill:var(--color-white)}.nav-modal-list{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;padding:64px 0 32px;width:100%;font-weight:600;font-size:18px;transition:color var(--slow)}@media only screen and (min-width: 768px){.nav-modal-list{align-items:flex-end;padding:24px 0;gap:24px}}.nav-modal-list-item:hover,.nav-modal-list-item:focus{opacity:.5}.modal-order-btn{display:flex;justify-content:center;align-items:center;border-radius:6px;width:343px;height:40px;border:1px solid var(--color-japanese-laurel);background-color:var(--color-japanese-laurel);font-weight:500;font-size:16px;color:var(--color-white);transition:background-color,color,border var(--slow)}@media only screen and (min-width: 768px){.modal-order-btn{width:222px;height:32px}}.hero{background-color:#ffffff80;background-image:linear-gradient(#00000080,#00000080),url(/project-zaika-team/assets/hero-image@1x-D8j6bwlC.jpg);background-size:cover;background-position:center center;border:1px solid #000}@media (min-resolution: 192dpi){.hero{background-image:linear-gradient(#00000080,#00000080),url(/project-zaika-team/assets/hero-image@2x-ZY10YGP5.jpg)}}.hero-container{padding-top:183px;padding-bottom:183px}.hero-context{width:343px}@media only screen and (min-width: 768px){.hero-container{padding-top:234px;padding-bottom:234px}.hero-context{width:611px;height:162px}}@media only screen and (min-width: 1440px){.hero-container{padding-top:326px;padding-bottom:326px}.hero-context{width:646px;height:248px}}.hero-header{font-family:var(--second-family);font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.01em;margin-bottom:8px}.hero-text{font-size:18px;margin-bottom:16px}@media only screen and (min-width: 1440px){.hero-header{font-size:56px}.hero-text{font-size:18px}}.hero-btn{display:flex;align-items:center;justify-content:center;padding:6px 32px;width:343px;height:40px;border:1px solid var(--color-white);border-radius:6px;background:var(--color-white);font-weight:500;color:var(--color-neutral-darkest);transition:background-color,color,border var(--slow)}@media only screen and (min-width: 768px){.hero-btn{width:254px;height:36px}}.hero-btn:hover,.hero-btn:focus{color:var(--color-neutral-darkest);border-color:var(--color-japanese-laurel-light);background:var(--color-japanese-laurel-light)}.mission{background-color:var(--color-japanese-laurel-light);padding-top:64px;padding-bottom:64px}@media only screen and (min-width: 1440px){.mission{padding-top:112px;padding-bottom:112px}}.mission-context h2{font-size:36px;margin-bottom:24px}.mission-context p{font-size:18px;margin-bottom:32px}@media only screen and (min-width: 768px){.mission-context{display:flex;gap:24px}.mission-context h2,.mission-context p{width:340px}}@media only screen and (min-width: 1440px){.mission-context h2,.mission-context p{width:644px}.mission-context h2{font-size:48px;margin-bottom:80px}}.benefits{background-color:var(--color-japanese-laurel);padding-top:64px;padding-bottom:64px}.benefits-img{margin-bottom:24px;width:343px;height:487px}@media only screen and (min-width: 768px){.benefits-img{width:704px;height:487px}}@media only screen and (min-width: 1440px){.benefits-container{display:flex;flex-direction:row;gap:24px}.benefits-text-container{max-width:calc(100% - 668px)}.benefits-img{width:644px;height:669px;margin-bottom:0}}.benefits-title{margin-bottom:24px;font-size:36px}.benefits-description{margin-bottom:32px;font-size:18px}.benefits-list{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:32px}.benefits-item{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:16px}@media only screen and (min-width: 768px){.benefits-list{flex-direction:row;flex-wrap:wrap;width:100%;column-gap:16px;row-gap:32px}.benefits-item{width:calc((100% - 16px)/2)}}@media only screen and (min-width: 1440px){.benefits-list{gap:24px}.benefits-item{width:calc((100% - 24px)/2)}}.benefits-icon{fill:var(--color-white)}.benefits-item h3{font-family:var(--second-family);font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.01em;color:var(--color-white)}.assorts{background-color:var(--color-japanese-laurel-lighter);padding-top:64px;padding-bottom:64px}@media only screen and (min-width: 1440px){.assorts{padding-top:112px;padding-bottom:112px}}.assorts-subtitle{font-weight:600;font-size:16px;line-height:1.5;color:var(--color-neutral-darkest);margin-bottom:16px}.assorts-title{font-family:var(--second-family);font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;color:var(--color-neutral-darkest);margin-bottom:24px}@media only screen and (min-width: 1440px){.assorts-title{font-size:48px}}.assorts-list{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width: 768px){.assorts-list{flex-direction:row;flex-wrap:wrap}}@media only screen and (min-width: 1440px){.assorts-list{gap:24}}.assorts-item{display:flex;flex-direction:column;width:100%;gap:16px;color:var(--color-neutral-darkest)}@media only screen and (min-width: 768px){.assorts-item{width:calc((100% - 16px)/2)}}@media only screen and (min-width: 1440px){.assorts-item{width:calc((100% - 48px)/4)}}.assorts-item-content{display:flex;gap:16px;width:100%}.text-thumb{width:270px;height:69px}@media only screen and (min-width: 1440px){.text-thumb{height:90px}}.price-thumb{width:calc(100% - 270px-16px)}.item-title{font-weight:600;font-size:18px;line-height:1.5}.item-description{font-weight:400;font-size:14px}.item-price{font-weight:600;font-size:20px}.item-unit{font-weight:400;font-size:10px;line-height:1.3;text-align:right}.add-to-cart{display:flex;align-items:center;justify-content:center;border:1px solid var(--opacity-neutral-darkest-15);border-radius:6px;background-color:transparent;width:100%;height:40px;font-weight:500;transition:background-color,border,color var(--slow)}.add-to-cart:hover{background-color:var(--color-japanese-laurel);border:1px solid var(--opacity-neutral-darkest-15);color:var(--color-white)}