@font-face{font-display:swap;font-family:Podkova-Regular;font-weight:700;src:url(108032385d29b55a92db.woff2) format("woff2")}@font-face{font-display:swap;font-family:Podkova-Bold;font-weight:700;src:url(a969d164f8de9c75a3a7.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto-Regular;font-weight:400;src:url(a25806274237d06e00a6.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto-light;font-weight:200;src:url(d537674e9e217fa53a13.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto-Medium;font-weight:700;src:url(fc0337b9cf1cce2e6e1e.woff2) format("woff2")}
*,:after,:before{box-sizing:border-box}html{background-color:#252525}body{color:var(--text-color);font-family:var(--main-font),sans-serif;font-size:18px;margin:0 auto;max-inline-size:1920px;min-inline-size:375px}h1,h2,h3,h4,h5,h6,p{margin:0}ul{list-style:none}picture,ul{margin:0;padding:0}a,button{color:var(--text-color);font-family:inherit;font-size:inherit;line-height:inherit}input{all:unset;cursor:text}
:root{--text-color:#f2d5b3;--button-text-color:#212020;--wine-color:#f2b3b7;--menu-color:#101010;--standart-space:30px;--min-space-size:15px;--desctop-space-size:50px;--space-main_grid-edge:10px;--space-main_grid-between:50px;--space-main_grid-outside:40px;--header-font-size:18px;--main-font:"Roboto-regular"}@media (768px <= width){:root{--space-main_grid-edge:20px;--space-main_grid-between:80px;--space-main_grid-outside:60px}}
.page{background-attachment:fixed;background-color:#424543;background-position:50%;background-repeat:no-repeat;background-size:cover}.page__wrapper{margin:0 auto;max-inline-size:1920px}.page__grid{display:grid;gap:50px;grid-template-areas:"main" "aside";grid-template-columns:1fr;margin:0 auto;max-inline-size:1440px;padding-block:40px}.page::-webkit-scrollbar{display:none}.invisible{display:none}.hidden{visibility:hidden}.btn{position:relative}.btn,.btnForAnimation{background-color:var(--text-color);border:none;border-radius:5px;color:var(--button-text-color);cursor:pointer;font-family:Roboto-medium;font-size:20px;inline-size:100%;line-height:18px;overflow:hidden;padding-block:20px}iframe{border:none}.mobile-invisible,.mobile-ipad-invisible{display:none}.information{font-size:14px;font-style:italic;line-height:16px}.btn:after{background-color:transparent;content:"";inset:0 0 0 0;position:absolute;transition:.3s ease;z-index:2}.btn:hover:after{background-color:rgba(0,0,0,.3)}a{transition:.3s ease}.header{background-color:var(--menu-color);box-shadow:0 5px 25px rgba(0,0,0,.1);display:flex;flex-direction:column;grid-area:header;padding-bottom:50px;padding-inline:var(--min-space-size);position:relative}.header__content-wrapper{margin-block-end:50px}.header__grid-wrapper{position:relative}.header__menu{align-self:center;display:flex;flex-direction:row;inline-size:100%;justify-content:space-between;max-inline-size:1440px;overflow:hidden;padding-block:15px;z-index:5}.header__menu-wide-list{display:none}.header__menu-wrapper-mobile{align-items:center;display:flex;flex-direction:row;gap:25px;justify-items:center}.header__menu-wrapper-mobile-list{display:flex;padding:0}.burger-menu-btn{background-color:transparent;color:var(--text-color);inline-size:35px;overflow:visible;padding:0}.burger-menu-btn img{width:100%}.burger-menu{-webkit-backdrop-filter:0;backdrop-filter:0;background-color:rgba(0,0,0,.8);block-size:100vh;inline-size:100%;left:0;overflow:hidden;position:absolute;top:60px;z-index:4}.burger-menu__content{background-color:rgba(0,0,0,.7);display:flex;inline-size:100%;justify-content:center;padding-block:30px;position:absolute;top:-100%;transition:.4s ease}.active{top:0}.burger-menu__list{display:flex;flex-direction:column;gap:20px}.burger-menu__list-item{text-align:center}.burger-menu__link{text-decoration:none}.header__logo-svg{display:flex;padding:0;width:150px}.busket{background-color:transparent;border:none;cursor:pointer;inline-size:45px;overflow:visible;padding:0;position:relative}.busket__icon{transition:.3s ease}.busket__icon:hover{color:#d91105}.busket__counter{background-color:red;border-radius:8px;color:#fff;font-size:12px;min-inline-size:17px;padding-block-end:2px;padding-block-start:3px;padding-inline:3px;position:absolute;right:0;top:-5px;z-index:10}.header__banner-wrapper{display:flex;grid-area:theme-switcher;max-block-size:360px}.header__banner{block-size:auto;display:block;inline-size:100vw;margin-inline:calc(var(--min-space-size)*-1);min-inline-size:375px;-o-object-fit:cover;object-fit:cover;position:relative}.header__text-wrapper{align-items:center;display:flex;flex-direction:column;gap:30px;grid-area:header-text;margin-block-start:30px}.header__theme-menu{position:absolute;right:0;top:20px;z-index:3}.header__title{align-items:center;display:flex;flex-direction:column;font:700 52px/52px Podkova-bold,serif;gap:23px;text-align:center}.header__title:after{background-color:var(--text-color);block-size:5px;box-sizing:border-box;content:"";display:flex;inline-size:130px;justify-self:center}.header__theme-menu-list{display:flex;flex-direction:column;gap:12px;justify-self:center}.header__theme-menu-item{align-items:center;display:flex;flex-direction:column}.header__btn{max-inline-size:345px}.header__btn,.section__btn{text-align:center;text-decoration:none}.section__btn{align-self:center}.section__btn:hover{color:red}.header__theme-menu-button{background-color:transparent;background-color:rgba(0,0,0,.3);border:1px solid #fff;border-radius:5px;box-shadow:6px 6px 8px rgba(0,0,0,.2);color:#fff;display:block;font-size:16px;font-style:normal;inline-size:100%;line-height:130%;padding:3px 12px;text-transform:lowercase;transition:.1s linear}.header__menu-wide-list-link{font-size:14px}.header__theme-menu-button:hover{cursor:pointer;outline:2px solid rgba(0,0,0,.4)}.header__theme-menu-button:focus-visible{border-color:#303030;outline:none}.header__theme-menu-button_active{background-color:rgba(217,17,5,.4);pointer-events:none}.header__text{font-size:var(--header-font-size);font-style:normal;line-height:24px;text-align:center}.main{align-items:center;gap:var(--standart-space);grid-area:main;justify-self:center}.main,.section{display:flex;flex-direction:column}.section{background-image:url(fd81856f7092489d69b4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 16px 25px rgba(0,0,0,.2);gap:30px;margin:0 auto;min-inline-size:375px;padding:30px var(--min-space-size) 50px}.section__img{display:block;inline-size:100%;-o-object-fit:cover;object-fit:cover}.section__content-wrapper{display:flex;flex-direction:column;gap:20px}.section__title-wrapper{display:flex;flex-direction:column;gap:15px}.section__subtitle{font-family:Roboto-medium,sans-serif;font-size:24px}.about-berries .section__content-wrapper,.about-products .section__content-wrapper,.about-wine .section__content-wrapper{justify-content:space-between}.section__text-content_wrapper{display:flex;flex-direction:column;gap:20px}.section__text-wrapper{display:flex;flex-direction:column;gap:12px}.section__text{font:400 18px/24px Roboto-regular,sans-serif}.section__item{display:flex;gap:10px;position:relative}.section__item:before{block-size:10px;content:"−";inline-size:10px}.about-us__item:before{block-size:20px;content:"✦";inline-size:20px}.item-meat:before{block-size:20px;content:"🐥";inline-size:20px}.item-pocket:before{block-size:20px;content:"\26FA";inline-size:20px}.item-berries:before{block-size:20px;content:"🍓";inline-size:20px}.item-vegetables:before{block-size:20px;content:"🍆";inline-size:20px}.contacts{inline-size:100%}.about-us__last-paragraph{align-items:start;display:flex;flex-direction:column;gap:30px}.about-us__last-paragraph:after{background-image:url(6f78aa4ff8586f9c85f1.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;block-size:14px;content:"";inline-size:265px}.section__title{align-items:center;box-sizing:border-box;display:flex;font-family:Podkova-regular;font-size:42px;gap:16px;line-height:42px}.section__title:before{align-self:stretch;background-color:var(--text-color);content:"";display:block;flex-shrink:0;inline-size:4px}.about-us__svg{margin-block-start:30px}.about-wine{color:var(--wine-color)}.about-wine .btn,.about-wine .section__title:before{background-color:var(--wine-color)}.about-wine .btn{text-align:center;text-decoration:none}.contact-us .section__title:before,.contacts .section__title:before{display:none}.contact-us .section__title,.contacts .section__title{align-self:center}.contacts__map{block-size:345px;inline-size:100%}.contacts__list{display:flex;flex-direction:column;gap:28px}.contacts__list-item{align-items:center;display:flex;gap:10px}.contacts__list-item a{color:var(--text-color)}.contact-us__form{display:flex;flex-direction:column;gap:32px}.contact-us__input-field{background-color:#ddd;block-size:46px;border:none;border-radius:15px;color:#000;cursor:text;font-family:Roboto-Regular,sans-serif;font-size:18px;padding-left:15px;padding-right:15px}.contact-us__input-field:focus-visible{outline:2px solid #dc9d09}.contact-us__form-text-field{background-color:#ddd;border:none;border-radius:15px;color:#000;font-family:Roboto-Regular,sans-serif;font-size:18px;padding:15px}.contact-us__form-text-field:focus-visible{outline:2px solid #dc9d09}.contact-us__form-label{display:flex;flex-direction:column;gap:4px;position:relative}.section__img-wrapper{border-bottom-right-radius:40px;display:flex;overflow:hidden}.map-wrapper{outline-color:currentColor;outline-style:solid;outline-width:3px}.btn-reset{background-color:transparent;color:var(--text-color);padding:0;text-decoration:underline}.btn-reset:after{display:none}.recipes{display:flex;flex-direction:column;gap:20px;grid-area:aside}.recipes__title{font-family:Podkova-Regular,serif;font-size:28px;text-align:center}.recipes__list-wrapper{block-size:340px;inline-size:100%;overflow-x:scroll;overflow-y:hidden;position:relative}.recipes__list{display:flex;flex-direction:row;gap:15px;inset:0;position:absolute}.recipes__list-wrapper::-webkit-scrollbar{block-size:12px}.recipes__list-wrapper::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 35%,transparent);border-radius:3px}.recipe{align-items:center;block-size:310px;border-radius:40px;box-shadow:0 10px 10px rgba(0,0,0,.3);display:flex;flex-shrink:0;inline-size:232px;justify-content:center;overflow:hidden;position:relative}.recipe__img{align-self:stretch;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.recipe__title{background-color:rgba(0,0,0,.7);display:block;font-family:Podkova-regular;font-size:20px;line-height:28px;padding:10px;position:absolute;text-align:center;z-index:3}.recipe:after{background-color:hsla(0,0%,100%,.1);content:"";inset:0 0 0 0;position:absolute;transition:.4s ease;z-index:2}.recipe:hover{cursor:pointer}.recipe:hover:after{background-color:rgba(0,0,0,.3);content:"";inset:0 0 0 0;position:absolute;z-index:2}.footer{background-image:url(1ed234818cd8fb549433.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 16px 25px rgba(0,0,0,.2);grid-area:footer;padding:var(--min-space-size);position:relative}.footer__content-wrapper{display:grid;grid-template-areas:"logo logo soc" "nav mail mail" "copyright copyright theme";grid-template-columns:repeat(3,1fr);inline-size:100%;max-inline-size:1440px}.footer__nav-link{font-size:16px;gap:6px;grid-area:logo}.footer__nav,.footer__nav-link{display:flex;flex-direction:column}.footer__nav{gap:15px;grid-area:nav}.footer__nav-list{display:flex;flex-direction:column;gap:22px}.footer__nav-list-item{padding:0}.footer__nav-link{text-decoration:none}.footer__nav-link .section__title{font-size:22px;line-height:22px}.footer__nav-link .section__title:before{display:none}.footer a{color:#fff}.footer__social-link,.footer__socials-list-item{display:flex;padding:0}.footer__socials-list{display:flex;flex-direction:column;gap:10px;grid-area:soc;justify-self:end}.footer__email-link{align-self:flex-end;font-size:16px;grid-area:mail;justify-self:end}.copyright{color:#fff;font-size:14px;grid-area:copyright;padding-block-start:40px}.footer__theme-menu-list{align-self:flex-end;display:flex;gap:18px;grid-area:theme;justify-self:end}.footer__theme-btn{block-size:28px;border:none;border-radius:0;box-shadow:none;inline-size:28px}.footer__theme-btn--light{background-color:#fff}.footer__theme-btn--grey{background-image:linear-gradient(135deg,#fff 50%,#303030 0)}.footer__theme-btn--dark{background-color:#303030}.contacts a:hover,.header a:hover{color:#d91105}.btn-reset{transition:.3s ease}.contact-us .btn-reset:hover{color:#d91105}ul.recipes__list.recipe-page{align-self:start;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;inline-size:100%;justify-content:center;justify-self:start;position:static}.recipe-page .recipe{border-radius:40px;box-shadow:0 16px 25px rgba(0,0,0,.3)}.input_invalid{outline:2px solid red}.input-error{color:#ff0505;display:block;font-size:12px;left:0;line-height:14px;max-inline-size:525px;opacity:0;position:absolute;top:calc(100% + 5px);z-index:10}.input-error_active{opacity:1}.button_inactive{background-color:transparent;border-radius:8px;color:color-mix(in srgb,currentColor,transparent 70%);outline:2px solid color-mix(in srgb,currentColor,transparent 70%)}.button_inactive:hover{background:none;cursor:auto}.button_inactive:hover:after{display:none}.form__attention{color:#f73939;font-size:16px;text-align:center}@media (width < 768px){.mobile-invisible{display:none}.header{background-image:url(fd81856f7092489d69b4.jpg)}.section__img-wrapper{block-size:260px;border-bottom-right-radius:40px;overflow:hidden}}@media (768px <= width){.page__grid{display:grid;gap:var(--standart-space);grid-template-areas:"main main main" "aside aside aside";grid-template-columns:1fr;padding-block:var(--standart-space)}.header{padding-block-end:0;padding-inline:20px;position:relative}.header__menu-wrapper-mobile{display:none}.header__menu-wide-list{display:flex;gap:25px}.header__menu-wide-list-item{align-items:center;display:flex}.header__menu-wide-list-link{text-decoration:none}.header__content-wrapper{background-image:url(b0892ac31007012419dd.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;margin-block-end:0;margin-inline:-20px;padding-block:70px}.header__grid-wrapper{display:grid;grid-template-areas:". header-text theme-switcher";grid-template-columns:1fr 400px 1fr;inline-size:100%}.header__theme-menu{right:15px}.burger-list-item,.header__banner{display:none}.header__text-wrapper{color:#fff;margin-block-start:0;outline:2px solid #fff;outline-offset:-20px;padding:50px;position:relative;z-index:3}.header__text-wrapper:before{background-image:linear-gradient(#0f3511,#206d23);content:"";inset:0;opacity:.86;position:absolute;z-index:-1}.header__title{align-items:center;text-align:center}.header__title:after{background-color:#fff}.header__text{text-align:center}.header__btn{background-color:#fff;color:#303030}.main{gap:var(--standart-space)}.section{display:grid;gap:30px;grid-template-columns:repeat(2,1fr);padding-inline:30px}.section__content-wrapper{grid-area:content}section:nth-child(2n){grid-template-areas:"content pic"}section:nth-child(odd){grid-template-areas:"pic content"}.section__img-wrapper{align-self:stretch;display:flex;grid-area:pic;justify-content:center;overflow:hidden}.section:nth-child(2n) .section__img-wrapper{border-bottom-left-radius:40px;border-bottom-right-radius:0}.section:nth-child(odd) .section__img-wrapper{border-bottom-left-radius:0;border-bottom-right-radius:40px}.section__img{border-bottom-right-radius:0;display:block;-o-object-fit:cover;object-fit:cover}.contacts__map{block-size:400px}.footer,.mobile-invisible{display:flex}.footer{justify-content:center;padding:30px}.footer__content-wrapper{grid-template-areas:"logo nav soc" "copyright theme mail"}.footer__nav,.footer__theme-menu-list{justify-self:center}.footer__nav-list-item{text-align:center}}.information .information-sign{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-style:normal}.information-wrapper{display:flex;flex-direction:column;gap:10px}@media (1024px <= width){.page__grid{display:grid;gap:30px;grid-template-areas:"main main aside";grid-template-columns:1fr 1fr 210px;margin:0 auto}.header{padding-inline:30px}.header__menu-wide-list-link{font-size:16px}.header__menu{padding-block:18px}.header__content-wrapper{margin-inline:-30px;padding-block:110px}.header__grid-wrapper{grid-template-columns:1fr 500px 1fr;max-inline-size:1440px}.header__theme-menu{right:30px}.recipes{align-items:center;inline-size:210px}.recipes__list-wrapper::-webkit-scrollbar{inline-size:8px}.recipes__list-wrapper::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 35%,transparent);border-radius:3px}.recipes__list{flex-direction:column}.recipes__list-wrapper{block-size:100%;inline-size:210px;overflow-x:hidden;overflow-y:scroll;position:relative}.recipe{block-size:266px;box-shadow:none;inline-size:200px}.recipe__title{font-size:18px}.mobile-ipad-invisible{display:flex}}@media (1160px <= width){.page__grid{display:grid;gap:30px;grid-template-areas:"main main aside";grid-template-columns:1fr 1fr 260px;margin:0 auto}.recipes,.recipes__list-wrapper{inline-size:260px}.recipes__list{inline-size:270px}.recipe{block-size:333px;inline-size:250px}.recipe__title{font-size:22px}.mobile-ipad-invisible{display:flex}}@media (1440px <= width){.header__theme-menu{right:0}.header__grid-wrapper{display:grid;grid-template-areas:". header-text theme-switcher";grid-template-columns:1fr 600px 1fr;inline-size:100%}.header__text-wrapper{outline-offset:-35px;padding-block:100px;padding-inline:80px}.recipe{border-radius:40px}}
.page,.page__wrapper{min-block-size:100vh}.page__wrapper{display:flex;flex-direction:column}.header{padding-block-end:0}.content-wrapper{align-items:center;display:grid;flex-grow:1;gap:20px;grid-template-columns:1fr;justify-items:center;padding-block:30px;padding-inline:15px}.sorting__list{align-self:center;display:inline-flex;flex-wrap:wrap;gap:15px;justify-content:center}.sorting__btn{background-color:transparent;border:2px solid;border-radius:50px;cursor:pointer;font-family:Roboto-Medium;padding-block:5px;padding-inline:12px;transition:.3s ease}.disable{cursor:default;pointer-events:none}.sorting__btn-all:hover,.sorting__btn:hover{background-color:hsla(0,0%,100%,.5)}.sorting__btn-black:hover{background-color:rgba(0,0,0,.3)}.sorting__btn-red:hover{background-color:color-mix(in srgb,var(--wine-color),transparent 50%)}.sorting__btn-pink:hover{background-color:rgba(255,151,187,.7)}.sorting__btn-white:hover{background-color:rgba(218,255,149,.5)}.cards__container-list{align-self:center;display:inline-flex;flex-wrap:wrap;gap:20px;inline-size:345px;justify-self:center;min-block-size:80vh}.card{background-color:var(--button-text-color);box-shadow:0 10px 25px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:15px;inline-size:345px;justify-content:space-between;max-block-size:750px;min-block-size:300px;padding:20px;position:relative;transition:.2s ease}.card:hover{box-shadow:0 15px 27px rgba(0,0,0,.4);transform:translateY(-3px)}.card__decor{position:absolute}.decor-top{background-position:4px;background-size:22px;block-size:120px;inline-size:30px;right:-10px;top:0;z-index:0}.decor-coloss,.decor-top{background-color:var(--button-text-color);background-repeat:no-repeat;border-bottom-right-radius:7px;border-top-right-radius:7px}.decor-coloss{background-image:url(36285c35b8734b4e88c0.png);background-position:50%;background-size:13px;block-size:130px}.card__content{display:flex;flex-direction:column;gap:15px}.card__image-wrapper{block-size:306px;border-bottom-right-radius:40px;display:flex;inline-size:306px;overflow:hidden;position:relative;transition:.3s ease}.card__image-wrapper:hover{cursor:pointer}.card__image-wrapper:after{background-image:url(1c177435f4e84b8a2b80.svg);background-position:255px 255px;background-repeat:no-repeat;background-size:30px 30px;content:"";inset:0 0 0 0;position:absolute;transition:.3s ease}.card__image-wrapper:hover:after{background-color:rgba(0,0,0,.2)}.card__img{block-size:306px;inline-size:306px;-o-object-fit:cover;object-fit:cover;transition:.3s ease}.card__img:hover{transform:scale(1.05)}.card__title{font-size:24px;line-height:26px}.card__description{font-size:14px;gap:10px;line-height:20px;overflow:hidden;position:relative}.card__buttons,.card__description{display:flex;flex-direction:column}.card__buttons{gap:15px}.card__price{font-family:Roboto-medium,sans-serif}.card__button-popup{background-color:transparent;border:none;border-radius:10px;color:currentColor;font-family:Roboto-light,sans-serif;font-size:18px;padding:0;text-decoration:underline;transition:.3s ease}.card__button-popup:after{display:none}.card__button-popup:hover{color:#d91105}.card__parameters-wrapper{block-size:160px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.card-parameters{font-family:Roboto-light,sans-serif;font-size:14px}.card-parameters span{font-family:Roboto-medium}.price-wrapper{align-items:center;display:flex;justify-content:space-between}.card__price{font-family:Roboto-medium}.card__price,.card__price-sign{font-size:22px}.btn__busket{font-size:18px;inline-size:125px;padding:8px 0;position:relative}.animated-gradient{animation:gradient 1.2s ease infinite;background-image:linear-gradient(45deg,#f17c58,#e94584,#24aadb,#27dbb1,#ffdc18,#ff3706);background-size:500% 400%}.red-outline{background-image:url(3bc4d6f8b89510834701.svg)}.black-outline{background-image:url(8369bd4bdc74fa4b90e1.svg)}.pink-outline{background-image:url(564de89891e062e540ba.svg)}.white-outline{background-image:url(65b94a8b9df0b728b501.svg)}.technical-outline{background-image:url(ce7eadba97c8010dc8f1.svg);background-position:50%;background-size:20px}.strawberry{background-image:url(df5e046e115280a73e90.svg)}.raspberry{background-image:url(2bb45f19560123118cdd.svg)}.blackberry{background-image:url(f15554e29ac9b28c8600.svg)}.left-panel__form{align-items:flex-start;display:flex;flex-direction:column;gap:40px}.search-field{align-items:center;border:none;display:flex;gap:5px;inline-size:100%;justify-content:center;margin:0;padding:0}.search-input{background-color:#8f8f8f;block-size:30px;border:2px solid;border-radius:8px;font-size:14px;max-inline-size:100%;padding-inline:8px;transition:.3s ease}.search-input::-moz-placeholder{color:#585858;font-family:Roboto-light,sans-serif}.search-input::placeholder{color:#585858;font-family:Roboto-light,sans-serif}.search-input:focus-visible{color:var(--menu-color)}.search-field .btn{block-size:34px;display:block;inline-size:34px;padding:0}.search-btn{background-image:url(4ab329d378e120ea4f99.svg);background-size:20px}.reset_search-btn,.search-btn{background-position:50%;background-repeat:no-repeat}.reset_search-btn{background-image:url(4e637ba68801e8a1443f.svg);background-size:18px}.nav-btns_wrapper-mobile{background-color:rgba(0,0,0,.5);border-radius:15px;bottom:15px;box-shadow:0 15px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:15px;left:15px;padding:15px;position:fixed;z-index:10}.nav-btns_wrapper-mobile .btn{border-radius:0;font-family:Roboto-medium;font-size:14px;text-align:center}.left-panel-wrapper{display:flex;flex-direction:column;gap:20px;justify-items:center}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (768px <= width){.cards__container-list{inline-size:710px}}@media (1105px <= width){.cards__container-list{inline-size:1075px}}@media (1410px <= width){.content-wrapper{gap:40px;grid-template-columns:279px 1fr;margin:0 auto;max-inline-size:1440px;padding-inline:0}.left-panel-wrapper{block-size:85vh;gap:40px;position:sticky;top:30px}.left-panel-wrapper,.sorting__list{align-self:start;display:flex;flex-direction:column;justify-self:start}.mini-page_sorting-list{align-self:start;position:sticky;top:30px}.nav-btns_wrapper{display:flex;flex-direction:column;gap:20px}.cards__container-list{align-self:flex-start;justify-self:end}.search-field{justify-content:flex-start}}@media (1440px <= width){.content-wrapper{gap:60px}.cards__container-list{gap:30px;inline-size:1100px}}@media (1900px <= width){.nav-btns_wrapper-mobile{left:13%}}@media (2500px <= width){.nav-btns_wrapper-mobile{left:22.5%}}
.popup{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.popup__title{font-family:Podkova-Bold,serif;font-size:32px;line-height:30px}.popup__image{block-size:600px;display:block;max-height:100%;-o-object-fit:cover;object-fit:cover}.popup__close{background:transparent url(4e637ba68801e8a1443f.svg) 50% no-repeat;background-size:20px 20px;border:none;cursor:pointer;height:20px;margin:0;padding:0;position:absolute;right:15px;top:15px;transform:rotate(90deg);transition:visibility 0s,opacity .3s;width:20px}.popup__close:hover{opacity:.6}.popup_is-opened{display:flex;opacity:1;pointer-events:all;transition:visibility 0s,opacity .6s;visibility:visible}.no-scroll{overflow:hidden}.popup_is-animated{display:flex;opacity:0;pointer-events:none;transition:visibility 0s .6s,opacity .6s;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.popup__content{background-color:var(--button-text-color);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;overflow-y:auto;position:relative}.popup__content_description,.popup__content_recipe{max-block-size:90vh;max-inline-size:600px}.popup__content_recipe .popup__image{block-size:400px}.popup__content-image{overflow:hidden}.popup__parameters-wrapper{display:flex;flex-direction:column;gap:7px}.popup__parameters{font-family:Roboto-Light,sans-serif}.popup__parameters span{font-family:Roboto-Medium,sans-serif}.popup__text-wrapper{display:flex;flex-direction:column;gap:20px;padding:30px}.popup__description{display:flex;flex-direction:column;font-size:14px;gap:10px;line-height:22px}.popup__content::-webkit-scrollbar{inline-size:6px}.popup__content::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 35%,transparent);border-radius:4px}.popup__busket-title{border-bottom:1px solid;display:flex;font-size:18px;padding-block-end:20px}.popup__busket-list{display:flex;flex-direction:column;gap:20px;max-block-size:300px;overflow-x:hidden;overflow-y:scroll;padding-block:8px}.popup__busket-list::-webkit-scrollbar{inline-size:4px}.popup__busket-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,currentColor 35%,transparent);border-radius:3px}.popup__busket-list-item{align-items:center;block-size:64px;display:flex;justify-content:space-between}.popup__busket-price{align-items:center;display:flex;gap:8px;justify-content:flex-end}.busket-item-img{block-size:60px;border-radius:30px;inline-size:60px;-o-object-fit:cover;object-fit:cover}.popup__content_busket{border-end-end-radius:0;border-end-start-radius:0;bottom:0;inline-size:100%;max-block-size:100vh;overflow:hidden;padding:20px;position:absolute}.busket-list-wrapper{display:flex;flex-direction:column;gap:20px}.popup__product-wrap{align-items:center;display:flex;flex-direction:row;gap:15px}.popup__product-big_wrap{flex-direction:column;gap:7px;justify-content:center}.busket-item-title{display:block;font-size:14px;inline-size:130px}.popup__busket_clear-btn{background-color:transparent;block-size:35px;border:none;cursor:pointer;inline-size:35px}.popup__busket_clear-btn:hover svg{fill:color-mix(in srgb,currentColor 40%,transparent)}.popup__busket-price-title{display:flex;justify-content:flex-end}.busket-item-cutting-counter,.busket-item-vine-counter{gap:0}.busket-item-count_btn{align-items:center;background-color:transparent;block-size:30px;border:none;border-radius:3px;box-shadow:0 0 10px color-mix(in srgb,currentColor 40%,transparent);box-sizing:border-box;cursor:pointer;display:flex;inline-size:30px;justify-content:center}.busket-item-count_btn:hover{background-color:color-mix(in srgb,currentColor 4%,transparent);box-shadow:0 0 15px color-mix(in srgb,currentColor 70%,transparent)}.busket-item-count_input{cursor:default;max-inline-size:32px;text-align:center}.popup__product-price{inline-size:80px;text-align:center}.popup__busket-item-delete{background-color:transparent;border:none;cursor:pointer}.popup__busket-item-delete:hover{color:color-mix(in srgb,currentColor 50%,transparent)}.btn-cart{font-size:16px;max-inline-size:200px;padding-block:10px;padding-inline:20px}.btn-cart-reset{border:2px solid;text-decoration:none}.cart__total-wrapper{border-top:1px solid;display:flex;flex-wrap:wrap;gap:10px;inline-size:100%;justify-content:center;padding-block-start:15px}.cart__total-input-wrapper{border:none;display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;inline-size:100%;padding:0}.cart__total-input{background-color:#ccc;block-size:30px;border:2px solid #898989;border-radius:8px;color:#000;font-size:14px;min-inline-size:50px;padding-inline:5px}.cart__total-input:focus-visible{border:2px solid #000}.cart__label{display:flex;flex-direction:column;font-size:12px;gap:3px;inline-size:100%;text-align:center}.cart__buttons-wrapper{display:flex;flex-direction:row-reverse;gap:20px;inline-size:100%}.cart__bottom-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}@media screen and (max-width:568px){.popup__content_description{block-size:70vh;inline-size:100vw}.popup__image{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.popup__title{font-size:22px;line-height:22px}.popup__text-wrapper{padding:15px}}@media (1024px <= width){.popup__content_busket{border-end-end-radius:10px;border-end-start-radius:10px;bottom:unset;display:flex;flex-direction:column;max-block-size:100vh;max-inline-size:700px;min-block-size:500px}.popup__busket-list{max-block-size:320px}.busket-list-wrapper{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.popup__busket-list-item{block-size:80px}.popup__busket-title{font-size:24px}.busket-item-img{block-size:80px;border-radius:40px;inline-size:80px}.busket-item-title{font-size:18px;inline-size:240px}.popup__product-big_wrap{flex-direction:row;gap:15px}.busket-item-count_btn{border-radius:15px}.busket-item-count_input{max-inline-size:40px}.cart__total-input-wrapper{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}}@media (1440px <= width){.popup__image{block-size:90vh}.popup__content_recipe{max-block-size:90vh;max-inline-size:600px}.popup__busket-list{max-block-size:400px}}
.page.theme_dark{--text-color:#f2d5b3;--button-text-color:#212020;--wine-color:#f2b3b7;--menu-color:#101010;background-color:#424543;.header{background-color:var(--menu-color)}.burger-menu__content{background-color:rgba(0,0,0,.7)}.section{background-image:url(fd81856f7092489d69b4.jpg)}.recipe__title{background-color:rgba(0,0,0,.7)}@media (width < 768px){.header{background-image:url(fd81856f7092489d69b4.jpg)}}}
.page.theme_light{--text-color:#303030;--button-text-color:#fff;--wine-color:#78153e;--menu-color:#fff;background-color:#c9c6c8;.burger-menu__content{background-color:hsla(0,0%,100%,.6)}.nav-btns_wrapper-mobile{background-color:hsla(0,0%,100%,.5)}.header{background-color:var(--menu-color)}.section{background-image:url(cb5fe4562c8c005211d1.jpg)}.recipe__title{background-color:hsla(0,0%,100%,.7)}.search-input{background-color:#c7c7c7;color:#303030}@media (width < 768px){.header{background-image:url(cb5fe4562c8c005211d1.jpg)}}}@media (prefers-color-scheme:light){:root{--text-color:#303030;--button-text-color:#fff;--wine-color:#78153e;--menu-color:#fff}.page{background-color:#c9c6c8}.burger-menu__content,.header{background-color:var(--menu-color)}.section{background-image:url(cb5fe4562c8c005211d1.jpg)}.recipe__title{background-color:hsla(0,0%,100%,.7)}.nav-btns_wrapper-mobile{background-color:hsla(0,0%,100%,.5)}.search-input{background-color:#c7c7c7;color:#303030}}@media (prefers-color-scheme:light) and (width < 768px){.header{background-image:url(cb5fe4562c8c005211d1.jpg)}}