diff --git a/asset-manifest.json b/asset-manifest.json index 2673e93..69fa3a6 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/store/static/css/main.0e7c0b52.css", + "main.css": "/store/static/css/main.8e7e9ce3.css", "main.js": "/store/static/js/main.0a43d219.js", "static/media/banner.png": "/store/static/media/banner.04fc051a4917c6631151.png", "static/media/computer.png": "/store/static/media/computer.5e56530d0ea3793fd73d.png", @@ -9,11 +9,11 @@ "static/media/shoe.png": "/store/static/media/shoe.db601c8f04844976b606.png", "static/media/logo.svg": "/store/static/media/logo.9ac1c0857fe0ceae82c8cbf8bed817a0.svg", "index.html": "/store/index.html", - "main.0e7c0b52.css.map": "/store/static/css/main.0e7c0b52.css.map", + "main.8e7e9ce3.css.map": "/store/static/css/main.8e7e9ce3.css.map", "main.0a43d219.js.map": "/store/static/js/main.0a43d219.js.map" }, "entrypoints": [ - "static/css/main.0e7c0b52.css", + "static/css/main.8e7e9ce3.css", "static/js/main.0a43d219.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index c5cbf2c..04a8daf 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -BoiNK Store
\ No newline at end of file +BoiNK Store
\ No newline at end of file diff --git a/static/css/main.0e7c0b52.css b/static/css/main.8e7e9ce3.css similarity index 99% rename from static/css/main.0e7c0b52.css rename to static/css/main.8e7e9ce3.css index c190b46..a1bb28d 100644 --- a/static/css/main.0e7c0b52.css +++ b/static/css/main.8e7e9ce3.css @@ -1,2 +1,2 @@ -@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&family=Sofia+Sans:wght@300;500;700&display=swap);:root{--bg:#212123;--dark:#191919;--dark-sea:#576067;--grey:#b8b8b8;--white:#fff;--violet:#8b57c6;--violet-dark:#6c3eb8;--light:#f6f6f7;--sea:#616e74}body{background:var(--bg);color:#fff;font-family:Montserrat,Roboto,sans-serif;font-size:16px;font-weight:500;line-height:16px;margin:0;overflow-x:hidden;padding:0 0 20px}h1,h2,h3,h4,h5,h6,p{font-size:16px;line-height:24px;margin:0;padding:0}*{box-sizing:border-box}img{height:auto;max-width:100%}button,input{background:none;border:none;color:#fff;font-family:Montserrat,Roboto,sans-serif;font-size:16px;outline:none}a{color:#fff;text-decoration:none}li,ul{list-style:none;margin:0;padding:0}.app{margin:0 auto;max-width:100%;position:relative}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.icon{height:12px;width:12px}.container{display:flex;flex-wrap:wrap;gap:20px}section{background:var(--dark)}button,section{border-radius:6px}button{background:var(--violet-dark);cursor:pointer;font-weight:600;line-height:20px;padding:9px 20px}button:hover{background:var(--violet)}h2{font-size:20px;font-weight:600;line-height:24px;text-align:center}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{padding:0}.preloader{flex-grow:1;justify-content:center}.Footer_footer__u5gg\+,.preloader{align-items:center;display:flex;padding:24px}.Footer_footer__u5gg\+{justify-content:space-between;margin-top:20px}.Footer_logo__vN7-C{width:61px}.Footer_logo__vN7-C a{height:100%}.Footer_rights__wnw41{color:var(--dark-sea);font-size:12px;line-height:15px}.Footer_rights__wnw41 a{color:var(--violet)}.Footer_socials__BkTPo{display:flex;gap:15px}.Footer_socials__BkTPo svg{fill:var(--dark-sea);height:24px;width:24px}.Footer_socials__BkTPo svg:hover{fill:var(--violet)}.Header_header__2t6Je{align-items:center;background-color:var(--bg);display:flex;padding:25px 20px;position:sticky;top:0;width:100%;z-index:99}.Header_logo__G\+ea6{margin-right:25px;width:100px}.Header_info__wxlPc{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.Header_user__4Ktdg{align-items:center;column-gap:10px;cursor:pointer;display:flex}.Header_avatar__T2JUo{background:var(--dark);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:36px;width:36px}.Header_username__S3AFn{color:var(--grey);font-size:10px;line-height:12px}.Header_form__XcBW3{align-items:center;background:var(--dark);border-radius:6px;column-gap:16px;display:flex;height:27px;padding:7px 10px;position:relative;width:300px}.Header_icon__alvnm{height:13px;width:13px}.Header_icon__alvnm svg{fill:var(--dark-sea);height:100%;width:100%}.Header_input__D449R{flex-grow:1}.Header_input__D449R input{background:none;color:var(--grey);font-family:Montserrat,Roboto,sans-serif;font-size:12px;line-height:14px;outline:none;width:100%}.Header_account__fWDuk{align-items:center;column-gap:20px;display:flex}.Header_favourites__qNMZk{cursor:pointer;position:relative}.Header_account__fWDuk svg{height:24px;width:24px}.Header_icon-fav__m-oAt{stroke:var(--grey);fill:none}.Header_icon-cart__TR11b{fill:var(--grey)}.Header_icon-fav__m-oAt:hover{stroke:var(--white)}.Header_icon-cart__TR11b:hover{fill:var(--white)}.Header_cart__Jnfkn{position:relative}.Header_count__ACrcQ{background:var(--violet);border-radius:50%;bottom:-2px;color:var(--light);font-size:10px;font-weight:700;height:14px;line-height:16px;position:absolute;right:-2px;text-align:center;width:14px}.Header_box__xtwzw{background:var(--dark-sea);border-radius:8px;display:flex;flex-direction:column;left:0;max-height:300px;overflow-y:auto;padding:12px;position:absolute;row-gap:8px;top:120%;width:100%;z-index:9}.Header_box__xtwzw::-webkit-scrollbar{display:none}.Header_item__VxePD{align-items:center;color:var(--grey);column-gap:16px;display:flex;font-size:13px}.Header_item__VxePD:hover{color:var(--light)}.Header_image__KPjuV{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:50px;width:50px}@media (max-width:600px){.Header_header__2t6Je{flex-direction:column}.Header_info__wxlPc{align-items:flex-start;flex-wrap:wrap}.Header_user__4Ktdg{flex-basis:50%;margin-bottom:10px;order:1}.Header_form__XcBW3{flex-basis:100%;order:3;width:280px}.Header_account__fWDuk{order:2}}.Home_home__VceHV{flex-grow:1;position:relative}.Home_title__ANWNn{color:var(--bg);font-size:119px;font-weight:900;line-height:145px;text-align:center;text-transform:uppercase}.Home_product__-EQ\+\+{align-items:stretch;display:flex;margin-top:9px;padding-left:42px;position:relative}.Home_subtitle__sfeEg{color:var(--sea);line-height:20px;text-transform:uppercase}.Home_head__l2Exm{color:var(--light);font-size:42px;font-weight:700;line-height:51px;margin:10px 0 24px;max-width:500px;text-transform:uppercase}.Home_image__\+LNCV{flex-grow:1;height:250px;position:relative}.Home_image__\+LNCV img{bottom:-15%;position:absolute;right:10%}.Home_banner__LTM-B{display:flex;height:570px;width:100%}.Home_left__6vz02{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:50%;z-index:2}.Home_left__6vz02:after,.Home_left__6vz02:before{content:"";display:block;position:absolute}.Home_left__6vz02:before{background:url(/store/static/media/shoe.db601c8f04844976b606.png) no-repeat 50%/contain;bottom:74px;height:170px;left:-25px;width:204px}.Home_left__6vz02:after{background:url(/store/static/media/devices.a0974f63230d0b90cbec.png) no-repeat 50%/contain;bottom:-25px;height:151px;right:-25px;width:269px}.Home_content__HnpMW{color:var(--violet);font-size:70px;font-weight:300;line-height:85px;text-align:center}.Home_content__HnpMW span{display:block;font-size:150px;line-height:183px}.Home_more__jeJNK{margin-top:27px}.Home_right__lwAjt{background-size:contain;position:relative;width:50%}.Home_discount__zQNnO{color:var(--bg);font-size:34px;font-weight:500;left:50%;line-height:40px;position:absolute;text-align:center;transform:translateX(-50%)}.Home_discount__zQNnO span{color:var(--violet);font-weight:700}@media (max-width:1300px){.Home_banner__LTM-B{height:40vw}.Home_title__ANWNn{font-size:60px}.Home_image__\+LNCV{width:70%}.Home_head__l2Exm{font-size:25px}.Home_content__HnpMW{font-size:30px;line-height:80px}.Home_content__HnpMW span{font-size:60px;line-height:80px}.Home_discount__zQNnO{font-size:25px;line-height:30px}.Home_left__6vz02:after,.Home_left__6vz02:before{width:15vw}}@media (max-width:600px){.Home_title__ANWNn{font-size:40px;line-height:50px}.Home_head__l2Exm{font-size:20px;line-height:25px}.Home_image__\+LNCV{height:150px;width:100%}.Home_discount__zQNnO{font-size:15px;line-height:20px}.Home_content__HnpMW{font-size:15px;line-height:40px}.Home_content__HnpMW span{font-size:30px;line-height:40px}.Home_left__6vz02:before{bottom:-23px;left:0;width:15vw}}.Products_products__IzuXY{display:flex;flex-direction:column;padding:25px 22px;width:100%}.Products_list__nhfIw{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.Products_product__TjzZV{background:var(--bg);border-radius:8px;overflow:hidden;width:calc(20% - 20px)}.Products_product__TjzZV:nth-child(5n){width:20%}.Products_image__EiUqK{background-position:50%;background-repeat:no-repeat;background-size:cover;height:410px;width:100%}.Products_wrapper__h4UBi{display:flex;flex-direction:column;height:calc(100% - 410px);padding:12px}.Products_title__7ggYL{font-size:15px;font-weight:600;line-height:18px}.Products_cat__0llHp{color:var(--grey);font-size:12px;font-weight:500;line-height:15px;margin-bottom:28px;margin-top:5px;text-transform:uppercase}.Products_info__R3OlS{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.Products_prices__n9YA1{align-items:center;column-gap:5px;display:flex}.Products_price__I96sm{color:var(--violet-dark);font-size:20px;font-weight:700;line-height:24px}.Products_oldPrice__Xb0mo{color:var(--dark-sea);font-size:13px;font-weight:500;line-height:16px;text-decoration-line:line-through}.Products_purchases__GlpYh{color:var(--dark-sea);font-size:10px;font-weight:500;line-height:12px}.Products_button__SOo-A{margin-top:24px;text-align:center}@media (max-width:600px){.Products_product__TjzZV,.Products_product__TjzZV:nth-child(5n){width:100%}}@media (max-width:1050px){.Products_info__R3OlS{flex-direction:column}}.Categories_section__DBVXy{display:flex;flex-direction:column;overflow-y:auto;padding:22px;position:relative;width:100%}.Categories_list__zHWi5{column-gap:20px;display:flex;justify-content:center;margin-top:24px}.Categories_item__waQb5{overflow:hidden;text-align:center;width:20%}.Categories_image__fR6dL{background-position:50%;background-repeat:no-repeat;background-size:cover;height:18vw;width:100%}h2{background-color:var(--dark);padding:10px;position:sticky;top:0;z-index:2}@media (max-width:600px){.Categories_item__waQb5{width:70%}.Categories_list__zHWi5{flex-wrap:wrap;max-height:240px}.Categories_section__DBVXy{padding-top:0}.Categories_image__fR6dL{height:50vw}}.Product_product__\+wGXE{color:var(--light);column-gap:32px;display:flex;flex-grow:1;max-width:calc(100% - 324px);padding:24px}.Product_info__EF3Sm{display:flex;flex-direction:column}.Product_images__NuYak{display:flex;gap:20px}.Product_current__9wwg7{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:375px;width:375px}.Product_images-list__\+41NE,.Product_imagesList__5Gx8E{display:flex;flex-direction:column;row-gap:5px}.Product_image__J0xk4{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;cursor:pointer;height:90px;width:90px}.Product_title__Y-QdO{font-size:18px;font-weight:500;line-height:22px}.Product_price__ucsa5{font-size:20px;font-weight:700;line-height:24px;margin:10px 0 20px}.Product_color__CqXG8,.Product_sizes__rw-9L{align-items:center;column-gap:16px;display:flex;font-size:14px;line-height:17px;text-transform:capitalize}.Product_sizes__rw-9L{margin:16px 0}.Product_color__CqXG8 span,.Product_sizes__rw-9L span{color:var(--dark-sea);font-size:14px;line-height:17px}.Product_list__Slp0v{align-items:center;column-gap:5px;display:flex}.Product_size__XhT2O{background:var(--bg);border-radius:8px;cursor:pointer;padding:4px 8px}.Product_size__XhT2O.Product_active__BTkKA,.Product_size__XhT2O:hover{background:var(--violet)}.Product_description__D085r{color:var(--grey);font-size:12px;font-weight:400;line-height:15px;max-width:500px}.Product_actions__EtI2-{column-gap:10px;display:flex;margin-top:20px}.Product_favourite__F0jjE{background:var(--dark-sea);border-radius:6px}.Product_favourite__F0jjE:hover{background:var(--violet-dark)}.Product_favourite__F0jjE:active{background:var(--dark-sea)}.Product_bottom__PcbKO{align-items:center;color:var(--dark-sea);display:flex;font-size:10px;justify-content:space-between;line-height:12px;margin-top:auto}.Product_add__e-Wrh:disabled{background:var(--bg);cursor:not-allowed}.Product_purchase__thqwT{margin:20px 20px 20px 0}@media (max-width:1200px){.Product_product__\+wGXE{flex-wrap:wrap;max-width:100%}}@media (max-width:600px){.Product_images__NuYak{flex-direction:column}.Product_images-list__\+41NE{column-gap:5px;flex-direction:row;max-width:375px;overflow:scroll}.Product_current__9wwg7{width:70vw}}.Profile_profile__MhRNq{flex-grow:1;padding:24px}.Profile_form__5FdPo{display:flex;flex-direction:column;row-gap:10px}.Profile_group__difdD{background:#212123;border-radius:8px;color:var(--light);padding:12px 24px;width:100%}.Profile_group__difdD input{width:100%}.Category_wrapper__I4YSc{flex-grow:1;padding:24px;width:100%}.Category_filters__e9TyU{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;width:100%}.Category_filter__bjR4K{align-items:center;background:var(--bg);border-radius:8px;display:flex;min-width:225px;padding:12px 24px;width:max-content}.Category_full__ojDyi{width:100%}.Category_filter__bjR4K input,.Category_filter__bjR4K span{font-size:13px;font-weight:400;line-height:16px}.Category_filter__bjR4K span{color:var(--dark-sea);text-align:right}.Category_more__LElEM{margin:32px auto 0;text-align:center}.Category_back__ju6Fs{align-items:center;display:flex;gap:20px;margin-top:24px}.Cart_cart__Zfalb{display:flex;flex-direction:column;padding:24px 32px;width:calc(100% - 324px)}.Cart_empty__wlW0N{color:var(--light);font-size:24px;line-height:30px;margin-top:24px}.Cart_list__79wr1{display:flex;flex-direction:column;margin-bottom:24px;margin-top:16px;row-gap:8px}.Cart_item__1tVe9{grid-template-columns:100px 2fr 1fr 1.5fr 1fr 16px}.Cart_item__1tVe9,.Cart_item_favorite__ZF3ok{align-items:center;background:var(--bg);border-radius:8px;display:grid;height:70px;padding:12px 16px;width:100%}.Cart_item_favorite__ZF3ok{grid-template-columns:100px 6fr 4fr .2fr 16px}.Cart_image__eiCxw{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:100%}.Cart_info__1KhiM{display:flex;flex-direction:column;margin-left:16px;row-gap:4px}.Cart_name__2tZgO{font-size:13px;font-weight:600;line-height:16px}.Cart_category__X5nxZ{color:var(--grey);font-size:10px;line-height:12px}.Cart_price__I9v39{font-size:14px;line-height:18px}.Cart_quantity__7Swie{align-items:center;display:flex}.Cart_quantity__7Swie span{color:var(--dark-sea);font-size:14px;line-height:17px;text-align:center;width:40px}.Cart_minus__ZvMi3,.Cart_plus__rBm10{align-items:center;background:var(--dark-sea);border-radius:6px;cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}.Cart_quantity__7Swie svg{fill:#ffffff80;height:17px;width:17px}.Cart_minus__ZvMi3:hover,.Cart_plus__rBm10:hover{background:var(--violet)}.Cart_minus__ZvMi3:hover svg,.Cart_plus__rBm10:hover svg{fill:#fff}.Cart_close__\+rOgt{cursor:pointer}.Cart_close__\+rOgt svg{stroke:#ffffff80;height:16px;width:16px}.Cart_close__\+rOgt:hover svg{stroke:#fff}.Cart_actions__bMyUd{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.Cart_total__2LPxp{color:var(--grey);font-size:20px;font-weight:600;line-height:24px}.Cart_total__2LPxp span{color:#fff}@media (max-width:950px){.Cart_cart__Zfalb{width:100%}}@media (max-width:600px){.Cart_item__1tVe9,.Cart_item_favorite__ZF3ok{gap:8px;grid-template-columns:1fr 1fr;height:auto}.Cart_image__eiCxw{grid-row:1/span 2}.Cart_info__1KhiM{grid-row:1/span 1}.Cart_close__\+rOgt{grid-row-end:2;justify-self:flex-end}}.Sidebar_sidebar__HrubL{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding:0 24px 24px;position:relative;width:304px}.Sidebar_title__Ai7Nv{background-color:var(--dark);font-weight:600;line-height:20px;padding:10px 0;position:sticky;top:0;z-index:1}.Sidebar_menu__lqVL0{display:flex;flex-direction:column;margin-top:32px;row-gap:12px}.Sidebar_link__GW-fE{color:var(--dark-sea);font-size:14px;line-height:17px;text-transform:capitalize}.Sidebar_link__GW-fE:hover{color:var(--white)}.Sidebar_link__GW-fE.Sidebar_active__AF0gR{color:var(--violet)}.Sidebar_footer__A0sH4{background-color:var(--bg);border-radius:5px;display:flex;justify-content:space-between;margin-top:15px;padding:10px}@media (max-width:850px){.Sidebar_sidebar__HrubL{width:100%}}@media (max-width:600px){.Sidebar_sidebar__HrubL{height:400px;width:100%}}.User_overlay__Mxjgc{background:#212123cc;height:100%;left:0;position:fixed;top:0;width:100%;z-index:98}.User_wrapper__lx6zT{background:var(--dark);height:100vh;padding:24px;position:fixed;right:0;top:0;width:320px;z-index:100}.User_title__gm8FI{color:var(--light);font-size:15px;font-weight:400;line-height:18px;text-align:center}.User_form__09Tz5{display:flex;flex-direction:column;margin-top:24px;row-gap:16px;width:100%}.User_group__SH01r input{background:#212123;border-radius:8px;color:var(--light);padding:12px 24px;width:100%}.User_submit__KttEJ{font-weight:500;line-height:20px}.User_close__cXNYs{cursor:pointer;position:absolute;right:14px;top:14px;z-index:9}.User_close__cXNYs svg{stroke:var(--dark-sea);height:20px;width:20px}.User_close__cXNYs:hover svg{stroke:#fff}.User_link__FrsBm{color:var(--dark-sea);cursor:pointer;font-size:13px;text-align:center}.User_link__FrsBm:hover{color:var(--light)} -/*# sourceMappingURL=main.0e7c0b52.css.map*/ \ No newline at end of file +@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&family=Sofia+Sans:wght@300;500;700&display=swap);:root{--bg:#212123;--dark:#191919;--dark-sea:#576067;--grey:#b8b8b8;--white:#fff;--violet:#8b57c6;--violet-dark:#6c3eb8;--light:#f6f6f7;--sea:#616e74}body{background:var(--bg);color:#fff;font-family:Montserrat,Roboto,sans-serif;font-size:16px;font-weight:500;line-height:16px;margin:0;overflow-x:hidden;padding:0 0 20px}h1,h2,h3,h4,h5,h6,p{font-size:16px;line-height:24px;margin:0;padding:0}*{box-sizing:border-box}img{height:auto;max-width:100%}button,input{background:none;border:none;color:#fff;font-family:Montserrat,Roboto,sans-serif;font-size:16px;outline:none}a{color:#fff;text-decoration:none}li,ul{list-style:none;margin:0;padding:0}.app{margin:0 auto;max-width:100%;position:relative}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.icon{height:12px;width:12px}.container{display:flex;flex-wrap:wrap;gap:20px}section{background:var(--dark)}button,section{border-radius:6px}button{background:var(--violet-dark);cursor:pointer;font-weight:600;line-height:20px;padding:9px 20px}button:hover{background:var(--violet)}h2{font-size:20px;font-weight:600;line-height:24px;text-align:center}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{padding:0}.preloader{flex-grow:1;justify-content:center}.Footer_footer__u5gg\+,.preloader{align-items:center;display:flex;padding:24px}.Footer_footer__u5gg\+{justify-content:space-between;margin-top:20px}.Footer_logo__vN7-C{width:61px}.Footer_logo__vN7-C a{height:100%}.Footer_rights__wnw41{color:var(--dark-sea);font-size:12px;line-height:15px}.Footer_rights__wnw41 a{color:var(--violet)}.Footer_socials__BkTPo{display:flex;gap:15px}.Footer_socials__BkTPo svg{fill:var(--dark-sea);height:24px;width:24px}.Footer_socials__BkTPo svg:hover{fill:var(--violet)}.Header_header__2t6Je{align-items:center;background-color:var(--bg);display:flex;padding:25px 20px;position:sticky;top:0;width:100%;z-index:99}.Header_logo__G\+ea6{margin-right:25px;width:100px}.Header_info__wxlPc{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.Header_user__4Ktdg{align-items:center;column-gap:10px;cursor:pointer;display:flex}.Header_avatar__T2JUo{background:var(--dark);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:36px;width:36px}.Header_username__S3AFn{color:var(--grey);font-size:10px;line-height:12px}.Header_form__XcBW3{align-items:center;background:var(--dark);border-radius:6px;column-gap:16px;display:flex;height:27px;padding:7px 10px;position:relative;width:300px}.Header_icon__alvnm{height:13px;width:13px}.Header_icon__alvnm svg{fill:var(--dark-sea);height:100%;width:100%}.Header_input__D449R{flex-grow:1}.Header_input__D449R input{background:none;color:var(--grey);font-family:Montserrat,Roboto,sans-serif;font-size:12px;line-height:14px;outline:none;width:100%}.Header_account__fWDuk{align-items:center;column-gap:20px;display:flex}.Header_favourites__qNMZk{cursor:pointer;position:relative}.Header_account__fWDuk svg{height:24px;width:24px}.Header_icon-fav__m-oAt{stroke:var(--grey);fill:none}.Header_icon-cart__TR11b{fill:var(--grey)}.Header_icon-fav__m-oAt:hover{stroke:var(--white)}.Header_icon-cart__TR11b:hover{fill:var(--white)}.Header_cart__Jnfkn{position:relative}.Header_count__ACrcQ{background:var(--violet);border-radius:50%;bottom:-2px;color:var(--light);font-size:10px;font-weight:700;height:14px;line-height:16px;position:absolute;right:-2px;text-align:center;width:14px}.Header_box__xtwzw{background:var(--dark-sea);border-radius:8px;display:flex;flex-direction:column;left:0;max-height:300px;overflow-y:auto;padding:12px;position:absolute;row-gap:8px;top:120%;width:100%;z-index:9}.Header_box__xtwzw::-webkit-scrollbar{display:none}.Header_item__VxePD{align-items:center;color:var(--grey);column-gap:16px;display:flex;font-size:13px}.Header_item__VxePD:hover{color:var(--light)}.Header_image__KPjuV{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:50px;width:50px}@media (max-width:600px){.Header_header__2t6Je{flex-direction:column}.Header_info__wxlPc{align-items:flex-start;flex-wrap:wrap}.Header_user__4Ktdg{flex-basis:50%;margin-bottom:10px;order:1}.Header_form__XcBW3{flex-basis:100%;order:3;width:280px}.Header_account__fWDuk{order:2}}.Home_home__VceHV{flex-grow:1;position:relative}.Home_title__ANWNn{color:var(--bg);font-size:119px;font-weight:900;line-height:145px;text-align:center;text-transform:uppercase}.Home_product__-EQ\+\+{align-items:stretch;display:flex;margin-top:9px;padding-left:42px;position:relative}.Home_subtitle__sfeEg{color:var(--sea);line-height:20px;text-transform:uppercase}.Home_head__l2Exm{color:var(--light);font-size:42px;font-weight:700;line-height:51px;margin:10px 0 24px;max-width:500px;text-transform:uppercase}.Home_image__\+LNCV{flex-grow:1;height:250px;position:relative}.Home_image__\+LNCV img{bottom:-15%;position:absolute;right:10%}.Home_banner__LTM-B{display:flex;height:570px;width:100%}.Home_left__6vz02{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:50%;z-index:2}.Home_left__6vz02:after,.Home_left__6vz02:before{content:"";display:block;position:absolute}.Home_left__6vz02:before{background:url(/store/static/media/shoe.db601c8f04844976b606.png) no-repeat 50%/contain;bottom:74px;height:170px;left:-25px;width:204px}.Home_left__6vz02:after{background:url(/store/static/media/devices.a0974f63230d0b90cbec.png) no-repeat 50%/contain;bottom:-25px;height:151px;right:-25px;width:269px}.Home_content__HnpMW{color:var(--violet);font-size:70px;font-weight:300;line-height:85px;text-align:center}.Home_content__HnpMW span{display:block;font-size:150px;line-height:183px}.Home_more__jeJNK{margin-top:27px}.Home_right__lwAjt{background-size:contain;position:relative;width:50%}.Home_discount__zQNnO{color:var(--bg);font-size:34px;font-weight:500;left:50%;line-height:40px;position:absolute;text-align:center;transform:translateX(-50%)}.Home_discount__zQNnO span{color:var(--violet);font-weight:700}@media (max-width:1300px){.Home_banner__LTM-B{height:40vw}.Home_title__ANWNn{font-size:60px}.Home_image__\+LNCV{width:70%}.Home_head__l2Exm{font-size:25px}.Home_content__HnpMW{font-size:30px;line-height:80px}.Home_content__HnpMW span{font-size:60px;line-height:80px}.Home_discount__zQNnO{font-size:25px;line-height:30px}.Home_left__6vz02:after,.Home_left__6vz02:before{width:15vw}}@media (max-width:600px){.Home_title__ANWNn{font-size:40px;line-height:50px}.Home_head__l2Exm{font-size:20px;line-height:25px}.Home_image__\+LNCV{height:150px;width:100%}.Home_discount__zQNnO{font-size:15px;line-height:20px}.Home_content__HnpMW{font-size:15px;line-height:40px}.Home_content__HnpMW span{font-size:30px;line-height:40px}.Home_left__6vz02:before{bottom:-23px;left:0;width:15vw}}.Products_products__IzuXY{display:flex;flex-direction:column;padding:25px 22px;width:100%}.Products_list__nhfIw{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.Products_product__TjzZV{background:var(--bg);border-radius:8px;overflow:hidden;width:calc(20% - 20px)}.Products_product__TjzZV:nth-child(5n){width:20%}.Products_image__EiUqK{background-position:50%;background-repeat:no-repeat;background-size:cover;height:410px;width:100%}.Products_wrapper__h4UBi{display:flex;flex-direction:column;height:calc(100% - 410px);padding:12px}.Products_title__7ggYL{font-size:15px;font-weight:600;line-height:18px}.Products_cat__0llHp{color:var(--grey);font-size:12px;font-weight:500;line-height:15px;margin-bottom:28px;margin-top:5px;text-transform:uppercase}.Products_info__R3OlS{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.Products_prices__n9YA1{align-items:center;column-gap:5px;display:flex}.Products_price__I96sm{color:var(--violet-dark);font-size:20px;font-weight:700;line-height:24px}.Products_oldPrice__Xb0mo{color:var(--dark-sea);font-size:13px;font-weight:500;line-height:16px;text-decoration-line:line-through}.Products_purchases__GlpYh{color:var(--dark-sea);font-size:10px;font-weight:500;line-height:12px}.Products_button__SOo-A{margin-top:24px;text-align:center}@media (max-width:600px){.Products_product__TjzZV,.Products_product__TjzZV:nth-child(5n){width:100%}}@media (max-width:1050px){.Products_info__R3OlS{flex-direction:column}}.Categories_section__DBVXy{display:flex;flex-direction:column;overflow-y:auto;padding:22px;position:relative;width:100%}.Categories_list__zHWi5{column-gap:20px;display:flex;justify-content:center;margin-top:24px}.Categories_item__waQb5{overflow:hidden;text-align:center;width:20%}.Categories_image__fR6dL{background-position:50%;background-repeat:no-repeat;background-size:cover;height:18vw;width:100%}h2{background-color:var(--dark);padding:10px;position:sticky;top:0;z-index:2}@media (max-width:600px){.Categories_item__waQb5{width:70%}.Categories_list__zHWi5{flex-wrap:wrap;max-height:240px}.Categories_section__DBVXy{padding-top:0}.Categories_image__fR6dL{height:50vw}}.Product_product__\+wGXE{color:var(--light);column-gap:32px;display:flex;flex-grow:1;max-width:calc(100% - 324px);padding:24px}.Product_info__EF3Sm{display:flex;flex-direction:column}.Product_images__NuYak{display:flex;gap:20px}.Product_current__9wwg7{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:375px;width:375px}.Product_images-list__\+41NE,.Product_imagesList__5Gx8E{display:flex;flex-direction:column;row-gap:5px}.Product_image__J0xk4{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;cursor:pointer;height:90px;width:90px}.Product_title__Y-QdO{font-size:18px;font-weight:500;line-height:22px}.Product_price__ucsa5{font-size:20px;font-weight:700;line-height:24px;margin:10px 0 20px}.Product_color__CqXG8,.Product_sizes__rw-9L{align-items:center;column-gap:16px;display:flex;font-size:14px;line-height:17px;text-transform:capitalize}.Product_sizes__rw-9L{margin:16px 0}.Product_color__CqXG8 span,.Product_sizes__rw-9L span{color:var(--dark-sea);font-size:14px;line-height:17px}.Product_list__Slp0v{align-items:center;column-gap:5px;display:flex}.Product_size__XhT2O{background:var(--bg);border-radius:8px;cursor:pointer;padding:4px 8px}.Product_size__XhT2O.Product_active__BTkKA,.Product_size__XhT2O:hover{background:var(--violet)}.Product_description__D085r{color:var(--grey);font-size:12px;font-weight:400;line-height:15px;max-width:500px}.Product_actions__EtI2-{column-gap:10px;display:flex;margin-top:20px}.Product_favourite__F0jjE{background:var(--dark-sea);border-radius:6px}.Product_favourite__F0jjE:hover{background:var(--violet-dark)}.Product_favourite__F0jjE:active{background:var(--dark-sea)}.Product_bottom__PcbKO{align-items:center;color:var(--dark-sea);display:flex;font-size:10px;justify-content:space-between;line-height:12px;margin-top:auto}.Product_add__e-Wrh:disabled{background:var(--bg);cursor:not-allowed}.Product_purchase__thqwT{margin:20px 20px 20px 0}@media (max-width:1200px){.Product_product__\+wGXE{flex-wrap:wrap;max-width:100%}}@media (max-width:600px){.Product_images__NuYak{flex-direction:column}.Product_images-list__\+41NE{column-gap:5px;flex-direction:row;max-width:375px;overflow:scroll}.Product_current__9wwg7{width:70vw}}.Profile_profile__MhRNq{flex-grow:1;padding:24px}.Profile_form__5FdPo{display:flex;flex-direction:column;row-gap:10px}.Profile_group__difdD{background:#212123;border-radius:8px;color:var(--light);padding:12px 24px;width:100%}.Profile_group__difdD input{width:100%}.Category_wrapper__I4YSc{flex-grow:1;padding:24px;width:100%}.Category_filters__e9TyU{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;width:100%}.Category_filter__bjR4K{align-items:center;background:var(--bg);border-radius:8px;display:flex;min-width:225px;padding:12px 24px;width:max-content}.Category_full__ojDyi{width:100%}.Category_filter__bjR4K input,.Category_filter__bjR4K span{font-size:13px;font-weight:400;line-height:16px}.Category_filter__bjR4K span{color:var(--dark-sea);text-align:right}.Category_more__LElEM{margin:32px auto 0;text-align:center}.Category_back__ju6Fs{align-items:center;display:flex;gap:20px;margin-top:24px}.Cart_cart__Zfalb{display:flex;flex-direction:column;padding:24px 32px;width:calc(100% - 324px)}.Cart_empty__wlW0N{color:var(--light);font-size:24px;line-height:30px;margin-top:24px}.Cart_list__79wr1{display:flex;flex-direction:column;margin-bottom:24px;margin-top:16px;row-gap:8px}.Cart_item__1tVe9{grid-template-columns:100px 2fr 1fr 1.5fr 1fr 16px}.Cart_item__1tVe9,.Cart_item_favorite__ZF3ok{align-items:center;background:var(--bg);border-radius:8px;display:grid;height:70px;padding:12px 16px;width:100%}.Cart_item_favorite__ZF3ok{grid-template-columns:100px 6fr 4fr .2fr 16px}.Cart_image__eiCxw{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;height:100%}.Cart_info__1KhiM{display:flex;flex-direction:column;margin-left:16px;row-gap:4px}.Cart_name__2tZgO{font-size:13px;font-weight:600;line-height:16px}.Cart_category__X5nxZ{color:var(--grey);font-size:10px;line-height:12px}.Cart_price__I9v39{font-size:14px;line-height:18px}.Cart_quantity__7Swie{align-items:center;display:flex}.Cart_quantity__7Swie span{color:var(--dark-sea);font-size:14px;line-height:17px;text-align:center;width:40px}.Cart_minus__ZvMi3,.Cart_plus__rBm10{align-items:center;background:var(--dark-sea);border-radius:6px;cursor:pointer;display:flex;height:25px;justify-content:center;width:25px}.Cart_quantity__7Swie svg{fill:#ffffff80;height:17px;width:17px}.Cart_minus__ZvMi3:hover,.Cart_plus__rBm10:hover{background:var(--violet)}.Cart_minus__ZvMi3:hover svg,.Cart_plus__rBm10:hover svg{fill:#fff}.Cart_close__\+rOgt{cursor:pointer}.Cart_close__\+rOgt svg{stroke:#ffffff80;height:16px;width:16px}.Cart_close__\+rOgt:hover svg{stroke:#fff}.Cart_actions__bMyUd{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.Cart_total__2LPxp{color:var(--grey);font-size:20px;font-weight:600;line-height:24px}.Cart_total__2LPxp span{color:#fff}@media (max-width:950px){.Cart_cart__Zfalb{width:100%}}@media (max-width:600px){.Cart_item__1tVe9,.Cart_item_favorite__ZF3ok{gap:8px;grid-template-columns:1fr 1fr;height:auto}.Cart_image__eiCxw{grid-row:1/span 2}.Cart_info__1KhiM{grid-row:1/span 1}.Cart_close__\+rOgt{grid-row-end:2;justify-self:flex-end}}.Sidebar_sidebar__HrubL{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;padding:0 24px 24px;position:relative;width:304px}.Sidebar_title__Ai7Nv{background-color:var(--dark);font-weight:600;line-height:20px;padding:10px 0;position:sticky;top:0;z-index:1}.Sidebar_menu__lqVL0{display:flex;flex-direction:column;margin-top:32px;row-gap:12px}.Sidebar_link__GW-fE{color:var(--dark-sea);font-size:14px;line-height:17px;text-transform:capitalize}.Sidebar_link__GW-fE:hover{color:var(--white)}.Sidebar_link__GW-fE.Sidebar_active__AF0gR{color:var(--violet)}.Sidebar_footer__A0sH4{background-color:var(--bg);border-radius:5px;display:flex;justify-content:space-between;margin-top:15px;padding:10px}@media (max-width:850px){.Sidebar_sidebar__HrubL{width:100%}}@media (max-width:600px){.Sidebar_sidebar__HrubL{height:250px;width:100%}}.User_overlay__Mxjgc{background:#212123cc;height:100%;left:0;position:fixed;top:0;width:100%;z-index:98}.User_wrapper__lx6zT{background:var(--dark);height:100vh;padding:24px;position:fixed;right:0;top:0;width:320px;z-index:100}.User_title__gm8FI{color:var(--light);font-size:15px;font-weight:400;line-height:18px;text-align:center}.User_form__09Tz5{display:flex;flex-direction:column;margin-top:24px;row-gap:16px;width:100%}.User_group__SH01r input{background:#212123;border-radius:8px;color:var(--light);padding:12px 24px;width:100%}.User_submit__KttEJ{font-weight:500;line-height:20px}.User_close__cXNYs{cursor:pointer;position:absolute;right:14px;top:14px;z-index:9}.User_close__cXNYs svg{stroke:var(--dark-sea);height:20px;width:20px}.User_close__cXNYs:hover svg{stroke:#fff}.User_link__FrsBm{color:var(--dark-sea);cursor:pointer;font-size:13px;text-align:center}.User_link__FrsBm:hover{color:var(--light)} +/*# sourceMappingURL=main.8e7e9ce3.css.map*/ \ No newline at end of file diff --git a/static/css/main.0e7c0b52.css.map b/static/css/main.8e7e9ce3.css.map similarity index 99% rename from static/css/main.0e7c0b52.css.map rename to static/css/main.8e7e9ce3.css.map index 9f59d35..4aa9924 100644 --- a/static/css/main.0e7c0b52.css.map +++ b/static/css/main.8e7e9ce3.css.map @@ -1 +1 @@ -{"version":3,"file":"static/css/main.0e7c0b52.css","mappings":"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","sources":["styles/variables.css","styles/global.css","styles/Footer.module.css","styles/Header.module.css","styles/Home.module.css","styles/Products.module.css","styles/Categories.module.css","styles/Product.module.css","styles/Profile.module.css","styles/Category.module.css","styles/Cart.module.css","styles/Sidebar.module.css","styles/User.module.css"],"sourcesContent":[":root {\n --bg: #212123;\n --dark: #191919;\n --dark-sea: #576067;\n --grey: #b8b8b8;\n --white: #fff;\n --violet: #8b57c6;\n --violet-dark: #6c3eb8;\n --light: #f6f6f7;\n --sea: #616e74;\n}\n","\nbody {\n background: var(--bg);\n font-size: 16px;\n line-height: 16px;\n font-family: Montserrat, Roboto, sans-serif;\n padding: 0;\n margin: 0;\n overflow-x: hidden;\n color: #fff;\n font-weight: 500;\n padding-bottom: 20px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n padding: 0;\n font-size: 16px;\n line-height: 24px;\n}\n\n* {\n box-sizing: border-box;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\ninput,\nbutton {\n border: none;\n background: none;\n outline: none;\n color: #fff;\n font-size: 16px;\n font-family: Montserrat, Roboto, sans-serif;\n}\n\na {\n color: #fff;\n text-decoration: none;\n}\n\nul,\nli {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n.app {\n max-width: 100%;\n /* width: 1274px; */\n margin: 0 auto;\n position: relative; /* Устанавливаем контекст для sticky */\n}\n\n.flex {\n display: flex;\n}\n\n.flex-center {\n align-items: center;\n justify-content: center;\n}\n\n.icon {\n width: 12px;\n height: 12px;\n}\n\n.container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\nsection {\n background: var(--dark);\n border-radius: 6px;\n}\n\nbutton {\n background: var(--violet-dark);\n border-radius: 6px;\n padding: 9px 20px;\n font-weight: 600;\n line-height: 20px;\n cursor: pointer;\n}\n\nbutton:hover {\n background: var(--violet);\n}\n\nh2 {\n font-weight: 600;\n font-size: 20px;\n line-height: 24px;\n text-align: center;\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover */\n -webkit-appearance: none;\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield; /* Firefox */\n}\n\ninput {\n padding: 0;\n}\n\n.preloader {\n flex-grow: 1;\n padding: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n",".footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 20px;\n padding: 24px;\n}\n\n.logo {\n width: 61px;\n}\n\n.logo a {\n height: 100%;\n}\n\n.rights {\n color: var(--dark-sea);\n font-size: 12px;\n line-height: 15px;\n}\n\n.rights a {\n color: var(--violet);\n}\n\n.socials {\n display: flex;\n gap: 15px;\n}\n\n.socials svg {\n width: 24px;\n height: 24px;\n fill: var(--dark-sea);\n}\n\n.socials svg:hover {\n fill: var(--violet);\n}\n",".header {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 25px 20px;\n position: sticky;\n top: 0;\n background-color: var(--bg);\n z-index: 99;\n}\n\n.logo {\n width: 100px;\n margin-right: 25px;\n}\n\n.info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-grow: 1;\n}\n\n.user {\n display: flex;\n align-items: center;\n column-gap: 10px;\n cursor: pointer;\n}\n\n.avatar {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--dark);\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n}\n\n.username {\n font-size: 10px;\n line-height: 12px;\n color: var(--grey);\n}\n\n.form {\n display: flex;\n align-items: center;\n background: var(--dark);\n border-radius: 6px;\n height: 27px;\n padding: 7px 10px;\n column-gap: 16px;\n width: 300px;\n position: relative;\n}\n\n.icon {\n width: 13px;\n height: 13px;\n}\n\n.icon svg {\n width: 100%;\n height: 100%;\n fill: var(--dark-sea);\n}\n\n.input {\n flex-grow: 1;\n}\n\n.input input {\n font-family: Montserrat, Roboto, sans-serif;\n font-size: 12px;\n line-height: 14px;\n color: var(--grey);\n background: none;\n outline: none;\n width: 100%;\n}\n\n.account {\n display: flex;\n align-items: center;\n column-gap: 20px;\n}\n\n.favourites {\n cursor: pointer;\n position: relative;\n}\n\n.account svg {\n width: 24px;\n height: 24px;\n}\n\n.icon-fav {\n stroke: var(--grey);\n fill: none;\n}\n\n.icon-cart {\n fill: var(--grey);\n}\n\n.icon-fav:hover {\n stroke: var(--white);\n}\n\n.icon-cart:hover {\n fill: var(--white);\n}\n\n.cart {\n position: relative;\n}\n\n.count {\n position: absolute;\n width: 14px;\n height: 14px;\n background: var(--violet);\n right: -2px;\n bottom: -2px;\n border-radius: 50%;\n font-weight: 700;\n font-size: 10px;\n color: var(--light);\n text-align: center;\n line-height: 16px;\n}\n\n.box {\n z-index: 9;\n top: 120%;\n position: absolute;\n width: 100%;\n left: 0;\n max-height: 300px;\n overflow-y: auto;\n padding: 12px;\n display: flex;\n flex-direction: column;\n row-gap: 8px;\n background: var(--dark-sea);\n border-radius: 8px;\n}\n\n.box::-webkit-scrollbar {\n display: none;\n}\n\n.item {\n font-size: 13px;\n color: var(--grey);\n display: flex;\n align-items: center;\n column-gap: 16px;\n}\n\n.item:hover {\n color: var(--light);\n}\n\n.image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n height: 50px;\n width: 50px;\n}\n\n@media (max-width: 600px) {\n .header {\n flex-direction: column;\n }\n\n .info {\n flex-wrap: wrap;\n align-items: flex-start;\n }\n\n .user {\n order: 1;\n margin-bottom: 10px;\n flex-basis: 50%;\n }\n\n .form {\n width: 280px;\n order: 3;\n flex-basis: 100%;\n }\n\n .account {\n order: 2;\n }\n}\n",".home {\n position: relative;\n flex-grow: 1;\n}\n\n.title {\n font-weight: 900;\n font-size: 119px;\n line-height: 145px;\n text-transform: uppercase;\n color: var(--bg);\n text-align: center;\n}\n\n.product {\n position: relative;\n padding-left: 42px;\n display: flex;\n align-items: stretch;\n margin-top: 9px;\n}\n\n.subtitle {\n line-height: 20px;\n text-transform: uppercase;\n color: var(--sea);\n}\n\n.head {\n font-weight: 700;\n font-size: 42px;\n line-height: 51px;\n text-transform: uppercase;\n color: var(--light);\n max-width: 500px;\n margin: 10px 0 24px 0;\n}\n\n.image {\n position: relative;\n flex-grow: 1;\n height: 250px;\n}\n\n.image img {\n position: absolute;\n bottom: -15%;\n right: 10%;\n}\n\n.banner {\n display: flex;\n width: 100%;\n height: 570px;\n}\n\n.left {\n width: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: relative;\n z-index: 2;\n}\n\n.left:before,\n.left:after {\n content: \"\";\n display: block;\n position: absolute;\n}\n\n.left:before {\n width: 204px;\n height: 170px;\n left: -25px;\n bottom: 74px;\n background: url(../images/shoe.png) no-repeat center/contain;\n}\n\n.left:after {\n width: 269px;\n height: 151px;\n right: -25px;\n bottom: -25px;\n background: url(../images/devices.png) no-repeat center/contain;\n}\n\n.content {\n color: var(--violet);\n font-weight: 300;\n font-size: 70px;\n line-height: 85px;\n text-align: center;\n}\n\n.content span {\n line-height: 183px;\n font-size: 150px;\n display: block;\n}\n\n.more {\n margin-top: 27px;\n}\n\n.right {\n width: 50%;\n position: relative;\n background-size: contain;\n}\n\n.discount {\n font-weight: 500;\n font-size: 34px;\n line-height: 40px;\n text-align: center;\n color: var(--bg);\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.discount span {\n color: var(--violet);\n font-weight: 700;\n}\n\n@media (max-width: 1300px) {\n .banner {\n height: 40vw;\n }\n .title {\n font-size: 60px;\n }\n .image {\n width: 70%;\n }\n .head {\n font-size: 25px;\n }\n .content {\n font-size: 30px;\n line-height: 80px;\n }\n .content span {\n font-size: 60px;\n line-height: 80px;\n }\n .discount {\n font-size: 25px;\n line-height: 30px;\n }\n\n .left:before {\n width: 15vw;\n }\n\n .left:after {\n width: 15vw;\n }\n}\n\n@media (max-width: 600px) {\n .title {\n font-size: 40px;\n line-height: 50px;\n }\n\n .head {\n font-size: 20px;\n line-height: 25px;\n }\n\n .image {\n width: 100%;\n height: 150px;\n }\n .discount {\n font-size: 15px;\n line-height: 20px;\n }\n\n .content {\n font-size: 15px;\n line-height: 40px;\n }\n .content span {\n font-size: 30px;\n line-height: 40px;\n }\n\n .left:before {\n width: 15vw;\n left: 0px;\n bottom: -23px;\n }\n}\n",".products {\n width: 100%;\n padding: 25px 22px;\n display: flex;\n flex-direction: column;\n}\n\n.list {\n margin-top: 24px;\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.product {\n background: var(--bg);\n border-radius: 8px;\n overflow: hidden;\n width: calc(100% / 5 - 20px);\n}\n\n.product:nth-child(5n) {\n width: calc(100% / 5);\n}\n\n.image {\n width: 100%;\n height: 410px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n\n.wrapper {\n padding: 12px;\n display: flex;\n flex-direction: column;\n height: calc(100% - 410px);\n}\n\n.title {\n font-weight: 600;\n font-size: 15px;\n line-height: 18px;\n}\n\n.cat {\n font-weight: 500;\n font-size: 12px;\n line-height: 15px;\n color: var(--grey);\n text-transform: uppercase;\n margin-top: 5px;\n margin-bottom: 28px;\n}\n\n.info {\n margin-top: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.prices {\n display: flex;\n align-items: center;\n column-gap: 5px;\n}\n\n.price {\n font-weight: 700;\n font-size: 20px;\n line-height: 24px;\n color: var(--violet-dark);\n}\n\n.oldPrice {\n font-weight: 500;\n font-size: 13px;\n line-height: 16px;\n text-decoration-line: line-through;\n color: var(--dark-sea);\n}\n\n.purchases {\n color: var(--dark-sea);\n font-weight: 500;\n font-size: 10px;\n line-height: 12px;\n}\n\n.button {\n margin-top: 24px;\n text-align: center;\n}\n\n@media (max-width: 600px) {\n .product {\n width: 100%;\n }\n .product:nth-child(5n) {\n width: 100%;\n }\n}\n\n@media (max-width: 1050px) {\n .info {\n flex-direction: column;\n }\n}\n",".section {\n width: 100%;\n padding: 22px;\n overflow-y: auto;\n position: relative; /* Устанавливаем контекст для sticky */\n display: flex;\n flex-direction: column;\n}\n\n.list {\n margin-top: 24px;\n display: flex;\n column-gap: 20px;\n justify-content: center;\n}\n\n.item {\n width: calc(100% / 5);\n overflow: hidden;\n text-align: center;\n}\n\n.image {\n width: 100%;\n height: 18vw;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n\nh2 {\n position: sticky; /* Делаем заголовок фиксированным */\n top: 0; /* Фиксируем заголовок у верхней границы секции */\n background-color: var(--dark);\n z-index: 2; /* Устанавливаем приоритет отображения */\n padding: 10px;\n}\n\n@media (max-width: 600px) {\n .item {\n width: 70%;\n }\n .list {\n flex-wrap: wrap;\n max-height: 240px;\n }\n .section {\n padding-top: 0px;\n }\n .image {\n height: 50vw;\n }\n}\n",".product {\n display: flex;\n flex-grow: 1;\n max-width: calc(100% - 324px);\n padding: 24px;\n column-gap: 32px;\n color: var(--light);\n}\n\n.info {\n display: flex;\n flex-direction: column;\n}\n\n.images {\n display: flex;\n gap: 20px;\n}\n\n.current {\n width: 375px;\n height: 375px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n}\n\n.images-list {\n display: flex;\n flex-direction: column;\n row-gap: 5px;\n}\n\n.imagesList {\n display: flex;\n flex-direction: column;\n row-gap: 5px;\n}\n\n.image {\n width: 90px;\n height: 90px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n cursor: pointer;\n}\n\n.title {\n font-size: 18px;\n line-height: 22px;\n font-weight: 500;\n}\n\n.price {\n font-weight: 700;\n font-size: 20px;\n line-height: 24px;\n margin: 10px 0 20px 0;\n}\n\n.color,\n.sizes {\n font-size: 14px;\n line-height: 17px;\n text-transform: capitalize;\n display: flex;\n column-gap: 16px;\n align-items: center;\n}\n\n.sizes {\n margin: 16px 0;\n}\n\n.color span,\n.sizes span {\n font-size: 14px;\n line-height: 17px;\n color: var(--dark-sea);\n}\n\n.list {\n display: flex;\n align-items: center;\n column-gap: 5px;\n}\n\n.size {\n padding: 4px 8px;\n border-radius: 8px;\n background: var(--bg);\n cursor: pointer;\n}\n\n.size:hover,\n.size.active {\n background: var(--violet);\n}\n\n.description {\n font-weight: 400;\n font-size: 12px;\n line-height: 15px;\n color: var(--grey);\n max-width: 500px;\n}\n\n.actions {\n margin-top: 20px;\n display: flex;\n column-gap: 10px;\n}\n\n.favourite {\n background: var(--dark-sea);\n border-radius: 6px;\n}\n\n.favourite:hover {\n background: var(--violet-dark);\n}\n\n.favourite:active {\n background: var(--dark-sea);\n}\n\n.bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 10px;\n line-height: 12px;\n color: var(--dark-sea);\n margin-top: auto;\n}\n\n.add:disabled {\n cursor: not-allowed;\n background: var(--bg);\n}\n\n.purchase {\n margin: 20px 20px 20px 0px;\n}\n\n@media (max-width: 1200px) {\n .product {\n flex-wrap: wrap;\n max-width: 100%;\n }\n}\n\n@media (max-width: 600px) {\n .images {\n flex-direction: column;\n }\n .images-list {\n flex-direction: row;\n max-width: 375px;\n overflow: scroll;\n column-gap: 5px;\n }\n .current {\n width: 70vw;\n }\n}\n",".profile {\n flex-grow: 1;\n padding: 24px;\n}\n\n.form {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n}\n\n.group {\n width: 100%;\n background: #212123;\n border-radius: 8px;\n color: var(--light);\n padding: 12px 24px;\n}\n\n.group input {\n width: 100%;\n}\n",".wrapper {\n width: 100%;\n padding: 24px;\n flex-grow: 1;\n}\n\n.filters {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 100%;\n margin-top: 24px;\n}\n\n.filter {\n background: var(--bg);\n border-radius: 8px;\n padding: 12px 24px;\n width: max-content;\n display: flex;\n align-items: center;\n min-width: 225px;\n}\n\n.full {\n width: 100%;\n}\n\n.filter input {\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n}\n\n.filter span {\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n color: var(--dark-sea);\n text-align: right;\n}\n\n.more {\n margin: 32px auto 0 auto;\n text-align: center;\n}\n\n.back {\n display: flex;\n align-items: center;\n gap: 20px;\n margin-top: 24px;\n}\n",".cart {\n width: calc(100% - 324px);\n padding: 24px 32px;\n display: flex;\n flex-direction: column;\n}\n\n.empty {\n margin-top: 24px;\n font-size: 24px;\n line-height: 30px;\n color: var(--light);\n}\n\n.list {\n display: flex;\n flex-direction: column;\n row-gap: 8px;\n margin-top: 16px;\n margin-bottom: 24px;\n}\n\n.item {\n border-radius: 8px;\n background: var(--bg);\n width: 100%;\n padding: 12px 16px;\n display: grid;\n grid-template-columns: 100px 2fr 1fr 1.5fr 1fr 16px;\n align-items: center;\n height: 70px;\n}\n\n.item_favorite {\n border-radius: 8px;\n background: var(--bg);\n width: 100%;\n padding: 12px 16px;\n display: grid;\n grid-template-columns: 100px 6fr 4fr 0.2fr 16px;\n align-items: center;\n height: 70px;\n}\n\n.image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n height: 100%;\n}\n\n.info {\n margin-left: 16px;\n display: flex;\n flex-direction: column;\n row-gap: 4px;\n}\n\n.name {\n font-weight: 600;\n font-size: 13px;\n line-height: 16px;\n}\n\n.category {\n font-size: 10px;\n line-height: 12px;\n color: var(--grey);\n}\n\n.price {\n font-size: 14px;\n line-height: 18px;\n}\n\n.quantity {\n display: flex;\n align-items: center;\n}\n\n.quantity span {\n width: 40px;\n text-align: center;\n font-size: 14px;\n line-height: 17px;\n color: var(--dark-sea);\n}\n\n.minus,\n.plus {\n background: var(--dark-sea);\n border-radius: 6px;\n width: 25px;\n height: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.quantity svg {\n width: 17px;\n height: 17px;\n fill: rgba(255, 255, 255, 0.5);\n}\n\n.plus:hover,\n.minus:hover {\n background: var(--violet);\n}\n\n.plus:hover svg,\n.minus:hover svg {\n fill: rgba(255, 255, 255, 1);\n}\n\n.close {\n cursor: pointer;\n}\n\n.close svg {\n width: 16px;\n height: 16px;\n stroke: rgba(255, 255, 255, 0.5);\n}\n\n.close:hover svg {\n stroke: rgba(255, 255, 255, 1);\n}\n\n.actions {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: auto;\n}\n\n.total {\n font-weight: 600;\n font-size: 20px;\n line-height: 24px;\n color: var(--grey);\n}\n\n.total span {\n color: #fff;\n}\n\n@media (max-width: 950px) {\n .cart {\n width: 100%;\n }\n}\n\n@media (max-width: 600px) {\n .item, .item_favorite {\n grid-template-columns: 1fr 1fr; /* Две колонки */\n gap: 8px;\n height: auto; /* Автоматическая высота для адаптации */\n }\n .image {\n grid-row: 1 / span 2; \n }\n\n .info {\n grid-row: 1 / span 1;\n }\n \n .close {\n grid-row-end: 2;\n justify-self: flex-end;\n }\n}\n",".sidebar {\n width: 304px;\n padding: 0px 24px 24px 24px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n position: relative; /* Устанавливаем контекст для sticky */\n max-height: 400px;\n}\n\n.title {\n font-weight: 600;\n line-height: 20px;\n position: sticky; /* Делаем заголовок фиксированным */\n top: 0; /* Фиксируем заголовок у верхней границы секции */\n background-color: var(--dark);\n z-index: 1; /* Устанавливаем приоритет отображения */\n padding: 10px 0; /* Добавляем отступы */\n}\n\n.menu {\n margin-top: 32px;\n display: flex;\n flex-direction: column;\n row-gap: 12px;\n}\n\n.link {\n color: var(--dark-sea);\n font-size: 14px;\n line-height: 17px;\n text-transform: capitalize;\n}\n\n.link:hover {\n color: var(--white);\n}\n\n.link.active {\n color: var(--violet);\n}\n\n.footer {\n margin-top: auto;\n display: flex;\n justify-content: space-between;\n background-color: var(--bg);\n padding: 10px;\n border-radius: 5px;\n margin-top: 15px;\n}\n\n@media (max-width: 850px) {\n .sidebar {\n width: 100%;\n }\n}\n\n@media (max-width: 600px) {\n .sidebar {\n width: 100%;\n height: 400px;\n }\n}\n",".overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(33, 33, 35, 0.8);\n z-index: 98;\n}\n\n.wrapper {\n position: fixed;\n top: 0;\n right: 0;\n background: var(--dark);\n width: 320px;\n height: 100vh;\n z-index: 100;\n padding: 24px;\n}\n\n.title {\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n color: var(--light);\n text-align: center;\n}\n\n.form {\n margin-top: 24px;\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: 16px;\n}\n\n.group input {\n width: 100%;\n background: #212123;\n border-radius: 8px;\n color: var(--light);\n padding: 12px 24px;\n}\n\n.submit {\n font-weight: 500;\n line-height: 20px;\n}\n\n.close {\n position: absolute;\n top: 14px;\n right: 14px;\n z-index: 9;\n cursor: pointer;\n}\n\n.close svg {\n width: 20px;\n height: 20px;\n stroke: var(--dark-sea);\n}\n\n.close:hover svg {\n stroke: #fff;\n}\n\n.link {\n font-size: 13px;\n color: var(--dark-sea);\n cursor: pointer;\n text-align: center;\n}\n\n.link:hover {\n color: var(--light);\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"static/css/main.8e7e9ce3.css","mappings":"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","sources":["styles/variables.css","styles/global.css","styles/Footer.module.css","styles/Header.module.css","styles/Home.module.css","styles/Products.module.css","styles/Categories.module.css","styles/Product.module.css","styles/Profile.module.css","styles/Category.module.css","styles/Cart.module.css","styles/Sidebar.module.css","styles/User.module.css"],"sourcesContent":[":root {\n --bg: #212123;\n --dark: #191919;\n --dark-sea: #576067;\n --grey: #b8b8b8;\n --white: #fff;\n --violet: #8b57c6;\n --violet-dark: #6c3eb8;\n --light: #f6f6f7;\n --sea: #616e74;\n}\n","\nbody {\n background: var(--bg);\n font-size: 16px;\n line-height: 16px;\n font-family: Montserrat, Roboto, sans-serif;\n padding: 0;\n margin: 0;\n overflow-x: hidden;\n color: #fff;\n font-weight: 500;\n padding-bottom: 20px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n padding: 0;\n font-size: 16px;\n line-height: 24px;\n}\n\n* {\n box-sizing: border-box;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\ninput,\nbutton {\n border: none;\n background: none;\n outline: none;\n color: #fff;\n font-size: 16px;\n font-family: Montserrat, Roboto, sans-serif;\n}\n\na {\n color: #fff;\n text-decoration: none;\n}\n\nul,\nli {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n.app {\n max-width: 100%;\n /* width: 1274px; */\n margin: 0 auto;\n position: relative; /* Устанавливаем контекст для sticky */\n}\n\n.flex {\n display: flex;\n}\n\n.flex-center {\n align-items: center;\n justify-content: center;\n}\n\n.icon {\n width: 12px;\n height: 12px;\n}\n\n.container {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\nsection {\n background: var(--dark);\n border-radius: 6px;\n}\n\nbutton {\n background: var(--violet-dark);\n border-radius: 6px;\n padding: 9px 20px;\n font-weight: 600;\n line-height: 20px;\n cursor: pointer;\n}\n\nbutton:hover {\n background: var(--violet);\n}\n\nh2 {\n font-weight: 600;\n font-size: 20px;\n line-height: 24px;\n text-align: center;\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n /* display: none; <- Crashes Chrome on hover */\n -webkit-appearance: none;\n margin: 0; /* <-- Apparently some margin are still there even though it's hidden */\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield; /* Firefox */\n}\n\ninput {\n padding: 0;\n}\n\n.preloader {\n flex-grow: 1;\n padding: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n",".footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 20px;\n padding: 24px;\n}\n\n.logo {\n width: 61px;\n}\n\n.logo a {\n height: 100%;\n}\n\n.rights {\n color: var(--dark-sea);\n font-size: 12px;\n line-height: 15px;\n}\n\n.rights a {\n color: var(--violet);\n}\n\n.socials {\n display: flex;\n gap: 15px;\n}\n\n.socials svg {\n width: 24px;\n height: 24px;\n fill: var(--dark-sea);\n}\n\n.socials svg:hover {\n fill: var(--violet);\n}\n",".header {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 25px 20px;\n position: sticky;\n top: 0;\n background-color: var(--bg);\n z-index: 99;\n}\n\n.logo {\n width: 100px;\n margin-right: 25px;\n}\n\n.info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-grow: 1;\n}\n\n.user {\n display: flex;\n align-items: center;\n column-gap: 10px;\n cursor: pointer;\n}\n\n.avatar {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--dark);\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n}\n\n.username {\n font-size: 10px;\n line-height: 12px;\n color: var(--grey);\n}\n\n.form {\n display: flex;\n align-items: center;\n background: var(--dark);\n border-radius: 6px;\n height: 27px;\n padding: 7px 10px;\n column-gap: 16px;\n width: 300px;\n position: relative;\n}\n\n.icon {\n width: 13px;\n height: 13px;\n}\n\n.icon svg {\n width: 100%;\n height: 100%;\n fill: var(--dark-sea);\n}\n\n.input {\n flex-grow: 1;\n}\n\n.input input {\n font-family: Montserrat, Roboto, sans-serif;\n font-size: 12px;\n line-height: 14px;\n color: var(--grey);\n background: none;\n outline: none;\n width: 100%;\n}\n\n.account {\n display: flex;\n align-items: center;\n column-gap: 20px;\n}\n\n.favourites {\n cursor: pointer;\n position: relative;\n}\n\n.account svg {\n width: 24px;\n height: 24px;\n}\n\n.icon-fav {\n stroke: var(--grey);\n fill: none;\n}\n\n.icon-cart {\n fill: var(--grey);\n}\n\n.icon-fav:hover {\n stroke: var(--white);\n}\n\n.icon-cart:hover {\n fill: var(--white);\n}\n\n.cart {\n position: relative;\n}\n\n.count {\n position: absolute;\n width: 14px;\n height: 14px;\n background: var(--violet);\n right: -2px;\n bottom: -2px;\n border-radius: 50%;\n font-weight: 700;\n font-size: 10px;\n color: var(--light);\n text-align: center;\n line-height: 16px;\n}\n\n.box {\n z-index: 9;\n top: 120%;\n position: absolute;\n width: 100%;\n left: 0;\n max-height: 300px;\n overflow-y: auto;\n padding: 12px;\n display: flex;\n flex-direction: column;\n row-gap: 8px;\n background: var(--dark-sea);\n border-radius: 8px;\n}\n\n.box::-webkit-scrollbar {\n display: none;\n}\n\n.item {\n font-size: 13px;\n color: var(--grey);\n display: flex;\n align-items: center;\n column-gap: 16px;\n}\n\n.item:hover {\n color: var(--light);\n}\n\n.image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n height: 50px;\n width: 50px;\n}\n\n@media (max-width: 600px) {\n .header {\n flex-direction: column;\n }\n\n .info {\n flex-wrap: wrap;\n align-items: flex-start;\n }\n\n .user {\n order: 1;\n margin-bottom: 10px;\n flex-basis: 50%;\n }\n\n .form {\n width: 280px;\n order: 3;\n flex-basis: 100%;\n }\n\n .account {\n order: 2;\n }\n}\n",".home {\n position: relative;\n flex-grow: 1;\n}\n\n.title {\n font-weight: 900;\n font-size: 119px;\n line-height: 145px;\n text-transform: uppercase;\n color: var(--bg);\n text-align: center;\n}\n\n.product {\n position: relative;\n padding-left: 42px;\n display: flex;\n align-items: stretch;\n margin-top: 9px;\n}\n\n.subtitle {\n line-height: 20px;\n text-transform: uppercase;\n color: var(--sea);\n}\n\n.head {\n font-weight: 700;\n font-size: 42px;\n line-height: 51px;\n text-transform: uppercase;\n color: var(--light);\n max-width: 500px;\n margin: 10px 0 24px 0;\n}\n\n.image {\n position: relative;\n flex-grow: 1;\n height: 250px;\n}\n\n.image img {\n position: absolute;\n bottom: -15%;\n right: 10%;\n}\n\n.banner {\n display: flex;\n width: 100%;\n height: 570px;\n}\n\n.left {\n width: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n position: relative;\n z-index: 2;\n}\n\n.left:before,\n.left:after {\n content: \"\";\n display: block;\n position: absolute;\n}\n\n.left:before {\n width: 204px;\n height: 170px;\n left: -25px;\n bottom: 74px;\n background: url(../images/shoe.png) no-repeat center/contain;\n}\n\n.left:after {\n width: 269px;\n height: 151px;\n right: -25px;\n bottom: -25px;\n background: url(../images/devices.png) no-repeat center/contain;\n}\n\n.content {\n color: var(--violet);\n font-weight: 300;\n font-size: 70px;\n line-height: 85px;\n text-align: center;\n}\n\n.content span {\n line-height: 183px;\n font-size: 150px;\n display: block;\n}\n\n.more {\n margin-top: 27px;\n}\n\n.right {\n width: 50%;\n position: relative;\n background-size: contain;\n}\n\n.discount {\n font-weight: 500;\n font-size: 34px;\n line-height: 40px;\n text-align: center;\n color: var(--bg);\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.discount span {\n color: var(--violet);\n font-weight: 700;\n}\n\n@media (max-width: 1300px) {\n .banner {\n height: 40vw;\n }\n .title {\n font-size: 60px;\n }\n .image {\n width: 70%;\n }\n .head {\n font-size: 25px;\n }\n .content {\n font-size: 30px;\n line-height: 80px;\n }\n .content span {\n font-size: 60px;\n line-height: 80px;\n }\n .discount {\n font-size: 25px;\n line-height: 30px;\n }\n\n .left:before {\n width: 15vw;\n }\n\n .left:after {\n width: 15vw;\n }\n}\n\n@media (max-width: 600px) {\n .title {\n font-size: 40px;\n line-height: 50px;\n }\n\n .head {\n font-size: 20px;\n line-height: 25px;\n }\n\n .image {\n width: 100%;\n height: 150px;\n }\n .discount {\n font-size: 15px;\n line-height: 20px;\n }\n\n .content {\n font-size: 15px;\n line-height: 40px;\n }\n .content span {\n font-size: 30px;\n line-height: 40px;\n }\n\n .left:before {\n width: 15vw;\n left: 0px;\n bottom: -23px;\n }\n}\n",".products {\n width: 100%;\n padding: 25px 22px;\n display: flex;\n flex-direction: column;\n}\n\n.list {\n margin-top: 24px;\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.product {\n background: var(--bg);\n border-radius: 8px;\n overflow: hidden;\n width: calc(100% / 5 - 20px);\n}\n\n.product:nth-child(5n) {\n width: calc(100% / 5);\n}\n\n.image {\n width: 100%;\n height: 410px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n\n.wrapper {\n padding: 12px;\n display: flex;\n flex-direction: column;\n height: calc(100% - 410px);\n}\n\n.title {\n font-weight: 600;\n font-size: 15px;\n line-height: 18px;\n}\n\n.cat {\n font-weight: 500;\n font-size: 12px;\n line-height: 15px;\n color: var(--grey);\n text-transform: uppercase;\n margin-top: 5px;\n margin-bottom: 28px;\n}\n\n.info {\n margin-top: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.prices {\n display: flex;\n align-items: center;\n column-gap: 5px;\n}\n\n.price {\n font-weight: 700;\n font-size: 20px;\n line-height: 24px;\n color: var(--violet-dark);\n}\n\n.oldPrice {\n font-weight: 500;\n font-size: 13px;\n line-height: 16px;\n text-decoration-line: line-through;\n color: var(--dark-sea);\n}\n\n.purchases {\n color: var(--dark-sea);\n font-weight: 500;\n font-size: 10px;\n line-height: 12px;\n}\n\n.button {\n margin-top: 24px;\n text-align: center;\n}\n\n@media (max-width: 600px) {\n .product {\n width: 100%;\n }\n .product:nth-child(5n) {\n width: 100%;\n }\n}\n\n@media (max-width: 1050px) {\n .info {\n flex-direction: column;\n }\n}\n",".section {\n width: 100%;\n padding: 22px;\n overflow-y: auto;\n position: relative; /* Устанавливаем контекст для sticky */\n display: flex;\n flex-direction: column;\n}\n\n.list {\n margin-top: 24px;\n display: flex;\n column-gap: 20px;\n justify-content: center;\n}\n\n.item {\n width: calc(100% / 5);\n overflow: hidden;\n text-align: center;\n}\n\n.image {\n width: 100%;\n height: 18vw;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n}\n\nh2 {\n position: sticky; /* Делаем заголовок фиксированным */\n top: 0; /* Фиксируем заголовок у верхней границы секции */\n background-color: var(--dark);\n z-index: 2; /* Устанавливаем приоритет отображения */\n padding: 10px;\n}\n\n@media (max-width: 600px) {\n .item {\n width: 70%;\n }\n .list {\n flex-wrap: wrap;\n max-height: 240px;\n }\n .section {\n padding-top: 0px;\n }\n .image {\n height: 50vw;\n }\n}\n",".product {\n display: flex;\n flex-grow: 1;\n max-width: calc(100% - 324px);\n padding: 24px;\n column-gap: 32px;\n color: var(--light);\n}\n\n.info {\n display: flex;\n flex-direction: column;\n}\n\n.images {\n display: flex;\n gap: 20px;\n}\n\n.current {\n width: 375px;\n height: 375px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n}\n\n.images-list {\n display: flex;\n flex-direction: column;\n row-gap: 5px;\n}\n\n.imagesList {\n display: flex;\n flex-direction: column;\n row-gap: 5px;\n}\n\n.image {\n width: 90px;\n height: 90px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n cursor: pointer;\n}\n\n.title {\n font-size: 18px;\n line-height: 22px;\n font-weight: 500;\n}\n\n.price {\n font-weight: 700;\n font-size: 20px;\n line-height: 24px;\n margin: 10px 0 20px 0;\n}\n\n.color,\n.sizes {\n font-size: 14px;\n line-height: 17px;\n text-transform: capitalize;\n display: flex;\n column-gap: 16px;\n align-items: center;\n}\n\n.sizes {\n margin: 16px 0;\n}\n\n.color span,\n.sizes span {\n font-size: 14px;\n line-height: 17px;\n color: var(--dark-sea);\n}\n\n.list {\n display: flex;\n align-items: center;\n column-gap: 5px;\n}\n\n.size {\n padding: 4px 8px;\n border-radius: 8px;\n background: var(--bg);\n cursor: pointer;\n}\n\n.size:hover,\n.size.active {\n background: var(--violet);\n}\n\n.description {\n font-weight: 400;\n font-size: 12px;\n line-height: 15px;\n color: var(--grey);\n max-width: 500px;\n}\n\n.actions {\n margin-top: 20px;\n display: flex;\n column-gap: 10px;\n}\n\n.favourite {\n background: var(--dark-sea);\n border-radius: 6px;\n}\n\n.favourite:hover {\n background: var(--violet-dark);\n}\n\n.favourite:active {\n background: var(--dark-sea);\n}\n\n.bottom {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 10px;\n line-height: 12px;\n color: var(--dark-sea);\n margin-top: auto;\n}\n\n.add:disabled {\n cursor: not-allowed;\n background: var(--bg);\n}\n\n.purchase {\n margin: 20px 20px 20px 0px;\n}\n\n@media (max-width: 1200px) {\n .product {\n flex-wrap: wrap;\n max-width: 100%;\n }\n}\n\n@media (max-width: 600px) {\n .images {\n flex-direction: column;\n }\n .images-list {\n flex-direction: row;\n max-width: 375px;\n overflow: scroll;\n column-gap: 5px;\n }\n .current {\n width: 70vw;\n }\n}\n",".profile {\n flex-grow: 1;\n padding: 24px;\n}\n\n.form {\n display: flex;\n flex-direction: column;\n row-gap: 10px;\n}\n\n.group {\n width: 100%;\n background: #212123;\n border-radius: 8px;\n color: var(--light);\n padding: 12px 24px;\n}\n\n.group input {\n width: 100%;\n}\n",".wrapper {\n width: 100%;\n padding: 24px;\n flex-grow: 1;\n}\n\n.filters {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n width: 100%;\n margin-top: 24px;\n}\n\n.filter {\n background: var(--bg);\n border-radius: 8px;\n padding: 12px 24px;\n width: max-content;\n display: flex;\n align-items: center;\n min-width: 225px;\n}\n\n.full {\n width: 100%;\n}\n\n.filter input {\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n}\n\n.filter span {\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n color: var(--dark-sea);\n text-align: right;\n}\n\n.more {\n margin: 32px auto 0 auto;\n text-align: center;\n}\n\n.back {\n display: flex;\n align-items: center;\n gap: 20px;\n margin-top: 24px;\n}\n",".cart {\n width: calc(100% - 324px);\n padding: 24px 32px;\n display: flex;\n flex-direction: column;\n}\n\n.empty {\n margin-top: 24px;\n font-size: 24px;\n line-height: 30px;\n color: var(--light);\n}\n\n.list {\n display: flex;\n flex-direction: column;\n row-gap: 8px;\n margin-top: 16px;\n margin-bottom: 24px;\n}\n\n.item {\n border-radius: 8px;\n background: var(--bg);\n width: 100%;\n padding: 12px 16px;\n display: grid;\n grid-template-columns: 100px 2fr 1fr 1.5fr 1fr 16px;\n align-items: center;\n height: 70px;\n}\n\n.item_favorite {\n border-radius: 8px;\n background: var(--bg);\n width: 100%;\n padding: 12px 16px;\n display: grid;\n grid-template-columns: 100px 6fr 4fr 0.2fr 16px;\n align-items: center;\n height: 70px;\n}\n\n.image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 6px;\n height: 100%;\n}\n\n.info {\n margin-left: 16px;\n display: flex;\n flex-direction: column;\n row-gap: 4px;\n}\n\n.name {\n font-weight: 600;\n font-size: 13px;\n line-height: 16px;\n}\n\n.category {\n font-size: 10px;\n line-height: 12px;\n color: var(--grey);\n}\n\n.price {\n font-size: 14px;\n line-height: 18px;\n}\n\n.quantity {\n display: flex;\n align-items: center;\n}\n\n.quantity span {\n width: 40px;\n text-align: center;\n font-size: 14px;\n line-height: 17px;\n color: var(--dark-sea);\n}\n\n.minus,\n.plus {\n background: var(--dark-sea);\n border-radius: 6px;\n width: 25px;\n height: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n\n.quantity svg {\n width: 17px;\n height: 17px;\n fill: rgba(255, 255, 255, 0.5);\n}\n\n.plus:hover,\n.minus:hover {\n background: var(--violet);\n}\n\n.plus:hover svg,\n.minus:hover svg {\n fill: rgba(255, 255, 255, 1);\n}\n\n.close {\n cursor: pointer;\n}\n\n.close svg {\n width: 16px;\n height: 16px;\n stroke: rgba(255, 255, 255, 0.5);\n}\n\n.close:hover svg {\n stroke: rgba(255, 255, 255, 1);\n}\n\n.actions {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: auto;\n}\n\n.total {\n font-weight: 600;\n font-size: 20px;\n line-height: 24px;\n color: var(--grey);\n}\n\n.total span {\n color: #fff;\n}\n\n@media (max-width: 950px) {\n .cart {\n width: 100%;\n }\n}\n\n@media (max-width: 600px) {\n .item, .item_favorite {\n grid-template-columns: 1fr 1fr; /* Две колонки */\n gap: 8px;\n height: auto; /* Автоматическая высота для адаптации */\n }\n .image {\n grid-row: 1 / span 2; \n }\n\n .info {\n grid-row: 1 / span 1;\n }\n \n .close {\n grid-row-end: 2;\n justify-self: flex-end;\n }\n}\n",".sidebar {\n width: 304px;\n padding: 0px 24px 24px 24px;\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n position: relative; /* Устанавливаем контекст для sticky */\n max-height: 400px;\n}\n\n.title {\n font-weight: 600;\n line-height: 20px;\n position: sticky; /* Делаем заголовок фиксированным */\n top: 0; /* Фиксируем заголовок у верхней границы секции */\n background-color: var(--dark);\n z-index: 1; /* Устанавливаем приоритет отображения */\n padding: 10px 0; /* Добавляем отступы */\n}\n\n.menu {\n margin-top: 32px;\n display: flex;\n flex-direction: column;\n row-gap: 12px;\n}\n\n.link {\n color: var(--dark-sea);\n font-size: 14px;\n line-height: 17px;\n text-transform: capitalize;\n}\n\n.link:hover {\n color: var(--white);\n}\n\n.link.active {\n color: var(--violet);\n}\n\n.footer {\n margin-top: auto;\n display: flex;\n justify-content: space-between;\n background-color: var(--bg);\n padding: 10px;\n border-radius: 5px;\n margin-top: 15px;\n}\n\n@media (max-width: 850px) {\n .sidebar {\n width: 100%;\n }\n}\n\n@media (max-width: 600px) {\n .sidebar {\n width: 100%;\n height: 250px;\n }\n}\n",".overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(33, 33, 35, 0.8);\n z-index: 98;\n}\n\n.wrapper {\n position: fixed;\n top: 0;\n right: 0;\n background: var(--dark);\n width: 320px;\n height: 100vh;\n z-index: 100;\n padding: 24px;\n}\n\n.title {\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n color: var(--light);\n text-align: center;\n}\n\n.form {\n margin-top: 24px;\n display: flex;\n width: 100%;\n flex-direction: column;\n row-gap: 16px;\n}\n\n.group input {\n width: 100%;\n background: #212123;\n border-radius: 8px;\n color: var(--light);\n padding: 12px 24px;\n}\n\n.submit {\n font-weight: 500;\n line-height: 20px;\n}\n\n.close {\n position: absolute;\n top: 14px;\n right: 14px;\n z-index: 9;\n cursor: pointer;\n}\n\n.close svg {\n width: 20px;\n height: 20px;\n stroke: var(--dark-sea);\n}\n\n.close:hover svg {\n stroke: #fff;\n}\n\n.link {\n font-size: 13px;\n color: var(--dark-sea);\n cursor: pointer;\n text-align: center;\n}\n\n.link:hover {\n color: var(--light);\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file