2026-06-21 12:25:51 +00:00
<!doctype html> < html lang = ru > < meta charset = UTF-8 > < meta content = "width=device-width,initial-scale=1.0,maximum-scale=5.0,minimum-scale=1.0" name = viewport > < meta content = "ie=edge" http-equiv = X-UA-Compatible > < title > Хватило.р у < / title > < meta content = "Приложение Hvatilo собирает список продуктов, подстраивается под наличие в магазине и помогает готовить всей семьей без лишних трат. Планируйте рацион легко." name = description > < meta content = "планировщик питания, приложение для покупок продуктов, автокорзина, список покупок онлайн, рацион для семьи, помощник по питанию" name = keywords > < link href = /app/icons/logo512.png rel = apple-touch-icon > < link href = /app/icons/favicon.ico rel = icon > < meta content = #000000 name = theme-color > < link href = https://fonts.googleapis.com rel = preconnect > < link crossorigin href = https://fonts.gstatic.com rel = preconnect > < link href = "https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap" as = style id = style_preload rel = preload > < script nonce = **MY_PRETTY_CSP_NONCE** > d o c u m e n t . g e t E l e m e n t B y I d ( ' s t y l e _ p r e l o a d ' ) . a d d E v e n t L i s t e n e r ( ' l o a d ' , ( f u n c t i o n ( ) {
2026-06-21 12:28:24 +00:00
}))< / script > < noscript > < link href = "https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap" rel = stylesheet > < / noscript > < style nonce = **MY_PRETTY_CSP_NONCE** > h t m l , b o d y { h e i g h t : 1 0 0 v h ; o v e r f l o w : h i d d e n } b o d y { b a c k g r o u n d : # f c f f f b ; m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - f a m i l y : O n e s t , s y s t e m - u i , - a p p l e - s y s t e m , S e g o e U I , R o b o t o , H e l v e t i c a , s a n s - s e r i f } # s c r o l l e r { s c r o l l - s n a p - t y p e : y m a n d a t o r y ; s c r o l l - b e h a v i o r : s m o o t h ; h e i g h t : 1 0 0 v h ; o v e r f l o w : h i d d e n s c r o l l } . c o n t a i n e r { w i d t h : 1 0 0 % ; m a x - w i d t h : 1 4 4 0 p x ; m a r g i n : 0 a u t o ; p o s i t i o n : r e l a t i v e } . t e x t _ s e c o n d a r y { c o l o r : # 4 e 7 0 6 7 } h 1 { m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - s i z e : 2 5 4 p x } h 2 { c o l o r : # 0 c 3 b 2 e ; t e x t - t r a n s f o r m : u p p e r c a s e ; m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - s i z e : 4 8 p x } h 3 { c o l o r : # 0 c 3 b 2 e ; m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - s i z e : 1 8 p x ; f o n t - w e i g h t : 7 0 0 } p . d e s c r i p t i o n { c o l o r : # 6 d 8 9 8 2 ; m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - s i z e : 1 8 p x } p . d e s c r i p t i o n _ l a r g e { c o l o r : # 6 d 8 9 8 2 ; m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - s i z e : 2 4 p x } a : f o c u s { o u t l i n e : n o n e } s p a n . n o b r e a k { w h i t e - s p a c e : n o w r a p } # t o p _ l o g o { a l i g n - i t e m s : c e n t e r ; g a p : 6 p x ; h e i g h t : 2 4 p x ; m a r g i n - t o p : 8 p x ; f o n t - s i z e : 2 0 p x ; l i n e - h e i g h t : 2 4 p x ; d i s p l a y : f l e x } # t o p _ l o g o i m g { w i d t h : 2 4 p x } # t o p _ l o g o a { c o l o r : # 0 c 3 b 2 e ; f o n t - w e i g h t : 7 0 0 ; t e x t - d e c o r a t i o n : n o n e } # t o p _ l i n e _ c o n t a i n e r { u s e r - s e l e c t : n o n e ; z - i n d e x : 1 1 ; b a c k g r o u n d - c o l o r : # f c f f f b ; w i d t h : 1 0 0 % ; m i n - w i d t h : 3 6 0 p x ; p o s i t i o n : f i x e d ; t o p : 0 } # t o p _ l i n e { b o x - s i z i n g : b o r d e r - b o x ; b o r d e r - b o t t o m : 1 p x s o l i d # e 7 e d e 7 ; f l e x - d i r e c t i o n : r o w ; j u s t i f y - c o n t e n t : s p a c e - a r o u n d ; h e i g h t : 8 0 p x ; p a d d i n g : 1 8 p x 0 ; d i s p l a y : f l e x ; p o s i t i o n : r e l a t i v e } # t o p _ m e n u { f l e x - d i r e c t i o n : r o w ; a l i g n - i t e m s : c e n t e r ; g a p : 4 0 p x ; h e i g h t : 1 8 p x ; m a r g i n - t o p : 1 3 p x ; d i s p l a y : f l e x } # t o p _ m e n u a { c o l o r : # 6 d 8 9 8 2 ; f o n t - s i z e : 1 4 p x ; f o n t - w e i g h t : 5 0 0 ; l i n e - h e i g h t : 1 7 p x ; t e x t - d e c o r a t i o n : n o n e } # t o p _ m e n u a : h o v e r { c o l o r : # 5 e a 1 2 d } # t o p _ m e n u a : f o c u s { o u t l i n e : n o n e } # t r y _ b u t t o n { c o l o r : # 0 c 3 b 2 e ; b a c k g r o u n d - c o l o r : # f f b a 0 0 ; b o r d e r - r a d i u s : 1 0 0 p x ; p a d d i n g : 1 3 p x 4 3 p x ; f o n t - w e i g h t : 7 0 0 ; t e x t - d e c o r a t i o n : n o n e ; d i s p l a y : f l e x } . p a g e _ c o n t a i n e r { s c r o l l - s n a p - a l i g n : s t a r t ; f l e x - d i r e c t i o n : c o l u m n ; j u s t i f y - c o n t e n t : c e n t e r ; a l i g n - i t e m s : c e n t e r ; w i d t h : 1 0 0 % ; m i n - w i d t h : 3 6 0 p x ; m i n - h e i g h t : 1 0 0 v h ; p a d d i n g - t o p : 3 9 p x ; d i s p l a y : f l e x } # p a g e _ i n d e x _ c o n t e n t { a l i g n - i t e m s : s t a r t } # p a g e _ i n d e x p { f o n t - s i z e : 1 8 p x } . c o n t a i n e r _ r o w { f l e x - d i r e c t i o n : r o w ; a l i g n - i t e m s : f l e x - e n d ; g a p : 3 4 p x ; d i s p l a y : f l e x } . b i g _ i n d e x _ g r e e t i n g { c o l o r : # 0 c 3 b 2 e ; t e x t - t r a n s f o r m : u p p e r c a s e ; l e t t e r - s p a c i n g : 0 ; f o n t - s i z e : 2 5 4 p x ; f o n t - w e i g h t : 9 0 0 ; l i n e - h e i g h t : 2 1 4 p x } # p a g e _ i n d e x _ s t o r e _ b t n s { f l e x - d i r e c t i o n : r o w ; a l i g n - i t e m s : c e n t e r ; g a p : 3 0 p x ; h e i g h t : 5 2 p x ; p a d d i n g - t o p : 4 0 p x ; d i s p l a y : f l e x } # p a g e _ i n d e x _ s t o r e _ b t n s a { c o l o r : # 6 d 8 9 8 2 ; a l i g n - i t e m s : c e n t e r ; p a d d i n g : 1 4 p x 0 ; f o n t - w e i g h t : 7 0 0 ; t e x t - d e c o r a t i o n : n o n e ; d i s p l a y : f l e x } # p a g e _ i n d e x _ s t o r e _ b t n s i m g { h e i g h t : 2 4 p x ; m a r g i n - r i g h t : 1 2 p x } # p a g e _ a u t o b a s k e t _ c o n t e n t { f l e x - d i r e c t i o n : c o l u m n ; g a p : 6 4 p x ; d i s p l a y : f l e x } # p a g e _ a u t o b a s k e t _ c o n t e n t _ d e s c r i p t i o n { t e x t - a l i g n : c e n t e r } # p a g e _ a u t o b a s k e t _ c o n t e n t _ d e s c r i p t i o n p { c o l o r : # 6 d 8 9 8 2 ; f o n t - s i z e : 2 4 p x } # p a g e _ a u t o b a s k e t _ i m a g e s { f l e x - d i r e c t i o n : r o w ; j u s t i f y - c o n t e n t : c e n t e r ; g a p : 2 0 p x ; d i s p l a y : f l e x } # p a g e _ a u t o b a s k e t _ i m a g e s d i v { t e x t - a l i g n : c e n t e r ; f l e x - d i r e c t i o n : c o l u m n ; a l i g n - i t e m s : c e n t e r ; g a p : 1 6 p x ; m a x - w i d t h : 3 8 7 p x ; d i s p l a y : f l e x } # p a g e _ a u t o b a s k e t _ i m a g e s i m g { m a x - w i d t h : 1 0 0 % } # p a g e _ a u t o b a s k e t _ i m a g e s p { c o l o r : # 6 d 8 9 8 2 ; m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - s i z e : 1 8 p x } . a u t o b a s k e t _ i m a g e _ w r a p p e r { a s p e c t - r a t i o : 3 0 0 / 3 1 7 ; b a c k g r o u n d - c o l o r : # e d f a a d ; b o r d e r - r a d i u s : 2 4 p x ; j u s t i f y - c o n t e n t : c e n t e r } # p a g e _ m e a l _ p l a n _ c o n t e n t { f l e x - d i r e c t i o n : r o w ; j u s t i f y - c o n t e n t : s p a c e - a r o u n d ; g a p : 2 0 p x ; p a d d i n g : 0 1 2 0 p x ; d i s p l a y : f l e x } # p a g e _ m e a l _ p l a n _ c o n t e n t _ d e s c r i p t i o n { f l e x - d i r e c t i o n : c o l u m n ; g a p : 4 0 p x ; m i n - w i d t h : 4 0 0 p x ; d i s p l a y : f l e x } # p a g e _ m e a l _ p l a n _ b r o c { b o r d e r - r a d i u s : 2 4 p x ; m a x - w i d t h : 5 2 9 p x } # p a g e _ m e a l _ p l a n _ i t e m s { f l e x - d i r e c t i o n : c o l u m n ; g a p : 2 4 p x ; d i s p l a y : f l e x } . p a g e _ m e a l _ p l a n _ i t e m { f l e x - d i r e c t i o n : r o w ; g a p : 1 6 p x ; m a x - w i d t h : 6 5 0 p x ; d i s p l a y : f l e x } . p a g e _ m e a l _ p l a n _ i t e m p { c o l o r : # 6 d 8 9 8 2 ; m a r g i n : 0 ; p a d d i n g : 0 ; f o n t - s i z e : 1 8 p x } . p a g e _ m e a l _ p l a n _ i t e m i m g { w i d t h : 5 4 p x } . p a g e _ m e a l _ p l a n _ i t e m _ t e x t { f l e x - d i r e c t i o n : c o l u m n ; g a p : 8 p x ; d i s p l a y : f l e x } . p a g e _ m e a l _ p l a n _ i t e m _ t e x t s p a n { w h i t e - s p a c e : n o w r a p } # p a g e _ h o w _ i t _ w o r k s { b o x - s i z i n g : b o r d e r - b o x ; f l e x - d i r e c t i o n : c o l u m n ; j u s t i f y - c o n t e n t : s p a c e - b e t w e e n ; p a d d i n g - t o p : 1 1 0 p x ; d i s p l a y : f l e x } # p a g e _ h o w _ i t _ w o r k s _ c o n t e n t { t e x t - a l i g n : c e n t e r } # p a g e _ h o w _ i t _ w o r k s _ s t e p s { f l e x - d i r e c t i o n : r o w ; j u s t i f y - c o n t e n t : s p a c e - b e t w e e n ; m a r g i n - t o p : 6 4 p x ; f o n t - s i z e : 1 8 p x ; d i s p l a y : f l e x } # p a g e _ h o w _ i t _ w o r k
