*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;color:inherit}input,textarea,select,button{font:inherit;color:inherit}button{background-color:transparent;border:none;cursor:pointer}textarea{resize:none}table{border-collapse:collapse;border-spacing:0}summary{cursor:pointer}summary::marker{content:"";display:none}@font-face{font-family:Geometria;src:url(Geometria.b7d988fedc0eda72.woff);font-style:normal;font-weight:400}@font-face{font-family:Geometria;src:url(Geometria-Medium.efa2f30d021f2c47.woff);font-style:normal;font-weight:500}@font-face{font-family:Geometria;src:url(Geometria-Bold.174d6ba177c81b6a.woff);font-style:normal;font-weight:700}.title1{margin-bottom:60px;text-align:center;color:#2d2c2c;font-size:42px}@media screen and (max-width: 1280px){.title1{margin-bottom:40px;font-size:38px}}@media screen and (max-width: 768px){.title1{margin-bottom:20px;font-size:34px}}@media screen and (max-width: 480px){.title1{font-size:24px}}.title2{color:#2d2c2c;font-size:46px;font-weight:400;line-height:1.2em}@media screen and (max-width: 1280px){.title2{font-size:40px}}@media screen and (max-width: 768px){.title2{font-size:38px}}.title3{color:#2d2c2c;font-size:42px;font-weight:400;line-height:1.2em}@media screen and (max-width: 1280px){.title3{font-size:38px}}@media screen and (max-width: 768px){.title3{font-size:34px}}.title4{color:#2d2c2c;font-size:34px;font-weight:400;line-height:1.2em}@media screen and (max-width: 1280px){.title4{font-size:28px}}@media screen and (max-width: 768px){.title4{font-size:26px}}@media screen and (max-width: 480px){.title4{font-size:22px}}.title5{color:#2d2c2c;font-size:22px;font-weight:500;letter-spacing:.03em}@media screen and (max-width: 1280px){.title5{font-size:20px}}@media screen and (max-width: 480px){.title5{font-size:18px}}.title6{color:#2d2c2c;font-size:20px;line-height:1.3em;font-weight:500}@media screen and (max-width: 1280px){.title6{font-size:18px}}@media screen and (max-width: 480px){.title6{font-size:16px}}.paragraph{color:#6d6d6d;font-size:16px;line-height:28px}@media screen and (max-width: 1280px){.paragraph{font-size:15px}}@media screen and (max-width: 480px){.paragraph{font-size:13px}}.ul__li{margin-top:10px;margin-left:25px;font-size:16px;line-height:1.5rem;position:relative}@media screen and (max-width: 480px){.ul__li{margin-top:6px;margin-left:20px;font-size:14px;line-height:1.3rem}}.ul__li:before{content:"";display:inline-block;width:10px;height:10px;border:2px solid #599921;border-radius:50%;position:absolute;top:8px;left:-24px}@media screen and (max-width: 1280px){.ul__li:before{width:8px;height:8px;top:9px}}@media screen and (max-width: 480px){.ul__li:before{border-width:1px;width:6px;height:6px;left:-20px}}.ul__li_yellow:before{border-color:#fc0}.ul__li_red:before{border-color:#ef2f3d}.big{text-transform:uppercase}.text-wrap{white-space:nowrap}.green{color:#599921}.yellow{color:#fc0}.red{color:#ef2f3d}.bg-green{background-color:#518b26;color:#fff}.underline{padding:2px;color:#518b26;font-size:16px;font-weight:500;position:relative}@media screen and (max-width: 480px){.underline{font-size:14px}}@media screen and (min-width: 768px){.underline:after{content:"";width:0;height:2px;background-color:#518b26;position:absolute;bottom:0;left:auto;right:0;transition:all .3s}.underline:hover:after{width:100%;left:0;right:auto}.underline-invert:after{width:100%;left:0}.underline-invert:hover:after{width:0;left:auto;right:0}}.nav{margin-bottom:30px}@media screen and (max-width: 1024px){.nav{width:100%;position:relative;z-index:8}}.nav__wrapper{padding:2px;background-color:#f5f5f5;border-radius:6px;display:flex;column-gap:5px;justify-content:center}@media screen and (max-width: 1024px){.nav__wrapper{width:100%;padding:0;flex-direction:column;position:absolute;z-index:1}}.nav__select{display:none}@media screen and (max-width: 1024px){.nav__select{display:block;width:100%;height:42px;padding:10px;border:1px solid #DDD;border-radius:6px;text-align:left;position:relative}.nav__select:after{content:"";display:inline-block;width:12px;height:12px;border-left:1px solid #2D2C2C;border-bottom:1px solid #2D2C2C;transform:rotate(-45deg);transition:all .3s ease-in-out;position:absolute;top:11px;right:15px}}@media screen and (max-width: 1024px){.nav .btn-milk{height:0;padding:0;font-weight:400;font-size:16px;text-transform:none;width:100%;overflow:hidden}}.nav .active{background-color:#599921;color:#fff}.product .nav .btn-milk:nth-child(1){background-color:#599921;color:#fff}@media screen and (max-width: 1024px){.nav-open .btn-milk{height:40px;padding:10px}.nav-open .nav__select:after{transform:rotate(-225deg);top:18px}}.cards{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}@media screen and (max-width: 1280px){.cards{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.cards{grid-template-columns:1fr}}.cards .card{padding:15px;transition:all .3s;position:relative}.cards .card:hover{box-shadow:0 4px 20px #0000000d}.cards .card__icons{width:22px;height:60px;position:absolute;top:10px;right:10px;z-index:2}.cards .card__img-div{width:100%;padding:5px;display:block;position:relative;z-index:1}.cards .card__img{width:100%;transition:all .3s}.cards .card__img:hover{transform:scale(1.1)}.cards .card__order-div{width:100%;padding-top:80px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,white 100%);position:absolute;left:0;bottom:0;opacity:0;visibility:hidden;transition:all .3s}.cards .card:hover .cards .card__order-div{padding-bottom:15px;opacity:1;visibility:visible}.cards .card__order-btn{padding:15px;color:#599921;font-size:10px;letter-spacing:.1em}.cards .card__order-btn:hover{color:#fff}.cards .card__header{display:flex;justify-content:space-between;column-gap:20px}.cards .card .title6{height:50px;font-size:18px;transition:.3s;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width: 480px){.cards .card .title6{font-size:16px}}.cards .card .title6:hover{color:#599921}.cards .card__price{color:#2d2c2c;font-size:16px;font-weight:700}.cards .card .paragraph{min-height:72px;line-height:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cards .card__actions{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.cards .card .btn-green,.cards .card .btn-white{height:44px;padding:10px 15px}@media screen and (max-width: 1280px){.cards .card .btn-green,.cards .card .btn-white{font-size:12px}}.info{position:relative}.info__btn{display:inline-block;width:20px;height:20px;margin-top:15px;padding:0 6px;background-color:#599921;border:1px solid #518B26;border-radius:50%}.info__svg{position:relative;top:-1px}.info__block{width:200px;padding:10px;background-color:#f5f5f5;border-radius:6px;position:absolute;top:30px;right:0;opacity:0;visibility:hidden;transition:all .3s}.info:hover .info__block,.info__btn:focus+.info__block{right:20px;opacity:1;visibility:visible}.info__header{font-size:12px}.info__p{margin-top:5px;font-size:11px;display:flex;align-items:center;column-gap:10px}.btn-green,.btn-white{height:60px;padding:18px 30px;background-color:#599921;border:2px solid #599921;border-radius:6px;color:#fff;font-size:14px;font-weight:700;line-height:20px;letter-spacing:.15em;text-transform:uppercase}@media screen and (max-width: 600px){.btn-green,.btn-white{height:50px;padding:14px 30px;font-size:12px}}.btn-green:hover,.btn-white:hover{background-color:transparent;color:#599921}.btn-white{background-color:#fff;color:#599921}.btn-white:hover{background-color:#599921;color:#fff}.btn-milk{display:inline-block;padding:15px 24px;background-color:#f5f5f5;border-radius:6px;color:#6d6d6d;font-size:14px;font-weight:500;text-transform:uppercase;transition:all .3s}.btn-milk:hover{background-color:#599921;color:#fff}.btn-link{padding:3px;color:#2d2c2c;text-transform:uppercase;font-size:14px;font-weight:500}@media screen and (max-width: 1280px){.btn-link{font-size:12px}}@media screen and (max-width: 480px){.btn-link{font-size:10px}}.btn-link:hover{color:#599921}.btn-plus{width:30px;height:30px;padding:0;color:#2d2c2c;font-size:18px;font-weight:700}.btn-plus:nth-child(1){padding-bottom:3px}.btn-plus:hover{color:#fff}.card__count{width:30px;height:30px;margin:0 2px;padding:0;background-color:transparent;border:none;color:#2d2c2c;font-weight:500;text-align:center}.svg{width:47px;height:45px}@media screen and (max-width: 768px){.svg{width:36px;height:35px}}@media screen and (max-width: 480px){.svg{width:29px;height:28px}}.svg__bg{fill:#599921;stroke:#518b26;transition:all .3s}.svg__img{fill:#fff;transition:all .3s;stroke:#fff}.svg_hover:hover .svg__bg{fill:transparent}.svg_hover:hover .svg__img{fill:#599921;stroke:#599921}.svg_fb .svg__bg{fill:#255a9c;stroke:#255a9c}.svg_fb:hover .svg__bg{fill:transparent}.svg_fb:hover .svg__img{fill:#255a9c}.svg_inst .svg__bg{fill:url(#a);stroke:url(#a)}.svg_inst:hover .svg__bg{fill:transparent}.svg_inst:hover .svg__img{fill:url(#a)}.card__heart{stroke:#db2526;stroke-width:1.5;fill:transparent}.card__favorite{fill:#db2526}.overlay{width:100vw;height:100vh;background-color:#0006;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.dialog{width:calc(100vw - 30px);max-width:680px;padding:60px 70px 70px;background-color:#fff;background-image:url(dialog_list.8b7aaf99c87330f1.svg);background-repeat:no-repeat;background-position:right bottom;border-radius:6px;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:25px;animation:scale .3s ease-in}@media screen and (max-width: 600px){.dialog{padding:40px 25px}}@media screen and (max-width: 480px){.dialog{padding:25px 15px;background-image:none;gap:15px}}.dialog__title{color:#2d2c2c;font-size:34px;font-weight:700;text-align:center}@media screen and (max-width: 1280px){.dialog__title{font-size:28px}}@media screen and (max-width: 768px){.dialog__title{font-size:26px}}@media screen and (max-width: 480px){.dialog__title{font-size:22px}}.dialog__row{display:flex;justify-content:space-between;font-size:14px}.dialog__row2{text-align:center;font-size:16px}@media screen and (max-width: 480px){.dialog__row2{font-size:14px}}.dialog .underline+.underline{color:#6d6d6d}.dialog .underline+.underline:after{background-color:#6d6d6d}.close{width:80px;height:80px;padding:0 0 10px 15px;background-image:url(dialog_btn.86de7b4e364a162e.svg);position:absolute;top:0;right:0}@media screen and (max-width: 480px){.close{width:50px;height:50px;padding:0 0 5px 8px;background-size:52px 51px}}.close__svg{width:24px;height:24px;stroke:#6d6d6d;stroke-width:2}@media screen and (max-width: 480px){.close__svg{width:20px;height:20px}}.close:hover .close__svg{stroke:#599921}@keyframes translateX{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scale{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.form{display:flex;flex-direction:column;align-items:stretch;row-gap:15px}@media screen and (max-width: 600px){.form{row-gap:10px}}.form__row{width:100%;display:flex;column-gap:20px}@media screen and (max-width: 600px){.form__row{flex-direction:column;row-gap:10px}}.form__half-row{width:50%;display:flex;column-gap:20px}@media screen and (max-width: 600px){.form__half-row{flex-direction:column;row-gap:10px}}.form__inner{display:flex;justify-content:flex-start;align-items:center;gap:30px}.form__img{height:50px}.input{width:100%;height:54px;padding:15px 20px;border:1px solid #E9E9E9;border-radius:3px;font-size:16px;color:#2d2c2c}@media screen and (max-width: 600px){.input{height:45px}}@media screen and (max-width: 480px){.input{font-size:14px}}select.input{padding:0 20px}.textarea{height:112px}@media screen and (max-width: 600px){.textarea{height:102px}}.checkbox__label{display:flex;align-items:center;column-gap:10px}@media screen and (max-width: 480px){.checkbox__label{font-size:14px}}.checkbox__span{display:inline-block;width:14px;height:14px;border:1px solid #E9E9E9;border-radius:2px;display:flex;justify-content:center;align-items:center;position:relative}@media screen and (max-width: 480px){.checkbox__span{width:12px;height:12px}}.checkbox__span:after{content:"";display:inline-block;width:0px;height:0px;background-color:#599921;transition:all .3s}.checkbox__span:has(input:checked){border-color:#599921}.checkbox__span:has(input:checked):after{width:6px;height:6px}.checkbox__input{width:14px;height:14px;opacity:0;position:absolute;top:-1px;left:-1px}@media screen and (max-width: 480px){.checkbox__input{width:12px;height:12px}}::file-selector-button{margin-right:8px;padding:3px 10px;background-color:#599921;border:1px solid #599921;border-radius:5px;font-family:inherit;color:#fff;font-size:13px;cursor:pointer}::file-selector-button:hover{background-color:#fff;color:#599921}.progress{width:300px;height:25px}.table{width:100%;margin:0 auto 60px;border-spacing:2px}@media screen and (max-width: 768px){.table{margin-bottom:30px}}.table__th,.table__td{padding:10px;font-weight:400;text-align:left;border-bottom:1px solid #E9E9E9}.table__th{padding:15px 10px;border-bottom:2px solid #599921}.table__img{height:50px}.table__action{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;row-gap:5px}.table__btn{font-size:14px}html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar{width:5px;height:5px}html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track{background:#FFF}html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb{background:#599921}body{font-family:Geometria,sans-serif;color:#6d6d6d;font-weight:400}:focus{outline-color:#2d2c2c}:disabled{filter:opacity(70%)}:disabled:hover{background-color:#599921;color:#fff}.container{margin-left:auto;margin-right:auto;padding:60px 80px 0}@media screen and (max-width: 1280px){.container{padding:60px 60px 0}}@media screen and (max-width: 768px){.container{padding:30px 40px 0}}@media screen and (max-width: 600px){.container{padding:20px 20px 0}}.container:has(.nav__select){display:flex;flex-direction:column;align-items:center}.section{margin-bottom:90px}@media screen and (max-width: 1280px){.section{margin-bottom:80px}}@media screen and (max-width: 768px){.section{margin-bottom:30px}}.point{display:inline-block;width:28px;height:28px;margin-right:10px;padding:2px;background-color:#599921;border-radius:6px;color:#fff;font-weight:500;font-size:15px;text-align:center}@media screen and (max-width: 480px){.point{width:24px;height:24px}}