/* [next]/internal/font/google/roboto_1d9aa3c5.module.css [app-client] (css) */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw-s.37f0ec53.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw-s.p.deaa4120.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw-s.377ca26f.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3_UBHMdazTgWw-s.faccc9eb.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw-s.e676bb0a.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw-s.27669ba6.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw-s.99770768.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw-s.c479c32f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ-s.p.a797655c.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw-s.37f0ec53.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw-s.p.deaa4120.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw-s.377ca26f.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3_UBHMdazTgWw-s.faccc9eb.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw-s.e676bb0a.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw-s.27669ba6.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw-s.99770768.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw-s.c479c32f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ-s.p.a797655c.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw-s.37f0ec53.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw-s.p.deaa4120.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw-s.377ca26f.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3_UBHMdazTgWw-s.faccc9eb.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw-s.e676bb0a.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw-s.27669ba6.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw-s.99770768.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw-s.c479c32f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ-s.p.a797655c.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw-s.37f0ec53.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw-s.p.deaa4120.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw-s.377ca26f.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3_UBHMdazTgWw-s.faccc9eb.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw-s.e676bb0a.woff2") format("woff2");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw-s.27669ba6.woff2") format("woff2");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw-s.99770768.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw-s.c479c32f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../media/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ-s.p.a797655c.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto Fallback;
  src: local(Arial);
  ascent-override: 92.98%;
  descent-override: 24.47%;
  line-gap-override: 0.0%;
  size-adjust: 99.78%;
}

.roboto_1d9aa3c5-module__xB1s8q__className {
  font-family: Roboto, Roboto Fallback;
  font-style: normal;
}

.roboto_1d9aa3c5-module__xB1s8q__variable {
  --font-roboto: "Roboto", "Roboto Fallback";
}


/* [next]/internal/font/google/oswald_69f11dd1.module.css [app-client] (css) */
@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjMdZwlou4-s.b4deb452.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjMdZwlou4-s.p.0b951f64.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjMdZwlou4-s.a4584a0c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjMdZwlou4-s.17eb69e5.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYjMdZwl-s.p.9945c809.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjMdZwlou4-s.b4deb452.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjMdZwlou4-s.p.0b951f64.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjMdZwlou4-s.a4584a0c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjMdZwlou4-s.17eb69e5.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYjMdZwl-s.p.9945c809.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjMdZwlou4-s.b4deb452.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjMdZwlou4-s.p.0b951f64.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjMdZwlou4-s.a4584a0c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjMdZwlou4-s.17eb69e5.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYjMdZwl-s.p.9945c809.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlbHYjMdZwlou4-s.b4deb452.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlSHYjMdZwlou4-s.p.0b951f64.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlZHYjMdZwlou4-s.a4584a0c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlYHYjMdZwlou4-s.17eb69e5.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Oswald;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYjMdZwl-s.p.9945c809.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Oswald Fallback;
  src: local(Arial);
  ascent-override: 146.51%;
  descent-override: 35.49%;
  line-gap-override: 0.0%;
  size-adjust: 81.43%;
}

.oswald_69f11dd1-module__h1qWma__className {
  font-family: Oswald, Oswald Fallback;
  font-style: normal;
}

.oswald_69f11dd1-module__h1qWma__variable {
  --font-oswald: "Oswald", "Oswald Fallback";
}


/* [project]/src/shared/ui/Logo/Logo.module.css [app-client] (css) */
.Logo-module__9m0YzG__logo img {
  width: 143px;
  height: 32px;
}


/* [project]/src/shared/ui/Button/Button.module.css [app-client] (css) */
.Button-module__fANS6W__button {
  cursor: pointer;
  font-family: var(--font-roboto), sans-serif;
  border: none;
  border-radius: 6px;
  outline: none;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.Button-module__fANS6W__button img {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: -1px;
  margin-right: 8px;
}

.Button-module__fANS6W__primary {
  color: #fff;
  white-space: nowrap;
  background: #fd6710;
}

.Button-module__fANS6W__primary:hover {
  background: #e55a0d;
}

.Button-module__fANS6W__primary.Button-module__fANS6W__large {
  text-transform: uppercase;
  border-radius: 10px;
  height: 50px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.Button-module__fANS6W__secondary {
  color: #fd6710;
  white-space: nowrap;
  background: none;
}

.Button-module__fANS6W__secondary:hover {
  opacity: .8;
  background: none;
}

.Button-module__fANS6W__outlined {
  color: #222324;
  text-transform: uppercase;
  white-space: nowrap;
  background: #fff;
  border: 1.5px solid #fd6710;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
}

.Button-module__fANS6W__outlined:hover {
  background: #fff8f5;
}

.Button-module__fANS6W__outlined.Button-module__fANS6W__large {
  width: 187px;
  height: 50px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.2;
}

.Button-module__fANS6W__catalog {
  color: #222324;
  white-space: nowrap;
  background: #f6f6f6;
  border-radius: 10px;
  gap: 8px;
  text-decoration: none;
}

.Button-module__fANS6W__catalog:hover {
  background: #eee;
}

.Button-module__fANS6W__catalog.Button-module__fANS6W__active {
  color: #fff;
  background: #fd6710;
  font-weight: 600;
}

.Button-module__fANS6W__catalog.Button-module__fANS6W__active img {
  filter: brightness(0) invert();
}

.Button-module__fANS6W__catalog, .Button-module__fANS6W__catalog.Button-module__fANS6W__large, .Button-module__fANS6W__catalog.Button-module__fANS6W__medium {
  height: 50px;
}

.Button-module__fANS6W__small {
  padding: 4px 8px;
  font-size: 12px;
}

.Button-module__fANS6W__medium {
  width: 160px;
  height: 50px;
  padding: 8px 12px;
  font-size: 14px;
}

.Button-module__fANS6W__large {
  height: 56px;
  padding: 0 24px;
}

.Button-module__fANS6W__iconOnly {
  justify-content: center;
  padding: 0;
}

.Button-module__fANS6W__iconOnly.Button-module__fANS6W__small {
  width: 32px;
}

.Button-module__fANS6W__iconOnly.Button-module__fANS6W__medium {
  width: 50px;
}

.Button-module__fANS6W__iconOnly.Button-module__fANS6W__large {
  width: 56px;
}


/* [project]/src/shared/ui/CategoryCard/CategoryCard.module.css [app-client] (css) */
.CategoryCard-module__M-XcCq__categoryCard {
  background: #f6f6f6;
  border-radius: 10px;
  flex-direction: column;
  gap: 8px;
  height: 200px;
  padding: 20px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.CategoryCard-module__M-XcCq__categoryCard:hover {
  transform: translateY(-2px);
}

.CategoryCard-module__M-XcCq__textContent {
  z-index: 2;
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: relative;
}

.CategoryCard-module__M-XcCq__title {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.CategoryCard-module__M-XcCq__count {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  width: 104px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.CategoryCard-module__M-XcCq__imageContainer {
  z-index: 1;
  background: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 205px;
  height: 200px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.CategoryCard-module__M-XcCq__image {
  object-fit: cover;
  object-position: right top;
  background: none;
  width: 205px;
  height: 200px;
  display: block;
}


/* [project]/src/shared/ui/SubmitButton/SubmitButton.module.css [app-client] (css) */
.SubmitButton-module__URYKKW__submitButton {
  cursor: pointer;
  background: #fd6710;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  transition: background-color .2s;
  display: flex;
}

.SubmitButton-module__URYKKW__submitButton:hover {
  background: #e55a0e;
}

.SubmitButton-module__URYKKW__submitButton:disabled {
  cursor: not-allowed;
  background: #cacace;
}

.SubmitButton-module__URYKKW__submitButtonText {
  font-family: var(--font-roboto), sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

@media (width <= 767px) {
  .SubmitButton-module__URYKKW__stickyMobile {
    z-index: 1;
    border-radius: 10px;
    max-width: 100%;
    height: 56px;
    margin-top: auto;
    position: sticky;
    bottom: 0;
    left: auto;
    right: auto;
  }
}


/* [project]/src/shared/ui/Input/Input.module.css [app-client] (css) */
.Input-module__Lpx3BG__input {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.Input-module__Lpx3BG__input::placeholder {
  color: #afafb5;
}

.Input-module__Lpx3BG__inputWithBackground {
  width: 100%;
  height: 50px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  box-sizing: border-box;
  background: #f6f6f6;
  border: none;
  border-radius: 10px;
  outline: none;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.Input-module__Lpx3BG__inputWithBackground::placeholder {
  color: #afafb5;
}


/* [project]/src/features/cart/ui/CartDropdown/CartDropdown.module.css [app-client] (css) */
.CartDropdown-module__egORaq__dropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #ececee;
  border-radius: 10px;
  min-width: 350px;
  max-width: 400px;
  margin-top: 4px;
  position: absolute;
  top: 100%;
  right: 0;
}

.CartDropdown-module__egORaq__itemsList {
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  display: flex;
}

.CartDropdown-module__egORaq__cartItem {
  align-items: center;
  gap: 12px;
  display: flex;
}

.CartDropdown-module__egORaq__productImage {
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
  overflow: hidden;
}

.CartDropdown-module__egORaq__productImage img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.CartDropdown-module__egORaq__productInfo {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.CartDropdown-module__egORaq__productDetails {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.CartDropdown-module__egORaq__article {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.CartDropdown-module__egORaq__productTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .2s;
}

.CartDropdown-module__egORaq__productTitle:hover {
  color: #fd6710;
}

.CartDropdown-module__egORaq__metaRow {
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.CartDropdown-module__egORaq__quantity {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.CartDropdown-module__egORaq__priceLine {
  border-bottom: 1px dashed #e5e5e6;
  flex: 1;
  height: 0;
  margin-bottom: 2px;
}

.CartDropdown-module__egORaq__price {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.CartDropdown-module__egORaq__footer {
  background: #f6f6f6;
  border-radius: 0 0 10px 10px;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  display: flex;
}

.CartDropdown-module__egORaq__total {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.CartDropdown-module__egORaq__totalLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.CartDropdown-module__egORaq__totalPrice {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.CartDropdown-module__egORaq__actions {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.CartDropdown-module__egORaq__checkoutButton {
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .2s;
  color: #fff !important;
  background: #fd6710 !important;
}

.CartDropdown-module__egORaq__checkoutButton:hover {
  background: #e55a0d !important;
}

.CartDropdown-module__egORaq__cartButton {
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .2s;
  color: #fd6710 !important;
  background: none !important;
}

.CartDropdown-module__egORaq__cartButton:hover {
  background: #fec8a9 !important;
}

.CartDropdown-module__egORaq__emptyCart {
  text-align: center;
  padding: 40px 20px;
}

.CartDropdown-module__egORaq__emptyCart p {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}


/* [project]/src/features/cart/ui/Cart/Cart.module.css [app-client] (css) */
.Cart-module__l6BAIW__cartWrapper {
  display: inline-block;
  position: relative;
}

.Cart-module__l6BAIW__cartContainer {
  background: #f6f6f6;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 12px 0 12px 16px;
  transition: background-color .2s;
  display: flex;
}

.Cart-module__l6BAIW__cartContainer:hover {
  background: #eee;
}

.Cart-module__l6BAIW__cartInfo {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.Cart-module__l6BAIW__cartInfo img {
  width: 20px;
  height: 20px;
}

.Cart-module__l6BAIW__cartPrice {
  font-family: var(--font-roboto), sans-serif;
  color: #fd6710;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.Cart-module__l6BAIW__cartBadge {
  color: #fff;
  font-family: var(--font-roboto), sans-serif;
  background: #fd6710;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  position: absolute;
  top: -4px;
  left: 11px;
}

.Cart-module__l6BAIW__cartDivider {
  background: #dedede;
  width: 1px;
  height: 20px;
}

.Cart-module__l6BAIW__cartChevron {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px 12px 8px;
  transition: all .2s;
  display: flex;
}

.Cart-module__l6BAIW__cartChevron svg {
  transform-origin: center;
  transition: transform .2s;
}

.Cart-module__l6BAIW__cartChevronActive svg {
  transform: rotate(180deg);
}

.Cart-module__l6BAIW__cartChevronActive svg path {
  stroke: #fd6710;
}

@media (width <= 768px) {
  .Cart-module__l6BAIW__cartContainer {
    background: none;
    gap: 0;
    padding: 0;
  }

  .Cart-module__l6BAIW__cartPrice, .Cart-module__l6BAIW__cartDivider, .Cart-module__l6BAIW__cartChevron {
    display: none;
  }
}


/* [project]/src/shared/ui/QuantitySelector/QuantitySelector.module.css [app-client] (css) */
.QuantitySelector-module__6TDAFW__quantitySelector {
  background: var(--color-white);
  border: 1.5px solid var(--color-primary);
  font-family: var(--font-roboto), sans-serif;
  border-radius: 10px;
  align-items: center;
  display: flex;
}

.QuantitySelector-module__6TDAFW__normal {
  gap: 16px;
  width: 180px;
  height: 50px;
  padding: 10px 16px;
}

.QuantitySelector-module__6TDAFW__small {
  width: 120px;
  height: 50px;
  padding: 10px 16px;
}

.QuantitySelector-module__6TDAFW__table {
  justify-content: center;
  width: 100px;
  height: 50px;
  padding: 10px 16px;
}

.QuantitySelector-module__6TDAFW__quantityButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: opacity .2s;
  display: flex;
}

.QuantitySelector-module__6TDAFW__quantityButton:hover {
  opacity: .7;
}

.QuantitySelector-module__6TDAFW__quantityButton img {
  width: 12px;
  height: 12px;
}

.QuantitySelector-module__6TDAFW__quantityValue {
  color: var(--color-text-primary);
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  outline: none;
  flex: 1;
  min-width: 35px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .2s;
  margin: 0 15px !important;
}

.QuantitySelector-module__6TDAFW__quantityValue:hover {
  background: #fd67100d;
}

.QuantitySelector-module__6TDAFW__quantityValue:focus {
  cursor: text;
  background: #fd67101a;
}

.QuantitySelector-module__6TDAFW__table .QuantitySelector-module__6TDAFW__quantityValue {
  min-width: 23px;
  font-size: 14px;
  margin: 0 !important;
}


/* [project]/src/shared/ui/Checkbox/Checkbox.module.css [app-client] (css) */
.Checkbox-module__qUGDWW__checkboxContainer {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
}

.Checkbox-module__qUGDWW__checkboxButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.Checkbox-module__qUGDWW__checkboxButton:hover {
  opacity: .8;
}

.Checkbox-module__qUGDWW__checkboxIcon {
  width: 20px;
  height: 20px;
  display: block;
}

.Checkbox-module__qUGDWW__checkboxLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  user-select: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}


/* [project]/src/features/cart/ui/CartProductCard/CartProductCard.module.css [app-client] (css) */
.CartProductCard-module__Ww7gxa__cartProductCard {
  border-bottom: 1px solid var(--color-border);
  font-family: var(--font-roboto, sans-serif);
  grid-template-columns: auto 1fr auto;
  align-items: start;
  gap: 40px;
  width: 100%;
  padding: 28px 0;
  display: grid;
}

.CartProductCard-module__Ww7gxa__productMain {
  display: contents;
}

.CartProductCard-module__Ww7gxa__checkboxContainer {
  grid-column: 1;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__customCheckbox {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  padding: 0;
  display: flex;
}

.CartProductCard-module__Ww7gxa__customCheckbox img {
  width: 20px;
  height: 20px;
}

.CartProductCard-module__Ww7gxa__productImageContainer {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 98px;
  display: flex;
  overflow: hidden;
}

.CartProductCard-module__Ww7gxa__productImage {
  object-fit: cover;
  width: 60px;
  height: 76px;
}

.CartProductCard-module__Ww7gxa__productInfo {
  flex-direction: column;
  grid-column: 2;
  gap: 30px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__productContent {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__productTitle {
  color: var(--color-text-primary);
  width: 349px;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.CartProductCard-module__Ww7gxa__productMeta {
  align-items: center;
  gap: 8px;
  height: 17px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__productArticle {
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.CartProductCard-module__Ww7gxa__metaDivider {
  border-left: 1px solid var(--color-border);
  width: 0;
  height: 12px;
}

.CartProductCard-module__Ww7gxa__productRating {
  align-items: center;
  gap: 8px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__ratingStars {
  align-items: center;
  gap: 4px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__ratingStars img {
  width: 16px;
  height: 16px;
}

.CartProductCard-module__Ww7gxa__ratingValue {
  color: var(--color-text-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.CartProductCard-module__Ww7gxa__reviewsCount {
  color: var(--color-text-primary);
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: underline;
}

.CartProductCard-module__Ww7gxa__productActions {
  grid-column: 3;
  align-items: flex-start;
  gap: 40px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__actionsLeft {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__favoriteAndQuantity {
  gap: 8px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__favoriteButton {
  background: var(--color-background);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: background-color .2s;
  display: flex;
}

.CartProductCard-module__Ww7gxa__favoriteButton:hover {
  background: var(--color-background-hover);
}

.CartProductCard-module__Ww7gxa__favoriteButton img {
  width: 20px;
  height: 17px;
  margin-right: 0;
}

.CartProductCard-module__Ww7gxa__productPricing {
  flex-direction: column;
  gap: 12px;
  width: 135px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__priceInfo {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__productPrice {
  font-family: var(--font-oswald), sans-serif;
  color: var(--color-text-primary);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
}

.CartProductCard-module__Ww7gxa__stockInfo {
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__stockDot {
  background: var(--color-success);
  border-radius: 50%;
  flex-shrink: 0;
  width: 4px;
  height: 4px;
}

.CartProductCard-module__Ww7gxa__outOfStock .CartProductCard-module__Ww7gxa__stockDot {
  background: var(--color-error, #f44);
}

.CartProductCard-module__Ww7gxa__stockText {
  color: var(--color-success);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.CartProductCard-module__Ww7gxa__outOfStock .CartProductCard-module__Ww7gxa__stockText {
  color: var(--color-error, #f44);
}

.CartProductCard-module__Ww7gxa__deliveryInfo {
  align-items: center;
  gap: 6px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__deliveryInfo img {
  width: 24px;
  height: 24px;
}

.CartProductCard-module__Ww7gxa__deliveryText {
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.CartProductCard-module__Ww7gxa__deleteButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.CartProductCard-module__Ww7gxa__deleteButton img {
  filter: brightness(0) saturate() invert(10%) sepia(6%) saturate(489%) hue-rotate(141deg) brightness(91%) contrast(95%);
  width: 18px;
  height: 20px;
}

@media (width <= 1024px) {
  .CartProductCard-module__Ww7gxa__productTitle {
    width: auto;
    max-width: 300px;
  }

  .CartProductCard-module__Ww7gxa__cartProductCard, .CartProductCard-module__Ww7gxa__productMain {
    gap: 20px;
  }
}

@media (width <= 768px) {
  .CartProductCard-module__Ww7gxa__cartProductCard {
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
  }

  .CartProductCard-module__Ww7gxa__productMain, .CartProductCard-module__Ww7gxa__productActions {
    flex-direction: column;
    gap: 20px;
  }

  .CartProductCard-module__Ww7gxa__productPricing {
    width: 100%;
  }

  .CartProductCard-module__Ww7gxa__favoriteAndQuantity {
    justify-content: space-between;
  }
}


/* [project]/src/shared/ui/Loader/Loader.module.css [app-client] (css) */
.Loader-module___yHXKq__loader {
  border: 4px solid #f3f3f3;
  border-top-color: #fd6710;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: 1s linear infinite Loader-module___yHXKq__spin;
}

@keyframes Loader-module___yHXKq__spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}


/* [project]/src/shared/ui/PhoneInput/PhoneInput.module.css [app-client] (css) */
.PhoneInput-module__XkP2DW__inputGroup {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.PhoneInput-module__XkP2DW__label {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.PhoneInput-module__XkP2DW__inputContainer {
  background: #f6f6f6;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 50px;
  margin-top: 6px;
  padding: 0 16px;
  display: flex;
  position: relative;
}

.PhoneInput-module__XkP2DW__flag {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.PhoneInput-module__XkP2DW__input {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  letter-spacing: .5px;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.PhoneInput-module__XkP2DW__input::placeholder {
  color: #95959d;
}

.PhoneInput-module__XkP2DW__input::selection {
  color: #fff;
  background: #fd6710;
}

.PhoneInput-module__XkP2DW__error {
  font-family: var(--font-roboto), sans-serif;
  color: #f44;
  height: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  transition: height .2s, padding .2s;
  overflow: hidden;
}

.PhoneInput-module__XkP2DW__error.PhoneInput-module__XkP2DW__show {
  height: 16px;
  padding-top: 2px;
}


/* [project]/src/shared/ui/ContactInfo/ContactInfo.module.css [app-client] (css) */
.ContactInfo-module__dTE-oW__contactInfo {
  align-items: center;
  gap: 40px;
  display: flex;
}

.ContactInfo-module__dTE-oW__contactItem {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.ContactInfo-module__dTE-oW__contactItem img {
  width: 24px;
  height: 24px;
}

.ContactInfo-module__dTE-oW__cityItem {
  cursor: pointer;
  user-select: none;
  transition: opacity .2s;
}

.ContactInfo-module__dTE-oW__cityItem:hover {
  opacity: .7;
}

.ContactInfo-module__dTE-oW__cityText {
  border-bottom: 1px dashed #222324;
  padding-bottom: 1px;
}


/* [project]/src/shared/ui/StoreInfo/StoreInfo.module.css [app-client] (css) */
.StoreInfo-module__mpt7dq__store {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.StoreInfo-module__mpt7dq__storeTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.StoreInfo-module__mpt7dq__storeInfo {
  flex-direction: column;
  display: flex;
}

.StoreInfo-module__mpt7dq__storeContact {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.StoreInfo-module__mpt7dq__contactItem {
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.StoreInfo-module__mpt7dq__contactItem img {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.StoreInfo-module__mpt7dq__address, .StoreInfo-module__mpt7dq__phone {
  font-family: var(--font-roboto), sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}


/* [project]/src/shared/ui/SocialLinks/SocialLinks.module.css [app-client] (css) */
.SocialLinks-module__L5n1tG__socialLinks {
  align-items: center;
  gap: 12px;
  display: flex;
}

.SocialLinks-module__L5n1tG__socialLink {
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.SocialLinks-module__L5n1tG__socialLink:hover {
  opacity: .7;
}

.SocialLinks-module__L5n1tG__header .SocialLinks-module__L5n1tG__socialLink {
  width: 24px;
  height: 24px;
}

.SocialLinks-module__L5n1tG__header .SocialLinks-module__L5n1tG__socialLink img {
  width: 100%;
  height: 100%;
}

.SocialLinks-module__L5n1tG__footer .SocialLinks-module__L5n1tG__socialLink {
  width: 24px;
  height: 24px;
}

.SocialLinks-module__L5n1tG__footer .SocialLinks-module__L5n1tG__socialLink img {
  width: 100%;
  height: 100%;
}


/* [project]/src/shared/ui/Select/Select.module.css [app-client] (css) */
.Select-module__UBbHxa__selectContainer {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
  position: relative;
}

.Select-module__UBbHxa__label {
  font-family: var(--font-roboto), sans-serif;
  color: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.Select-module__UBbHxa__select {
  cursor: pointer;
  background: #f6f6f6;
  border: none;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 16px;
  transition: background-color .2s, border-color .2s;
  display: flex;
}

.Select-module__UBbHxa__select:hover, .Select-module__UBbHxa__select.Select-module__UBbHxa__open {
  background: #fff;
  border: 2px solid #fd6710;
}

.Select-module__UBbHxa__selectValue {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.Select-module__UBbHxa__selectInput {
  height: 46px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.Select-module__UBbHxa__placeholder {
  color: #95959d;
}

.Select-module__UBbHxa__chevron {
  color: #222324;
  justify-content: center;
  align-items: center;
  transition: color .2s, transform .2s;
  display: flex;
}

.Select-module__UBbHxa__chevron.Select-module__UBbHxa__rotated {
  transform: rotate(180deg);
}

.Select-module__UBbHxa__select.Select-module__UBbHxa__open .Select-module__UBbHxa__chevron, .Select-module__UBbHxa__select:hover .Select-module__UBbHxa__chevron {
  color: #fd6710;
}

.Select-module__UBbHxa__dropdown {
  z-index: 1050;
  background: #fff;
  border: 1px solid #ececee;
  border-radius: 12px;
  max-height: 240px;
  margin-top: 4px;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 4px 16px #fd67101a;
}

.Select-module__UBbHxa__group {
  padding: 8px 0 0;
}

.Select-module__UBbHxa__groupTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  padding: 12px 20px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.Select-module__UBbHxa__option {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  background: #fff;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  transition: background .18s, color .18s;
}

.Select-module__UBbHxa__option:hover {
  color: #222324;
  background: #ffefe6;
}

.Select-module__UBbHxa__option.Select-module__UBbHxa__selected {
  color: #fd6710;
  background: #ffefe6;
}

.Select-module__UBbHxa__option:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.Select-module__UBbHxa__option:last-child {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.Select-module__UBbHxa__error {
  font-family: var(--font-roboto), sans-serif;
  color: #f44;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.Select-module__UBbHxa__emptyMessage {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}


/* [project]/src/shared/ui/SegmentedControl/SegmentedControl.module.css [app-client] (css) */
.SegmentedControl-module__dB9b8q__segmentedControl {
  border-bottom: 1px solid #313235;
  align-items: center;
  width: 100%;
  display: flex;
}

.SegmentedControl-module__dB9b8q__segment {
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 50px;
  transition: all .2s;
  display: flex;
}

.SegmentedControl-module__dB9b8q__segment.SegmentedControl-module__dB9b8q__active {
  border-bottom-color: #fd6710;
}

.SegmentedControl-module__dB9b8q__segmentText {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .2s;
}

.SegmentedControl-module__dB9b8q__segment.SegmentedControl-module__dB9b8q__active .SegmentedControl-module__dB9b8q__segmentText {
  color: #fff;
}


/* [project]/src/shared/ui/FavoriteButton/FavoriteButton.module.css [app-client] (css) */
.FavoriteButton-module__b4dpyG__favoriteButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.FavoriteButton-module__b4dpyG__favoriteButton:hover {
  opacity: .7;
}

.FavoriteButton-module__b4dpyG__favoriteButton svg {
  transition: all .2s;
}

.FavoriteButton-module__b4dpyG__default {
  background: #f6f6f6;
  border: none;
}

.FavoriteButton-module__b4dpyG__default:hover {
  background: #e5e5e6;
}

.FavoriteButton-module__b4dpyG__default.FavoriteButton-module__b4dpyG__favoriteActive {
  background: #f6f6f6;
}

.FavoriteButton-module__b4dpyG__minimal {
  background: none;
  border: none;
}

.FavoriteButton-module__b4dpyG__minimal:hover {
  opacity: 1;
  background: #f6f6f6;
}

.FavoriteButton-module__b4dpyG__minimal.FavoriteButton-module__b4dpyG__favoriteActive {
  background: none;
}

.FavoriteButton-module__b4dpyG__small {
  width: 40px;
  height: 40px;
}

.FavoriteButton-module__b4dpyG__small svg {
  width: 18px;
  height: 18px;
}

.FavoriteButton-module__b4dpyG__medium {
  width: 50px;
  height: 50px;
}

.FavoriteButton-module__b4dpyG__medium svg {
  width: 20px;
  height: 20px;
}

.FavoriteButton-module__b4dpyG__large {
  width: 50px;
  height: 50px;
}

.FavoriteButton-module__b4dpyG__large svg {
  width: 24px;
  height: 24px;
}


/* [project]/src/shared/ui/AddToCartButton/AddToCartButton.module.css [app-client] (css) */
.AddToCartButton-module__i0p38W__addToCartButton {
  width: 211px;
  font-family: var(--font-roboto), sans-serif;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background: #fd6710;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .2s;
  display: flex;
}

.AddToCartButton-module__i0p38W__addToCartButton:hover {
  background: #e55a0e;
}

.AddToCartButton-module__i0p38W__addToCartButton.AddToCartButton-module__i0p38W__disabled {
  cursor: not-allowed;
  background: #ccc;
}

.AddToCartButton-module__i0p38W__addToCartButton.AddToCartButton-module__i0p38W__disabled:hover {
  background: #ccc;
}

.AddToCartButton-module__i0p38W__addToCartButton img {
  width: 20px;
  height: 20px;
}

.AddToCartButton-module__i0p38W__normal {
  height: 40px;
  padding: 8px 16px;
}

.AddToCartButton-module__i0p38W__large {
  width: 180px;
  height: 50px;
  padding: 10px 16px;
}

.AddToCartButton-module__i0p38W__iconButton {
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #fd6710;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: background-color .2s;
  display: flex;
}

.AddToCartButton-module__i0p38W__iconButton:hover {
  background: #fff8f5;
}

.AddToCartButton-module__i0p38W__iconButton.AddToCartButton-module__i0p38W__disabled {
  cursor: not-allowed;
  background: #f5f5f5;
  border-color: #ccc;
}

.AddToCartButton-module__i0p38W__iconButton.AddToCartButton-module__i0p38W__disabled:hover {
  background: #f5f5f5;
}

.AddToCartButton-module__i0p38W__iconButton img {
  width: 20px;
  height: 20px;
}

.AddToCartButton-module__i0p38W__outOfStockButton img {
  width: 24px;
  height: 24px;
}

@media (width <= 768px) {
  .AddToCartButton-module__i0p38W__addToCartButton {
    width: 100%;
  }
}


/* [project]/src/shared/ui/ProductCard/ProductCard.module.css [app-client] (css) */
.ProductCard-module__x1q9kq__productCard {
  width: 325px;
  font-family: var(--font-roboto), sans-serif;
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
  display: flex;
}

.ProductCard-module__x1q9kq__productCard.ProductCard-module__x1q9kq__compactGrid {
  min-width: 313.33px;
  max-width: 313.33px;
  width: 313.33px !important;
}

.ProductCard-module__x1q9kq__imageContainer {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 230px;
  padding-left: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ProductCard-module__x1q9kq__imageContainer .ProductCard-module__x1q9kq__skeleton {
  width: 100%;
  height: 100%;
}

.ProductCard-module__x1q9kq__productImage {
  object-fit: cover;
  width: 163px;
  height: 204px;
}

.ProductCard-module__x1q9kq__ratingOverlay {
  background: #ffffffe6;
  border-radius: 0 0 8px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.ProductCard-module__x1q9kq__ratingOverlay img {
  width: 18px;
  height: 18px;
}

.ProductCard-module__x1q9kq__ratingOverlay span {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductCard-module__x1q9kq__favoriteButton {
  position: absolute;
  top: 0;
  right: 0;
}

.ProductCard-module__x1q9kq__productInfo {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.ProductCard-module__x1q9kq__statusSection {
  border-bottom: 1px solid #e5e5e6;
  padding-bottom: 8px;
}

.ProductCard-module__x1q9kq__statusRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ProductCard-module__x1q9kq__stockInfo {
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.ProductCard-module__x1q9kq__stockInfo img {
  width: 14px;
  height: 14px;
}

.ProductCard-module__x1q9kq__stockText {
  color: #2aab6b;
}

.ProductCard-module__x1q9kq__stockQuantity {
  color: #222324;
}

.ProductCard-module__x1q9kq__deliveryInfo {
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductCard-module__x1q9kq__articleSection {
  gap: 12px;
  display: flex;
}

.ProductCard-module__x1q9kq__article {
  color: #7b7b84;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductCard-module__x1q9kq__title {
  color: #222324;
  -webkit-line-clamp: 3;
  cursor: pointer;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  transition: color .2s;
  display: -webkit-box;
  overflow: hidden;
}

.ProductCard-module__x1q9kq__title:hover {
  color: #fd6710;
}

.ProductCard-module__x1q9kq__footer {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.ProductCard-module__x1q9kq__price {
  color: #222324;
  width: 140px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.ProductCard-module__x1q9kq__leftInfo, .ProductCard-module__x1q9kq__inStock, .ProductCard-module__x1q9kq__rating {
  display: none;
}

@media (width <= 768px) {
  .ProductCard-module__x1q9kq__productCard {
    width: auto;
    max-width: none;
  }

  .ProductCard-module__x1q9kq__imageContainer {
    height: 180px;
    padding-left: 16px;
  }

  .ProductCard-module__x1q9kq__productImage {
    width: 140px;
    height: 160px;
  }

  .ProductCard-module__x1q9kq__ratingOverlay {
    padding: 3px 6px;
  }

  .ProductCard-module__x1q9kq__ratingOverlay img {
    width: 16px;
    height: 16px;
  }

  .ProductCard-module__x1q9kq__ratingOverlay span, .ProductCard-module__x1q9kq__stockText, .ProductCard-module__x1q9kq__stockQuantity, .ProductCard-module__x1q9kq__deliveryInfo, .ProductCard-module__x1q9kq__article {
    font-size: 12px;
  }

  .ProductCard-module__x1q9kq__title {
    font-size: 14px;
  }

  .ProductCard-module__x1q9kq__price {
    font-size: 18px;
  }

  .ProductCard-module__x1q9kq__footer {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .ProductCard-module__x1q9kq__price {
    width: 100%;
  }
}


/* [project]/src/shared/ui/ProductCardSmall/ProductCardSmall.module.css [app-client] (css) */
.ProductCardSmall-module___kjg_a__productCardSmall {
  font-family: var(--font-roboto), sans-serif;
  box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #e5e5e6;
  gap: 12px;
  padding: 16px 0;
  display: flex;
}

.ProductCardSmall-module___kjg_a__productCardSmall:last-child {
  border-bottom: none;
}

.ProductCardSmall-module___kjg_a__imageContainer {
  cursor: pointer;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 114px;
  height: 121px;
  display: flex;
  overflow: hidden;
}

.ProductCardSmall-module___kjg_a__productImage {
  object-fit: cover;
  width: 81px;
  height: 105px;
  margin: 6px 4px;
}

.ProductCardSmall-module___kjg_a__productInfo {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.ProductCardSmall-module___kjg_a__statusSection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ProductCardSmall-module___kjg_a__statusRow {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.ProductCardSmall-module___kjg_a__article {
  color: #7b7b84;
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductCardSmall-module___kjg_a__rating {
  align-items: center;
  gap: 2px;
  height: 14px;
  display: flex;
}

.ProductCardSmall-module___kjg_a__rating img {
  width: 16px;
  height: 16px;
}

.ProductCardSmall-module___kjg_a__rating span {
  color: #222324;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductCardSmall-module___kjg_a__title {
  color: #222324;
  -webkit-line-clamp: 2;
  cursor: pointer;
  -webkit-box-orient: vertical;
  height: 40px;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  transition: color .2s;
  display: -webkit-box;
  overflow: hidden;
}

.ProductCardSmall-module___kjg_a__title:hover {
  color: #fd6710;
}

.ProductCardSmall-module___kjg_a__footer {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin-top: auto;
  display: flex;
}

.ProductCardSmall-module___kjg_a__price {
  color: #222324;
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}


/* [project]/src/shared/ui/ProductHeroBanner/ProductHeroBanner.module.css [app-client] (css) */
.ProductHeroBanner-module__Gz8nyq__productHeroBanner {
  width: 100%;
  height: 100%;
  font-family: var(--font-roboto), sans-serif;
  box-sizing: border-box;
  background: none;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  padding: 0 32px;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__header {
  flex-direction: column;
  align-self: stretch;
  gap: 10px;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__compatibility {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__checkIcon {
  width: 20px;
  height: 20px;
}

.ProductHeroBanner-module__Gz8nyq__compatibilityText {
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductHeroBanner-module__Gz8nyq__carInfo {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__carModel {
  color: #222324;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.ProductHeroBanner-module__Gz8nyq__carSettingsButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  padding: 0;
  display: inline-flex;
}

.ProductHeroBanner-module__Gz8nyq__carSettingsButton img {
  width: 20px;
  height: 20px;
}

.ProductHeroBanner-module__Gz8nyq__content {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 20px;
  min-height: 0;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__imageContainer {
  cursor: pointer;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  min-height: 0;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__productImage {
  aspect-ratio: 412 / 259;
  object-fit: cover;
  width: 100%;
  max-width: 412px;
  height: auto;
}

.ProductHeroBanner-module__Gz8nyq__productInfo {
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__statusSection {
  border-bottom: 1px solid #e5e5e6;
  align-self: stretch;
  padding: 0 0 12px;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__statusRow {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__article {
  color: #7b7b84;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductHeroBanner-module__Gz8nyq__rating {
  align-items: center;
  gap: 4px;
  margin-left: auto;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__rating img {
  width: 16px;
  height: 16px;
}

.ProductHeroBanner-module__Gz8nyq__rating span {
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductHeroBanner-module__Gz8nyq__title {
  color: #222324;
  cursor: pointer;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  transition: color .2s;
}

.ProductHeroBanner-module__Gz8nyq__title:hover {
  color: #fd6710;
}

.ProductHeroBanner-module__Gz8nyq__actions {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__price {
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  color: #222324;
  width: 140px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
}

.ProductHeroBanner-module__Gz8nyq__heroAddToCartButton {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  border: 1.5px solid #fd6710;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 160px;
  height: 50px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .2s;
  display: flex;
}

.ProductHeroBanner-module__Gz8nyq__heroAddToCartButton:hover {
  background: #fff8f5;
  border-color: #fd6710;
}

.ProductHeroBanner-module__Gz8nyq__heroAddToCartButton img {
  width: 20px;
  height: 20px;
}

.ProductHeroBanner-module__Gz8nyq__heroQuantitySelector {
  width: 160px;
  height: 50px;
}

@media (width <= 768px) {
  .ProductHeroBanner-module__Gz8nyq__header {
    gap: 0;
    margin-bottom: 15px;
  }
}


/* [project]/src/shared/ui/ProductHeroSlider/ProductHeroSlider.module.css [app-client] (css) */
.ProductHeroSlider-module__QOfwVW__productHeroSlider {
  width: 100%;
  height: 100%;
  font-family: var(--font-roboto), sans-serif;
  box-sizing: border-box;
  background: none;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  padding: 0 32px;
  display: flex;
}

.ProductHeroSlider-module__QOfwVW__header {
  flex-direction: column;
  align-self: stretch;
  gap: 10px;
  display: flex;
}

.ProductHeroSlider-module__QOfwVW__compatibility {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ProductHeroSlider-module__QOfwVW__checkIcon {
  width: 20px;
  height: 20px;
}

.ProductHeroSlider-module__QOfwVW__compatibilityText {
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.ProductHeroSlider-module__QOfwVW__carInfo {
  gap: 12px;
  display: flex;
}

.ProductHeroSlider-module__QOfwVW__carModel {
  color: #222324;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.ProductHeroSlider-module__QOfwVW__productsContainer {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 0;
  min-height: 0;
  padding: 8px 0;
  display: flex;
}

.ProductHeroSlider-module__QOfwVW__productCard {
  border-bottom: 1px solid #e5e5e6;
}

.ProductHeroSlider-module__QOfwVW__productCard:last-child {
  border-bottom: none;
}


/* [project]/src/shared/ui/TableProductCard/TableProductCard.module.css [app-client] (css) */
.TableProductCard-module__xv2E8a__productColumn {
  align-items: center;
  gap: 12px;
  display: flex;
}

.TableProductCard-module__xv2E8a__productImage {
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  overflow: hidden;
}

.TableProductCard-module__xv2E8a__productImage img {
  object-fit: contain;
  width: 35px;
  height: auto;
  max-height: 44.5px;
}

.TableProductCard-module__xv2E8a__productInfo {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.TableProductCard-module__xv2E8a__productTitle {
  color: #222324;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  cursor: pointer;
  -webkit-box-orient: vertical;
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition: color .2s;
  display: -webkit-box;
  overflow: hidden;
}

.TableProductCard-module__xv2E8a__productTitle:hover {
  color: #fd6710;
}

.TableProductCard-module__xv2E8a__productMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.TableProductCard-module__xv2E8a__article, .TableProductCard-module__xv2E8a__brand {
  color: #95959d;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.TableProductCard-module__xv2E8a__stockColumn {
  align-items: stretch;
  display: flex;
}

.TableProductCard-module__xv2E8a__stockStatus {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.TableProductCard-module__xv2E8a__stockInfo {
  align-items: center;
  gap: 4px;
  height: 20px;
  display: flex;
}

.TableProductCard-module__xv2E8a__stockInfo img {
  width: 12px;
  height: 12px;
}

.TableProductCard-module__xv2E8a__stockText {
  color: #2aab6b;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.TableProductCard-module__xv2E8a__stockQuantity, .TableProductCard-module__xv2E8a__deliveryInfo {
  color: #222324;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.TableProductCard-module__xv2E8a__ratingColumn, .TableProductCard-module__xv2E8a__rating {
  align-items: center;
  display: flex;
}

.TableProductCard-module__xv2E8a__ratingInfo {
  align-items: center;
  gap: 4px;
  display: flex;
}

.TableProductCard-module__xv2E8a__ratingInfo img {
  width: 14px;
  height: 14px;
}

.TableProductCard-module__xv2E8a__ratingValue {
  color: #222324;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.TableProductCard-module__xv2E8a__reviewsCount {
  color: #222324;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: underline;
}

.TableProductCard-module__xv2E8a__priceColumn {
  justify-content: flex-start;
  display: flex;
}

.TableProductCard-module__xv2E8a__price {
  color: #222324;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.TableProductCard-module__xv2E8a__actionsColumn {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 50px;
  margin-left: auto;
  display: flex;
}

.TableProductCard-module__xv2E8a__actionsColumn button {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}


/* [project]/src/shared/ui/Table/Table.module.css [app-client] (css) */
.Table-module__bsycdG__table {
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.Table-module__bsycdG__tableHeader {
  background: #e5e5e6;
  border-bottom: 1px solid #e5e5e6;
  align-items: center;
  gap: 28px;
  padding: 8px 16px;
  display: grid;
}

.Table-module__bsycdG__headerColumn {
  text-transform: uppercase;
  color: #222324;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.Table-module__bsycdG__alignleft {
  text-align: left;
}

.Table-module__bsycdG__aligncenter {
  text-align: center;
}

.Table-module__bsycdG__alignright {
  text-align: right;
}

.Table-module__bsycdG__tableBody {
  flex-direction: column;
  display: flex;
}

.Table-module__bsycdG__tableRow {
  background: #fff;
  border-bottom: 1px solid #e5e5e6;
  align-items: center;
  gap: 28px;
  min-height: 82px;
  padding: 16px;
  transition: background-color .2s;
  display: grid;
}

.Table-module__bsycdG__tableRow:hover {
  background: #f9f9f9;
}

.Table-module__bsycdG__tableRow:last-child {
  border-bottom: none;
}


/* [project]/src/shared/ui/OrderTable/OrderTable.module.css [app-client] (css) */
.OrderTable-module__nqs33a__orderTable {
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}

.OrderTable-module__nqs33a__tableHeader {
  background: #e5e5e6;
  border-bottom: 1px solid #e5e5e6;
  grid-template-columns: 180px 120px 220px 120px 120px 160px 1fr;
  align-items: center;
  gap: 24px;
  padding: 8px 16px;
  display: grid;
}

.OrderTable-module__nqs33a__vehicleHeaderColumn {
  text-transform: uppercase;
  color: #222324;
  width: 180px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.OrderTable-module__nqs33a__orderCodeHeaderColumn {
  text-transform: uppercase;
  color: #222324;
  width: 120px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.OrderTable-module__nqs33a__deliveryHeaderColumn {
  text-transform: uppercase;
  color: #222324;
  width: 220px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.OrderTable-module__nqs33a__priceHeaderColumn {
  text-transform: uppercase;
  color: #222324;
  width: 120px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.OrderTable-module__nqs33a__imagesHeaderColumn {
  width: 120px;
}

.OrderTable-module__nqs33a__statusHeaderColumn {
  text-transform: uppercase;
  color: #222324;
  width: 160px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}

.OrderTable-module__nqs33a__actionsHeaderColumn {
  width: 1fr;
  min-width: 48px;
}

.OrderTable-module__nqs33a__tableBody {
  background: #fff;
}


/* [project]/src/shared/ui/OrderTableRow/OrderTableRow.module.css [app-client] (css) */
.OrderTableRow-module__kNVqiW__vehicleColumn {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 180px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__vehicleInfo {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__vehicleName {
  color: #222324;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
}

.OrderTableRow-module__kNVqiW__vehicleVin {
  color: #95959d;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
}

.OrderTableRow-module__kNVqiW__orderCodeColumn {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 120px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__orderCodeInfo {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__orderCode {
  color: var(--color-text-primary);
  vertical-align: middle;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.OrderTableRow-module__kNVqiW__orderDate {
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
}

.OrderTableRow-module__kNVqiW__deliveryColumn {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 220px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__deliveryInfo {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__deliveryType {
  color: #222324;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
}

.OrderTableRow-module__kNVqiW__deliveryAddress {
  color: #95959d;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
  width: 215px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
}

.OrderTableRow-module__kNVqiW__priceColumn {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 120px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__price {
  color: #222324;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.OrderTableRow-module__kNVqiW__prepaymentBadge {
  color: #fd6710;
  background: #fff;
  border: 1px solid #fec8a9;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.OrderTableRow-module__kNVqiW__imagesColumn {
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__imagesContainer {
  align-items: center;
  gap: 4px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__imageWrapper {
  border-radius: 4px;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.OrderTableRow-module__kNVqiW__productImage {
  object-fit: cover;
  width: 21px;
  height: 26.7px;
}

.OrderTableRow-module__kNVqiW__moreImagesIndicator {
  color: #95959d;
  background: #f5f5f5;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-family: Roboto, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.OrderTableRow-module__kNVqiW__statusColumn {
  flex-direction: column;
  justify-content: center;
  width: 160px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__statusBadge {
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 6px 12px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
}

.OrderTableRow-module__kNVqiW__progressStatus {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__progressText {
  color: #95959d;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.OrderTableRow-module__kNVqiW__progressBar {
  border-radius: 2px;
  width: 100%;
  height: 4px;
  position: relative;
  overflow: hidden;
}

.OrderTableRow-module__kNVqiW__progressBackground {
  background: #e5e5e6;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.OrderTableRow-module__kNVqiW__progressFill {
  border-radius: 2px;
  height: 100%;
  transition: width .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.OrderTableRow-module__kNVqiW__actionsColumn {
  justify-content: center;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.OrderTableRow-module__kNVqiW__moreButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
  display: flex;
}

.OrderTableRow-module__kNVqiW__moreButton:hover {
  background: #f5f5f5;
}

.OrderTableRow-module__kNVqiW__moreIcon {
  width: 16px;
  height: 16px;
}

.OrderTableRow-module__kNVqiW__tableRow {
  cursor: pointer;
  display: contents;
  position: relative;
}

.OrderTableRow-module__kNVqiW__tableRow:hover .OrderTableRow-module__kNVqiW__vehicleColumn, .OrderTableRow-module__kNVqiW__tableRow:hover .OrderTableRow-module__kNVqiW__orderCodeColumn, .OrderTableRow-module__kNVqiW__tableRow:hover .OrderTableRow-module__kNVqiW__deliveryColumn, .OrderTableRow-module__kNVqiW__tableRow:hover .OrderTableRow-module__kNVqiW__priceColumn, .OrderTableRow-module__kNVqiW__tableRow:hover .OrderTableRow-module__kNVqiW__imagesColumn, .OrderTableRow-module__kNVqiW__tableRow:hover .OrderTableRow-module__kNVqiW__statusColumn, .OrderTableRow-module__kNVqiW__tableRow:hover .OrderTableRow-module__kNVqiW__actionsColumn {
  background-color: #f8f9fa;
}

.OrderTableRow-module__kNVqiW__vehicleColumn, .OrderTableRow-module__kNVqiW__orderCodeColumn, .OrderTableRow-module__kNVqiW__deliveryColumn, .OrderTableRow-module__kNVqiW__priceColumn, .OrderTableRow-module__kNVqiW__imagesColumn, .OrderTableRow-module__kNVqiW__statusColumn, .OrderTableRow-module__kNVqiW__actionsColumn {
  z-index: 2;
  transition: background-color .2s;
  position: relative;
}


/* [project]/src/shared/ui/NavigationButtons/NavigationButtons.module.css [app-client] (css) */
.NavigationButtons-module__OFgu8q__navigation {
  align-items: center;
  gap: 12px;
  display: flex;
}

.NavigationButtons-module__OFgu8q__navButton {
  cursor: pointer;
  color: #222324;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: background-color .2s;
  display: flex;
}

.NavigationButtons-module__OFgu8q__navButton svg {
  width: 7px;
  height: 14px;
}

.NavigationButtons-module__OFgu8q__banner .NavigationButtons-module__OFgu8q__navButton {
  color: #fff;
  background: #222324;
}

.NavigationButtons-module__OFgu8q__banner .NavigationButtons-module__OFgu8q__navButton:hover {
  background: #35363a;
}

.NavigationButtons-module__OFgu8q__recommendations .NavigationButtons-module__OFgu8q__navButton {
  background: #f2f2f3;
}

.NavigationButtons-module__OFgu8q__recommendations .NavigationButtons-module__OFgu8q__navButton:hover {
  background: #e8e8e9;
}


/* [project]/src/shared/ui/Container/Container.module.css [app-client] (css) */
.Container-module__OP8qhq__container {
  max-width: var(--container-max-width);
  padding: 0 var(--container-padding);
  margin: 0 auto;
}

.Container-module__OP8qhq__default {
  max-width: var(--container-max-width);
}

.Container-module__OP8qhq__full {
  max-width: 100%;
}

@media (width <= 1440px) {
  .Container-module__OP8qhq__container {
    padding: 0 var(--container-padding-mobile);
  }
}

@media (width <= 768px) {
  .Container-module__OP8qhq__container {
    padding: 0 var(--container-padding-mobile);
  }
}


/* [project]/src/shared/ui/Breadcrumbs/Breadcrumbs.module.css [app-client] (css) */
.Breadcrumbs-module__EukYHG__breadcrumbs {
  height: 18px;
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  align-self: flex-start;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.Breadcrumbs-module__EukYHG__active {
  color: #222324;
  text-decoration: underline;
}

.Breadcrumbs-module__EukYHG__link {
  color: #95959d;
  text-decoration: underline;
  transition: color .2s ease-in-out;
}

.Breadcrumbs-module__EukYHG__link:hover {
  color: #fd6710;
}

.Breadcrumbs-module__EukYHG__separator {
  background: #e5e5e6;
  width: 1px;
  height: 18px;
  margin: 0;
  display: inline-block;
}


/* [project]/src/shared/ui/AutoBanner/AutoBanner.module.css [app-client] (css) */
.AutoBanner-module__5EbK2a__autoBanner {
  background: #f6f6f6;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 20px;
  display: flex;
}

.AutoBanner-module__5EbK2a__autoInfo {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.AutoBanner-module__5EbK2a__autoCheck {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.AutoBanner-module__5EbK2a__autoModel {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 18px;
  font-weight: 500;
}

.AutoBanner-module__5EbK2a__autoActions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.AutoBanner-module__5EbK2a__selectionButton {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-transform: uppercase;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid #fd6710;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.AutoBanner-module__5EbK2a__selectionButton:hover {
  color: #fff;
  background: #fd6710;
}

.AutoBanner-module__5EbK2a__garageButton {
  font-family: var(--font-roboto), sans-serif;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  background: #fd6710;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .2s;
  display: flex;
}

.AutoBanner-module__5EbK2a__garageButton:hover {
  background: #e55a0e;
}

.AutoBanner-module__5EbK2a__settingsButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: opacity .2s;
  display: flex;
}

.AutoBanner-module__5EbK2a__settingsButton:hover {
  opacity: .7;
}


/* [project]/src/shared/ui/Accordion/Accordion.module.css [app-client] (css) */
.Accordion-module__F-ppPG__accordionItem {
  border-bottom: 1px solid #e5e5e6;
}

.Accordion-module__F-ppPG__question {
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-family: var(--font-roboto);
  color: #222324;
  background: none;
  border: none;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.Accordion-module__F-ppPG__chevron {
  transition: transform .3s;
}

.Accordion-module__F-ppPG__chevron.Accordion-module__F-ppPG__open {
  transform: rotate(180deg);
}

.Accordion-module__F-ppPG__answer {
  font-family: var(--font-roboto);
  color: #222324;
  padding-bottom: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}


/* [project]/src/shared/ui/PriceRange/PriceRange.module.css [app-client] (css) */
.PriceRange-module__ifXDTq__priceRange {
  margin-top: 16px;
}

.PriceRange-module__ifXDTq__slider {
  cursor: pointer;
  width: 280px;
  height: 16px;
  position: relative;
}

.PriceRange-module__ifXDTq__track {
  background: #ececee;
  border-radius: 4px;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 6px;
}

.PriceRange-module__ifXDTq__range {
  background: #fd6710;
  border-radius: 2px;
  height: 100%;
  position: absolute;
}

.PriceRange-module__ifXDTq__handles {
  z-index: 5;
  width: 100%;
  height: 16px;
  position: relative;
}

.PriceRange-module__ifXDTq__handle {
  cursor: grab;
  z-index: 10;
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: border-color .2s, box-shadow .2s;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.PriceRange-module__ifXDTq__handle:hover {
  border-color: #fd6710;
  box-shadow: 0 0 0 2px #fd671033;
}

.PriceRange-module__ifXDTq__handle:active {
  cursor: grabbing;
  border-color: #fd6710;
  box-shadow: 0 0 0 4px #fd67104d;
}

.PriceRange-module__ifXDTq__handle:after {
  content: "";
  background: #fd6710;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 4px;
  left: 4px;
}


/* [project]/src/shared/ui/FilterGroup/FilterGroup.module.css [app-client] (css) */
.FilterGroup-module__9J5YEG__filterGroup {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.FilterGroup-module__9J5YEG__filterTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #1c1c1c;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}


/* [project]/src/shared/ui/FilterCheckbox/FilterCheckbox.module.css [app-client] (css) */
.FilterCheckbox-module__A71Soa__checkboxItem {
  cursor: pointer;
  font-family: var(--font-roboto), sans-serif;
  color: #1c1c1c;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
}

.FilterCheckbox-module__A71Soa__itemInfo {
  align-items: center;
  gap: 2px;
  display: flex;
}

.FilterCheckbox-module__A71Soa__checkbox {
  appearance: none;
  cursor: pointer;
  border: 1.5px solid #cacace;
  border-radius: 4px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.FilterCheckbox-module__A71Soa__checkbox:checked {
  background: #fd6710;
  border-color: #fd6710;
}

.FilterCheckbox-module__A71Soa__checkbox:checked:after {
  content: "";
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  width: 6px;
  height: 10px;
  position: absolute;
  top: 1px;
  left: 5px;
  transform: rotate(45deg);
}

.FilterCheckbox-module__A71Soa__checkboxCount {
  color: #7b7b84;
  margin-left: 1px;
  font-size: 10px;
  position: relative;
  top: -4px;
}


/* [project]/src/shared/ui/SearchInput/SearchInput.module.css [app-client] (css) */
.SearchInput-module__8nL8Jq__searchContainer {
  background: #f6f6f6;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  transition: all .2s;
  display: flex;
  position: relative;
  height: 50px !important;
}

.SearchInput-module__8nL8Jq__searchContainer.SearchInput-module__8nL8Jq__iconRight {
  flex-direction: row-reverse;
}

.SearchInput-module__8nL8Jq__searchContainer:focus-within {
  background: #fff;
  border: 1.5px solid #fd6710;
  padding: 0 15px;
}

.SearchInput-module__8nL8Jq__searchIcon {
  opacity: .7;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 12px;
  transition: opacity .2s;
}

.SearchInput-module__8nL8Jq__searchContainer.SearchInput-module__8nL8Jq__iconRight .SearchInput-module__8nL8Jq__searchIcon {
  margin-left: 12px;
  margin-right: 0;
}

.SearchInput-module__8nL8Jq__searchContainer:focus-within .SearchInput-module__8nL8Jq__searchIcon {
  opacity: 1;
}

.SearchInput-module__8nL8Jq__searchInput {
  font-family: var(--font-roboto), sans-serif;
  color: #1c1c1c;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 400;
}

.SearchInput-module__8nL8Jq__searchInput::placeholder {
  color: #95959d;
}

.SearchInput-module__8nL8Jq__size-normal {
  height: 44px;
}

.SearchInput-module__8nL8Jq__size-large {
  height: 50px;
  padding: 0 20px;
}

.SearchInput-module__8nL8Jq__size-large:focus-within {
  padding: 0 19px;
}

.SearchInput-module__8nL8Jq__size-large .SearchInput-module__8nL8Jq__searchIcon {
  width: 20px;
  height: 20px;
  margin-right: 16px;
}

.SearchInput-module__8nL8Jq__size-large .SearchInput-module__8nL8Jq__searchInput {
  font-size: 16px;
}

.SearchInput-module__8nL8Jq__variant-modal {
  background: #fff;
  border: 1.5px solid #e5e5e5;
  border-radius: 12px;
}

.SearchInput-module__8nL8Jq__variant-modal:focus-within {
  background: #fff;
  border-color: #fd6710;
}

.SearchInput-module__8nL8Jq__variant-modal .SearchInput-module__8nL8Jq__searchIcon {
  opacity: .8;
}

.SearchInput-module__8nL8Jq__variant-modal:focus-within .SearchInput-module__8nL8Jq__searchIcon {
  opacity: 1;
}


/* [project]/src/shared/ui/AuthDeliveryOptions/AuthDeliveryOptions.module.css [app-client] (css) */
.AuthDeliveryOptions-module__locYkq__deliverySection {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

.AuthDeliveryOptions-module__locYkq__deliveryTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.AuthDeliveryOptions-module__locYkq__deliveryOptions {
  gap: 12px;
  width: 100%;
  display: flex;
}

.AuthDeliveryOptions-module__locYkq__deliveryOption {
  cursor: pointer;
  background: #f6f6f6;
  border: none;
  border-radius: 10px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  height: 50px;
  padding: 12px;
  display: flex;
}

.AuthDeliveryOptions-module__locYkq__deliveryOption:hover {
  background: #ececee;
}

.AuthDeliveryOptions-module__locYkq__deliveryOptionContent {
  align-items: center;
  gap: 8px;
  display: flex;
}

.AuthDeliveryOptions-module__locYkq__radioButton {
  background: #fff;
  border: 1.5px solid #cacace;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  position: relative;
}

.AuthDeliveryOptions-module__locYkq__radioButton.AuthDeliveryOptions-module__locYkq__checked {
  background: #fff url("/icons/customer/choice.svg") center / 20px 20px no-repeat;
  border-color: #fd6710;
}

.AuthDeliveryOptions-module__locYkq__radioButton.AuthDeliveryOptions-module__locYkq__checked:after {
  display: none;
}

.AuthDeliveryOptions-module__locYkq__deliveryText {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}

.AuthDeliveryOptions-module__locYkq__deliveryIcon {
  width: 24px;
  height: 24px;
}

.AuthDeliveryOptions-module__locYkq__error {
  font-family: var(--font-roboto), sans-serif;
  color: #f44;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

@media (width <= 767px) {
  .AuthDeliveryOptions-module__locYkq__deliveryOptions {
    gap: 8px;
  }

  .AuthDeliveryOptions-module__locYkq__deliveryOption {
    padding: 10px;
  }

  .AuthDeliveryOptions-module__locYkq__deliveryText {
    font-size: 14px;
  }

  .AuthDeliveryOptions-module__locYkq__deliveryIcon {
    display: none;
  }

  .AuthDeliveryOptions-module__locYkq__deliveryOptions {
    flex-wrap: nowrap;
  }
}


/* [project]/src/shared/ui/AgreementSection/AgreementSection.module.css [app-client] (css) */
.AgreementSection-module__vbBB8q__form {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex;
}

.AgreementSection-module__vbBB8q__agreementSection {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

.AgreementSection-module__vbBB8q__zeroDivider {
  margin: 0 !important;
}

.AgreementSection-module__vbBB8q__agreement {
  cursor: pointer;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.AgreementSection-module__vbBB8q__checkbox {
  border: 1.5px solid var(--color-text-light);
  background: var(--color-white);
  border-radius: 4px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  position: relative;
}

.AgreementSection-module__vbBB8q__checkbox.AgreementSection-module__vbBB8q__checked {
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.AgreementSection-module__vbBB8q__checkbox.AgreementSection-module__vbBB8q__checked:after {
  content: "";
  border: 2px solid var(--color-white);
  border-top: none;
  border-right: none;
  width: 10px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%)rotate(-45deg);
}

.AgreementSection-module__vbBB8q__agreementText {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.AgreementSection-module__vbBB8q__agreementLink {
  color: var(--color-primary);
  cursor: pointer;
  text-decoration: underline;
}

.AgreementSection-module__vbBB8q__agreementLink:hover {
  text-decoration: none;
}

.AgreementSection-module__vbBB8q__captcha {
  cursor: pointer;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.AgreementSection-module__vbBB8q__captchaContent {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.AgreementSection-module__vbBB8q__captchaMain {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.AgreementSection-module__vbBB8q__captchaTitle {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.AgreementSection-module__vbBB8q__captchaSubtitle {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.AgreementSection-module__vbBB8q__captchaProvider {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-light);
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
}

.AgreementSection-module__vbBB8q__captchaProvider a {
  color: #fd6710;
  text-decoration: underline;
}

.AgreementSection-module__vbBB8q__captchaProvider a:hover {
  text-decoration: none;
}

.AgreementSection-module__vbBB8q__error {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-error);
  height: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  transition: height .2s, padding .2s;
  overflow: hidden;
}

.AgreementSection-module__vbBB8q__error.AgreementSection-module__vbBB8q__show {
  height: 16px;
  padding-top: 2px;
}


/* [project]/src/shared/ui/Divider/Divider.module.css [app-client] (css) */
.Divider-module__gbJDga__divider {
  background-color: #e5e7eb;
  height: 1px;
  margin: 24px 0;
}

.Divider-module__gbJDga__zeroMargins {
  margin: 0;
}

.Divider-module__gbJDga__withText {
  align-items: center;
  gap: 12px;
  margin: 24px 0;
  display: flex;
}

.Divider-module__gbJDga__line {
  background-color: #e5e7eb;
  flex: 1;
  height: 1px;
}

.Divider-module__gbJDga__text {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-muted);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}


/* [project]/src/shared/ui/Modal/Modal.module.css [app-client] (css) */
.Modal-module__mNSHoW__overlay {
  z-index: 1000;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.Modal-module__mNSHoW__modal {
  background: #fff;
  border-radius: 16px;
  max-width: 90vw;
  max-height: 90vh;
  position: relative;
  overflow-y: auto;
}

.Modal-module__mNSHoW__modalSmall {
  width: 500px;
  max-width: 500px;
}

.Modal-module__mNSHoW__noScroll {
  max-height: none;
  overflow: visible;
}

.Modal-module__mNSHoW__closeButton {
  cursor: pointer;
  z-index: 1;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  top: 40px;
  right: 40px;
}

.Modal-module__mNSHoW__closeIcon {
  stroke: #222324;
  stroke-width: 1.5px;
}

.Modal-module__mNSHoW__mobileFull {
  border-radius: 0;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
}

.Modal-module__mNSHoW__overlayMobileFull {
  background-color: #fff;
  justify-content: stretch;
  align-items: stretch;
}

@media (width >= 768px) {
  .Modal-module__mNSHoW__overlayMobileFull {
    background-color: #00000080;
    justify-content: center;
    align-items: center;
  }

  .Modal-module__mNSHoW__mobileFull {
    border-radius: 16px;
    width: auto;
    max-width: 90vw;
    height: auto;
    max-height: 90vh;
  }
}


/* [project]/src/shared/ui/Tabs/Tabs.module.css [app-client] (css) */
.Tabs-module__HGeOga__tabs {
  border-bottom: 1px solid #ececee;
  align-items: center;
  width: 100%;
  display: flex;
}

.Tabs-module__HGeOga__tab {
  cursor: pointer;
  background: none;
  border: none;
  border-bottom: 3px solid #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0;
  display: flex;
}

.Tabs-module__HGeOga__tab.Tabs-module__HGeOga__active {
  border-bottom-color: #fd6710;
}

.Tabs-module__HGeOga__tabText {
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #95959d;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.Tabs-module__HGeOga__tab.Tabs-module__HGeOga__active .Tabs-module__HGeOga__tabText {
  color: #222324;
}


/* [project]/src/shared/ui/Toast/Toast.module.css [app-client] (css) */
.Toast-module__C1drLG__toast {
  width: 398px;
  font-family: var(--font-roboto), sans-serif;
  background: #fff;
  border-radius: 0 10px 10px 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding: 12px 8px 12px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 0 30px #00000026;
}

.Toast-module__C1drLG__toast.Toast-module__C1drLG__success {
  background: linear-gradient(to right, #2aab6b1a, #fff);
  border-left: 3px solid #2aab6b;
}

.Toast-module__C1drLG__toast.Toast-module__C1drLG__error {
  background: linear-gradient(to right, #ff2f321a, #fff);
  border-left: 3px solid #ff2f32;
}

.Toast-module__C1drLG__toast.Toast-module__C1drLG__warning {
  background: linear-gradient(to right, #fd67101a, #fff);
  border-left: 3px solid #fd6710;
}

.Toast-module__C1drLG__toastContent {
  align-self: stretch;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.Toast-module__C1drLG__toastIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.Toast-module__C1drLG__toastText {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.Toast-module__C1drLG__toastMessage {
  text-align: left;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.Toast-module__C1drLG__success .Toast-module__C1drLG__toastMessage {
  color: #2aab6b;
}

.Toast-module__C1drLG__error .Toast-module__C1drLG__toastMessage {
  color: #ff2f32;
}

.Toast-module__C1drLG__warning .Toast-module__C1drLG__toastMessage {
  color: #fd6710;
}

.Toast-module__C1drLG__toastClose {
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.Toast-module__C1drLG__toastClose:hover {
  opacity: .7;
}

.Toast-module__C1drLG__success .Toast-module__C1drLG__toastClose {
  color: #2aab6b;
}

.Toast-module__C1drLG__error .Toast-module__C1drLG__toastClose {
  color: #ff2f32;
}

.Toast-module__C1drLG__warning .Toast-module__C1drLG__toastClose {
  color: #fd6710;
}

.Toast-module__C1drLG__actionButton {
  height: 40px;
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: opacity .2s;
  display: flex;
}

.Toast-module__C1drLG__actionButton:hover {
  opacity: .8;
}

.Toast-module__C1drLG__success .Toast-module__C1drLG__actionButton {
  color: #2aab6b;
}

.Toast-module__C1drLG__error .Toast-module__C1drLG__actionButton {
  color: #ff2f32;
}

.Toast-module__C1drLG__warning .Toast-module__C1drLG__actionButton {
  color: #fd6710;
}

@media (width <= 480px) {
  .Toast-module__C1drLG__toast {
    width: calc(100% - 40px);
  }
}


/* [project]/src/shared/ui/ToastContainer/ToastContainer.module.css [app-client] (css) */
.ToastContainer-module__J7_Uhq__toastContainer {
  z-index: 1000;
  pointer-events: none;
  flex-direction: column;
  gap: 12px;
  display: flex;
  position: fixed;
  top: 20px;
  right: 20px;
}

.ToastContainer-module__J7_Uhq__toastWrapper {
  pointer-events: auto;
  transform: translateY(calc(var(--toast-index, 0) * 20px));
  transition: transform .4s cubic-bezier(.4, 0, .2, 1);
  animation: .4s cubic-bezier(.4, 0, .2, 1) ToastContainer-module__J7_Uhq__slideInToast;
}

.ToastContainer-module__J7_Uhq__toastWrapper:last-child {
  margin-bottom: 0;
}

@keyframes ToastContainer-module__J7_Uhq__slideInToast {
  from {
    transform: translateX(100%) translateY(calc(var(--toast-index, 0) * 20px));
    opacity: 0;
  }

  to {
    transform: translateX(0) translateY(calc(var(--toast-index, 0) * 20px));
    opacity: 1;
  }
}

@media (width <= 480px) {
  .ToastContainer-module__J7_Uhq__toastContainer {
    left: 20px;
    right: 20px;
  }

  .ToastContainer-module__J7_Uhq__toastWrapper {
    transform: translateY(calc(var(--toast-index, 0) * 20px));
  }

  @keyframes ToastContainer-module__J7_Uhq__slideInToast {
    from {
      transform: translateX(100%) translateY(calc(var(--toast-index, 0) * 20px));
      opacity: 0;
    }

    to {
      transform: translateX(0) translateY(calc(var(--toast-index, 0) * 20px));
      opacity: 1;
    }
  }
}


/* [project]/src/shared/ui/Tooltip/Tooltip.module.css [app-client] (css) */
.Tooltip-module__aTltxa__tooltipWrapper {
  display: inline-block;
  position: relative;
}

.Tooltip-module__aTltxa__tooltip {
  z-index: 1060;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: opacity .2s, visibility .2s;
  position: absolute;
}

.Tooltip-module__aTltxa__tooltipContent {
  width: 400px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-align: left;
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: 0 4px 16px #0000001a;
}

.Tooltip-module__aTltxa__top {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module__aTltxa__bottom {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module__aTltxa__left {
  top: 50%;
  right: calc(100% + 8px);
  transform: translateY(-50%);
}

.Tooltip-module__aTltxa__right {
  top: 50%;
  left: calc(100% + 8px);
  transform: translateY(-50%);
}

.Tooltip-module__aTltxa__tooltip:before {
  content: "";
  border: 6px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
}

.Tooltip-module__aTltxa__top:before {
  border-top-color: #e5e5e6;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module__aTltxa__top:after {
  content: "";
  border: 5px solid #0000;
  border-top-color: #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module__aTltxa__bottom:before {
  border-bottom-color: #e5e5e6;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module__aTltxa__bottom:after {
  content: "";
  border: 5px solid #0000;
  border-bottom-color: #fff;
  width: 0;
  height: 0;
  position: absolute;
  bottom: calc(100% - 1px);
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module__aTltxa__left:before {
  border-left-color: #e5e5e6;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.Tooltip-module__aTltxa__left:after {
  content: "";
  border: 5px solid #0000;
  border-left-color: #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  transform: translateY(-50%);
}

.Tooltip-module__aTltxa__right:before {
  border-right-color: #e5e5e6;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.Tooltip-module__aTltxa__right:after {
  content: "";
  border: 5px solid #0000;
  border-right-color: #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: calc(100% - 1px);
  transform: translateY(-50%);
}


/* [project]/src/shared/ui/RadioGroup/RadioGroup.module.css [app-client] (css) */
.RadioGroup-module__CRMcNq__radioGroup {
  gap: 32px;
  display: flex;
}

.RadioGroup-module__CRMcNq__radioOption {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
}

.RadioGroup-module__CRMcNq__radioInput {
  display: none;
}

.RadioGroup-module__CRMcNq__radioButton {
  background: #fff;
  border: 1.5px solid #cacace;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  transition: all .2s;
  position: relative;
}

.RadioGroup-module__CRMcNq__radioInput:checked + .RadioGroup-module__CRMcNq__radioButton {
  background: #fff url("/icons/customer/choice.svg") center / 20px 20px no-repeat;
  border-color: #fd6710;
}

.RadioGroup-module__CRMcNq__radioLabel {
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@media (width <= 768px) {
  .RadioGroup-module__CRMcNq__radioGroup {
    flex-direction: column;
    gap: 16px;
  }
}


/* [project]/src/shared/ui/Radio/Radio.module.css [app-client] (css) */
.Radio-module__hhrthG__radioInput {
  display: none;
}

.Radio-module__hhrthG__radioButton {
  background: #fff;
  border: 1.5px solid #cacace;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  transition: all .2s;
  position: relative;
}

.Radio-module__hhrthG__radioInput:checked + .Radio-module__hhrthG__radioButton {
  background: #fff url("/icons/customer/choice.svg") center / 20px 20px no-repeat;
  border-color: #fd6710;
}


/* [project]/src/shared/ui/RadioCardGroup/RadioCardGroup.module.css [app-client] (css) */
.RadioCardGroup-module__uN9FkW__radioCardGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.RadioCardGroup-module__uN9FkW__radioCard {
  cursor: pointer;
  border-radius: 0 20px 20px 0;
  transition: all .2s;
  display: flex;
}

.RadioCardGroup-module__uN9FkW__radioCard.RadioCardGroup-module__uN9FkW__selected {
  background: #fd67100d;
  border-left: 3px solid #fd6710;
}

.RadioCardGroup-module__uN9FkW__cardContent {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 16px;
  display: flex;
}

.RadioCardGroup-module__uN9FkW__radioRow {
  flex: 1;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.RadioCardGroup-module__uN9FkW__contentSection {
  flex: 1;
}

.RadioCardGroup-module__uN9FkW__textContent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.RadioCardGroup-module__uN9FkW__label {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.RadioCardGroup-module__uN9FkW__description {
  font-family: var(--font-roboto), sans-serif;
  color: #7b7b84;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.RadioCardGroup-module__uN9FkW__actions {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.RadioCardGroup-module__uN9FkW__actionButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.RadioCardGroup-module__uN9FkW__actionButton:hover {
  opacity: .7;
}

.RadioCardGroup-module__uN9FkW__actionIcon {
  width: 24px;
  height: 24px;
}


/* [project]/src/shared/ui/Field/Field.module.css [app-client] (css) */
.Field-module__MTdGwq__field {
  flex-direction: column;
  display: flex;
}

.Field-module__MTdGwq__fieldLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.Field-module__MTdGwq__required {
  color: #f44;
  margin-left: 2px;
}

.Field-module__MTdGwq__inputContainer {
  align-items: center;
  width: 100%;
  margin-top: 6px;
  display: flex;
  position: relative;
}

.Field-module__MTdGwq__fieldInput {
  width: 100%;
  height: 50px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f6f6f6;
  border: none;
  border-radius: 10px;
  outline: none;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: none !important;
}

.Field-module__MTdGwq__fieldInput:focus, .Field-module__MTdGwq__fieldInput:active, .Field-module__MTdGwq__fieldInput:hover {
  background: #f6f6f6;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.Field-module__MTdGwq__fieldInput::placeholder {
  color: #afafb5;
}

.Field-module__MTdGwq__iconButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.Field-module__MTdGwq__fieldError {
  font-family: var(--font-roboto), sans-serif;
  color: #f44;
  height: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  transition: height .2s, padding .2s;
  overflow: hidden;
}

.Field-module__MTdGwq__fieldError.Field-module__MTdGwq__show {
  height: 16px;
  padding-top: 2px;
}


/* [project]/src/shared/ui/Toggle/Toggle.module.css [app-client] (css) */
.Toggle-module__AW5jPa__toggleContainer {
  cursor: pointer;
  background: none;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 0;
  display: flex;
}

.Toggle-module__AW5jPa__toggleLabel {
  color: #222324;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.Toggle-module__AW5jPa__toggle {
  position: relative;
}

.Toggle-module__AW5jPa__toggleInput {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.Toggle-module__AW5jPa__toggleSwitch {
  cursor: pointer;
  box-sizing: border-box;
  background: #e5e5e6;
  border-radius: 25px;
  width: 38px;
  height: 20px;
  padding: 2px;
  transition: background-color .3s;
  position: relative;
}

.Toggle-module__AW5jPa__toggleSlider {
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .3s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 3px 4px #18181c0a, 0 1px 1px #18181c0a;
}

.Toggle-module__AW5jPa__toggleInput:checked + .Toggle-module__AW5jPa__toggleSwitch {
  background: #fd6710;
}

.Toggle-module__AW5jPa__toggleInput:checked + .Toggle-module__AW5jPa__toggleSwitch .Toggle-module__AW5jPa__toggleSlider {
  transform: translateX(18px);
}

@media (width <= 768px) {
  .Toggle-module__AW5jPa__toggleContainer {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}


/* [project]/src/shared/ui/ViewToggle/ViewToggle.module.css [app-client] (css) */
.ViewToggle-module__PnhEwW__viewToggle {
  align-items: center;
  gap: 0;
  display: flex;
}

.ViewToggle-module__PnhEwW__viewButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.ViewToggle-module__PnhEwW__viewButton:hover {
  background: #f6f6f6;
}

.ViewToggle-module__PnhEwW__viewButton img {
  width: 24px;
  height: 24px;
}

.ViewToggle-module__PnhEwW__viewButtonActive {
  background: none;
}

.ViewToggle-module__PnhEwW__viewButtonActive:hover {
  background: #f6f6f6;
}


/* [project]/src/shared/ui/PasswordInput/PasswordInput.module.css [app-client] (css) */
.PasswordInput-module__izKJ6W__inputGroup {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
}

.PasswordInput-module__izKJ6W__label {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.PasswordInput-module__izKJ6W__inputContainer {
  background: var(--color-background);
  border-radius: var(--border-radius-medium);
  width: 100%;
  height: var(--height-input);
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  display: flex;
  position: relative;
}

.PasswordInput-module__izKJ6W__input {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding-right: 32px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.PasswordInput-module__izKJ6W__input::placeholder {
  color: var(--color-text-muted);
}

.PasswordInput-module__izKJ6W__eyeButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  display: flex;
  position: absolute;
  right: 16px;
}

.PasswordInput-module__izKJ6W__eyeButton:hover {
  opacity: .7;
}

.PasswordInput-module__izKJ6W__eyeIcon {
  width: 24px;
  height: 24px;
}

.PasswordInput-module__izKJ6W__error {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-error);
  height: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  transition: height .2s, padding .2s;
  overflow: hidden;
}

.PasswordInput-module__izKJ6W__error.PasswordInput-module__izKJ6W__show {
  height: 16px;
  padding-top: 2px;
}


/* [project]/src/shared/ui/AddressCard/AddressCard.module.css [app-client] (css) */
.AddressCard-module__1MFDAG__addressCard {
  border-radius: 0 20px 20px 0;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
  padding: 20px 16px;
  display: flex;
}

.AddressCard-module__1MFDAG__addressCard.AddressCard-module__1MFDAG__selected {
  background: #fd67100d;
  border-left: 3px solid #fd6710;
}

.AddressCard-module__1MFDAG__content {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  display: flex;
}

.AddressCard-module__1MFDAG__radioContainer {
  flex: 1;
  gap: 20px;
  display: flex;
}

.AddressCard-module__1MFDAG__radioLabel {
  cursor: pointer;
  margin-top: 2px;
}

.AddressCard-module__1MFDAG__addressInfo {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  display: flex;
}

.AddressCard-module__1MFDAG__addressName {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.AddressCard-module__1MFDAG__addressText {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.AddressCard-module__1MFDAG__actions {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.AddressCard-module__1MFDAG__actionButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.AddressCard-module__1MFDAG__actionButton:hover {
  opacity: .7;
}

.AddressCard-module__1MFDAG__actionIcon {
  width: 24px;
  height: 24px;
}


/* [project]/src/shared/ui/Textarea/Textarea.module.css [app-client] (css) */
.Textarea-module__FNIChG__textareaWrapper {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.Textarea-module__FNIChG__textareaLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.Textarea-module__FNIChG__textarea {
  width: 100%;
  min-height: 110px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  resize: none;
  background: #f6f6f6;
  border: none;
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.Textarea-module__FNIChG__textarea::placeholder {
  color: #afafb5;
}

.Textarea-module__FNIChG__textarea:focus {
  border-color: #fd6710;
  outline: none;
}

.Textarea-module__FNIChG__textareaError {
  font-family: var(--font-roboto), sans-serif;
  color: #f44;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}


/* [project]/src/shared/ui/OrderSummary/OrderSummary.module.css [app-client] (css) */
.OrderSummary-module__jlwacG__orderSummary {
  width: 340px;
  font-family: var(--font-roboto), sans-serif;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.OrderSummary-module__jlwacG__summaryTitle {
  font-family: var(--font-oswald), sans-serif;
  color: var(--color-text-primary);
  margin: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
}

.OrderSummary-module__jlwacG__summaryContent {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.OrderSummary-module__jlwacG__summaryDetails {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.OrderSummary-module__jlwacG__summaryRow {
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  display: flex;
}

.OrderSummary-module__jlwacG__summaryLabel {
  color: var(--color-text-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.OrderSummary-module__jlwacG__summaryValue {
  color: var(--color-text-primary);
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.OrderSummary-module__jlwacG__summaryValue.OrderSummary-module__jlwacG__discount {
  color: var(--color-error);
}

.OrderSummary-module__jlwacG__summaryValue.OrderSummary-module__jlwacG__delivery {
  color: var(--color-text-primary);
  font-weight: 400;
}

.OrderSummary-module__jlwacG__promocodeSection {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.OrderSummary-module__jlwacG__promocodeInput {
  gap: 8px;
  display: flex;
}

.OrderSummary-module__jlwacG__promocodeField {
  height: 50px;
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  background: #f6f6f6;
  border: none;
  border-radius: 10px;
  flex: 1;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.OrderSummary-module__jlwacG__promocodeField::placeholder {
  color: #95959d;
}

.OrderSummary-module__jlwacG__promocodeField:focus {
  background: #eee;
  outline: none;
}

.OrderSummary-module__jlwacG__promocodeButton {
  height: 50px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  border: 1.5px solid #fd6710;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .2s;
}

.OrderSummary-module__jlwacG__promocodeButton:hover {
  background: #fff8f5;
}

.OrderSummary-module__jlwacG__summaryDivider {
  background: var(--color-border);
  width: 100%;
  height: 1px;
}

.OrderSummary-module__jlwacG__summaryTotal {
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  display: flex;
}

.OrderSummary-module__jlwacG__totalLabel {
  color: var(--color-text-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.OrderSummary-module__jlwacG__totalValue {
  color: var(--color-text-primary);
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.OrderSummary-module__jlwacG__orderButton {
  background: var(--color-primary);
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-white);
  cursor: pointer;
  text-transform: uppercase;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 50px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color .2s;
  display: flex;
}

.OrderSummary-module__jlwacG__orderButton:hover {
  background: var(--color-primary-hover);
}

.OrderSummary-module__jlwacG__orderButton:disabled {
  background: var(--color-text-light);
  cursor: not-allowed;
}

@media (width <= 1200px) {
  .OrderSummary-module__jlwacG__orderSummary {
    width: 100%;
    max-width: 400px;
  }
}

@media (width <= 768px) {
  .OrderSummary-module__jlwacG__summaryTitle {
    font-size: 32px;
  }

  .OrderSummary-module__jlwacG__summaryRow, .OrderSummary-module__jlwacG__summaryTotal {
    gap: 20px;
  }

  .OrderSummary-module__jlwacG__promocodeInput {
    flex-direction: column;
    gap: 12px;
  }
}


/* [project]/src/shared/ui/FavoriteProductCard/FavoriteProductCard.module.css [app-client] (css) */
.FavoriteProductCard-module__LYAR-a__favoriteCard {
  font-family: var(--font-roboto), sans-serif;
  background: #fff;
  border-bottom: 1px solid #e5e5e6;
  grid-template-columns: 200px 440px auto;
  align-items: start;
  gap: 20px;
  padding: 20px 62px 20px 0;
  display: grid;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact {
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact .FavoriteProductCard-module__LYAR-a__imageContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact .FavoriteProductCard-module__LYAR-a__contentContainer {
  gap: 16px;
  width: 100%;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact .FavoriteProductCard-module__LYAR-a__productTitle {
  font-size: 16px;
  line-height: 1.3;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact .FavoriteProductCard-module__LYAR-a__specsSection {
  display: none;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact .FavoriteProductCard-module__LYAR-a__actionsContainer {
  gap: 20px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact .FavoriteProductCard-module__LYAR-a__priceSection {
  gap: 12px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__favoriteCardCompact .FavoriteProductCard-module__LYAR-a__price {
  font-size: 24px;
}

.FavoriteProductCard-module__LYAR-a__imageContainer {
  background: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 220px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__productImage {
  object-fit: cover;
  width: 131px;
  height: 169px;
}

.FavoriteProductCard-module__LYAR-a__contentContainer {
  flex-direction: column;
  gap: 30px;
  width: 440px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__headerInfo {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__titleSection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__productTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  max-width: 349px;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.FavoriteProductCard-module__LYAR-a__metaInfo {
  align-items: center;
  gap: 12px;
  height: 17px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__productArticle {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.FavoriteProductCard-module__LYAR-a__separator {
  border-left: 1px solid #e5e5e6;
  width: 0;
  height: 12px;
}

.FavoriteProductCard-module__LYAR-a__ratingSection {
  align-items: center;
  gap: 12px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__ratingStars {
  align-items: center;
  gap: 4px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__starGroup {
  align-items: center;
  gap: 2px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__ratingValue, .FavoriteProductCard-module__LYAR-a__reviewsCount {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.FavoriteProductCard-module__LYAR-a__specsSection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__specRow {
  gap: 16px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__specLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  flex-shrink: 0;
  width: 100px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.FavoriteProductCard-module__LYAR-a__specValue {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.FavoriteProductCard-module__LYAR-a__actionsContainer {
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  width: 100%;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__priceSection {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__priceInfo {
  flex-direction: column;
  gap: -10px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__currentPrice {
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__price {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
}

.FavoriteProductCard-module__LYAR-a__unit {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  width: 41px;
  height: 17px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.FavoriteProductCard-module__LYAR-a__oldPrice {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: line-through;
}

.FavoriteProductCard-module__LYAR-a__stockStatus {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: fit-content;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__stockBadge {
  align-items: center;
  gap: 6px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__checkIcon {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__stockText {
  font-family: var(--font-roboto), sans-serif;
  color: #29c175;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.FavoriteProductCard-module__LYAR-a__stockCount {
  font-family: var(--font-roboto), sans-serif;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.FavoriteProductCard-module__LYAR-a__buttonsSection {
  align-items: stretch;
  gap: 8px;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__addToCartButton {
  flex: 1;
}

.FavoriteProductCard-module__LYAR-a__favoriteButton {
  cursor: pointer;
  background: #f6f6f6;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  transition: background-color .2s;
  display: flex;
}

.FavoriteProductCard-module__LYAR-a__favoriteButton:hover {
  background: #e5e5e6;
}

.FavoriteProductCard-module__LYAR-a__favoriteButton svg {
  width: 24px;
  height: 24px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard {
  flex-direction: column;
  gap: 12px;
  max-height: none;
  padding: 12px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__imageContainer {
  flex-shrink: 0;
  width: 100%;
  height: 200px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__productImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__contentContainer {
  flex: 1;
  min-height: auto;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__titleSection {
  margin-bottom: 8px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__productTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.5em;
  font-size: 16px;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__specsSection {
  display: none;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__actionsContainer {
  flex-shrink: 0;
  gap: 12px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__priceSection {
  align-items: flex-start;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__buttonsSection {
  flex-direction: row;
  gap: 8px;
}

.FavoriteProductCard-module__LYAR-a__favoriteCard.FavoriteProductCard-module__LYAR-a__compactCard .FavoriteProductCard-module__LYAR-a__addToCartButton {
  flex: 1;
}


/* [project]/src/shared/ui/PaymentCard/PaymentCard.module.css [app-client] (css) */
.PaymentCard-module__JkYKMG__paymentCard {
  cursor: pointer;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 16px;
  transition: all .2s;
  display: flex;
}

.PaymentCard-module__JkYKMG__paymentCard:hover {
  border-color: #cacace;
}

.PaymentCard-module__JkYKMG__selected {
  background: #ffefe6;
  border-color: #fd6710;
  border-left-width: 3px;
}

.PaymentCard-module__JkYKMG__radioContainer {
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-start;
  width: 24px;
  height: 24px;
  padding-top: 0;
  display: flex;
}

.PaymentCard-module__JkYKMG__cardContent {
  flex: 1;
  align-items: center;
  display: flex;
}

.PaymentCard-module__JkYKMG__balanceInfo {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  display: flex;
}

.PaymentCard-module__JkYKMG__balanceLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #636369;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.PaymentCard-module__JkYKMG__balanceValue {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.PaymentCard-module__JkYKMG__cardInfo {
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  height: 100%;
  display: flex;
}

.PaymentCard-module__JkYKMG__cardTopRow {
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  width: 100%;
  display: flex;
}

.PaymentCard-module__JkYKMG__cardBottomRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.PaymentCard-module__JkYKMG__cardBackground {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 32px;
  display: flex;
  overflow: hidden;
}

.PaymentCard-module__JkYKMG__bankIcon {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.PaymentCard-module__JkYKMG__cardFrame {
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 31px;
  display: flex;
  position: relative;
}

.PaymentCard-module__JkYKMG__cardFrameIcon {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.PaymentCard-module__JkYKMG__cardNumber, .PaymentCard-module__JkYKMG__expiryDate {
  font-family: var(--font-roboto), sans-serif;
  color: #636369;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}


/* [project]/src/shared/ui/TransactionTable/TransactionTable.module.css [app-client] (css) */
.TransactionTable-module__dYhh-q__transactionTable {
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.TransactionTable-module__dYhh-q__tableHeader {
  background: #e5e5e6;
  border-radius: 8px 8px 0 0;
  gap: 24px;
  padding: 8px 16px;
  display: flex;
}

.TransactionTable-module__dYhh-q__headerCell {
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  color: #222324;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.TransactionTable-module__dYhh-q__tableBody {
  flex-direction: column;
  display: flex;
}

.TransactionTable-module__dYhh-q__tableRow {
  border-bottom: 1px solid #e5e5e6;
  align-items: center;
  gap: 24px;
  min-height: 56px;
  padding: 16px;
  display: flex;
}

.TransactionTable-module__dYhh-q__tableRow:last-child {
  border-bottom: none;
}

.TransactionTable-module__dYhh-q__dateCell {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 200px;
  display: flex;
}

.TransactionTable-module__dYhh-q__dateText {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  width: 120px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.TransactionTable-module__dYhh-q__operationCell {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 308px;
  display: flex;
}

.TransactionTable-module__dYhh-q__operationText {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.TransactionTable-module__dYhh-q__amountCell {
  align-items: center;
  gap: 16px;
  width: 218px;
  display: flex;
}

.TransactionTable-module__dYhh-q__amountText {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.TransactionTable-module__dYhh-q__statusCell {
  flex-direction: column;
  gap: 10px;
  width: 160px;
  display: flex;
}

.TransactionTable-module__dYhh-q__statusBadge {
  width: fit-content;
  font-family: var(--font-roboto), sans-serif;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
  display: flex;
}


/* [project]/src/shared/ui/NewsCard/NewsCard.module.css [app-client] (css) */
.NewsCard-module__Mue_Uq__newsCard {
  cursor: pointer;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 393px;
  display: flex;
}

.NewsCard-module__Mue_Uq__featuredCard {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 393px;
  margin-bottom: 40px;
}

.NewsCard-module__Mue_Uq__newsImage {
  background: var(--color-background);
  border-radius: 10px;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.NewsCard-module__Mue_Uq__featuredImage {
  border-radius: 10px;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.NewsCard-module__Mue_Uq__newsImage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.NewsCard-module__Mue_Uq__newsContent, .NewsCard-module__Mue_Uq__featuredContent {
  flex-direction: column;
  gap: 12px;
  height: auto;
  padding: 0;
  display: flex;
}

.NewsCard-module__Mue_Uq__newsMeta {
  align-items: center;
  gap: 16px;
  display: flex;
}

.NewsCard-module__Mue_Uq__newsCategory {
  font-family: var(--font-roboto), sans-serif;
  color: #fd6710;
  background: none;
  border: 1px solid #fec8a9;
  border-radius: 100px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.NewsCard-module__Mue_Uq__newsDate {
  font-family: var(--font-roboto), sans-serif;
  color: #7b7b84;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.NewsCard-module__Mue_Uq__newsTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color .2s;
  display: -webkit-box;
  overflow: hidden;
}

.NewsCard-module__Mue_Uq__newsTitle:hover {
  color: #fd6710;
  text-decoration: none;
}

.NewsCard-module__Mue_Uq__featuredTitle {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 700px;
  font-size: 24px;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.NewsCard-module__Mue_Uq__newsDescription {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.NewsCard-module__Mue_Uq__featuredDescription {
  color: #95959d;
}

@media (width <= 1200px) {
  .NewsCard-module__Mue_Uq__featuredCard {
    gap: 16px;
  }

  .NewsCard-module__Mue_Uq__featuredImage {
    flex: 1;
  }

  .NewsCard-module__Mue_Uq__featuredTitle {
    font-size: 24px;
  }
}

@media (width <= 768px) {
  .NewsCard-module__Mue_Uq__featuredCard, .NewsCard-module__Mue_Uq__newsCard {
    height: auto;
  }

  .NewsCard-module__Mue_Uq__featuredImage, .NewsCard-module__Mue_Uq__newsImage {
    flex: none;
    height: 200px;
  }

  .NewsCard-module__Mue_Uq__featuredTitle, .NewsCard-module__Mue_Uq__newsTitle {
    font-size: 20px;
  }

  .NewsCard-module__Mue_Uq__featuredContent, .NewsCard-module__Mue_Uq__newsContent {
    gap: 12px;
  }
}


/* [project]/src/shared/ui/PromotionCard/PromotionCard.module.css [app-client] (css) */
.PromotionCard-module___I1MxW__promotionCard {
  cursor: pointer;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 393px;
  display: flex;
}

.PromotionCard-module___I1MxW__promotionImage {
  background: var(--color-background);
  border-radius: 10px;
  flex: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.PromotionCard-module___I1MxW__promotionImage img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .3s;
}

.PromotionCard-module___I1MxW__promotionCard:hover .PromotionCard-module___I1MxW__promotionImage img {
  transform: scale(1.05);
}

.PromotionCard-module___I1MxW__discountBadge {
  color: #fff;
  font-family: var(--font-roboto), sans-serif;
  background: #fd6710;
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  position: absolute;
  top: 12px;
  right: 12px;
}

.PromotionCard-module___I1MxW__expiredOverlay {
  background: #000000b3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.PromotionCard-module___I1MxW__expiredOverlay span {
  color: #fff;
  font-family: var(--font-roboto), sans-serif;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.PromotionCard-module___I1MxW__promotionContent {
  flex-direction: column;
  gap: 6px;
  height: auto;
  padding: 0;
  display: flex;
}

.PromotionCard-module___I1MxW__promotionMeta {
  align-items: center;
  gap: 16px;
  display: flex;
}

.PromotionCard-module___I1MxW__promotionCategory {
  font-family: var(--font-roboto), sans-serif;
  color: #fd6710;
  background: none;
  border: 1px solid #fec8a9;
  border-radius: 100px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.PromotionCard-module___I1MxW__promotionDate {
  font-family: var(--font-roboto), sans-serif;
  color: #7b7b84;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.PromotionCard-module___I1MxW__promotionTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .2s;
  display: -webkit-box;
  overflow: hidden;
}

.PromotionCard-module___I1MxW__promotionTitle:hover {
  color: #fd6710;
}

.PromotionCard-module___I1MxW__promotionDescription {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

@media (width <= 1200px) {
  .PromotionCard-module___I1MxW__promotionCard {
    height: auto;
    min-height: 350px;
  }

  .PromotionCard-module___I1MxW__promotionTitle {
    font-size: 20px;
  }
}

@media (width <= 768px) {
  .PromotionCard-module___I1MxW__promotionCard {
    min-height: 300px;
  }

  .PromotionCard-module___I1MxW__promotionTitle {
    font-size: 18px;
  }

  .PromotionCard-module___I1MxW__discountBadge {
    padding: 4px 8px;
    font-size: 12px;
  }
}


/* [project]/src/shared/ui/CategoryFilter/CategoryFilter.module.css [app-client] (css) */
.CategoryFilter-module__dYrFCa__categoryFilter {
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.CategoryFilter-module__dYrFCa__title {
  font-family: var(--font-roboto), sans-serif;
  color: #1c1c1c;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.CategoryFilter-module__dYrFCa__categories {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.CategoryFilter-module__dYrFCa__categoryButton {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  background: #f6f6f6;
  border: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 0;
  padding: 8px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  transition: all .2s;
  display: flex;
}

.CategoryFilter-module__dYrFCa__categoryButton:hover {
  background: #ffefe6;
}

.CategoryFilter-module__dYrFCa__categoryButton.CategoryFilter-module__dYrFCa__active {
  color: #222324;
  background: #ffefe6;
  border: 1px solid #fec8a9;
}

@media (width <= 768px) {
  .CategoryFilter-module__dYrFCa__title {
    font-size: 14px;
  }

  .CategoryFilter-module__dYrFCa__categoryButton {
    padding: 6px 10px;
    font-size: 14px;
  }
}


/* [project]/src/shared/ui/ContactItem/ContactItem.module.css [app-client] (css) */
.ContactItem-module__1cKQda__item {
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.ContactItem-module__1cKQda__icon {
  width: 40px;
  height: 40px;
}

.ContactItem-module__1cKQda__label {
  font-family: var(--font-roboto), sans-serif;
  color: #7b7b84;
  font-size: 16px;
}

.ContactItem-module__1cKQda__value {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.ContactItem-module__1cKQda__value:hover {
  color: #fd6710;
}


/* [project]/src/shared/ui/CommonTabs/CommonTabs.module.css [app-client] (css) */
.CommonTabs-module__L4XJiG__tabs {
  font-family: var(--font-roboto), sans-serif;
  border-bottom: 1px solid #ececee;
  align-self: stretch;
  align-items: center;
  gap: 60px;
  display: flex;
}

.CommonTabs-module__L4XJiG__tab {
  cursor: pointer;
  background: none;
  border: none;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  height: 40px;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.CommonTabs-module__L4XJiG__tabText {
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #95959d;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  transition: color .2s;
}

.CommonTabs-module__L4XJiG__tab.CommonTabs-module__L4XJiG__active .CommonTabs-module__L4XJiG__tabText {
  color: #222324;
}

.CommonTabs-module__L4XJiG__activeIndicator {
  background: #fd6710;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.CommonTabs-module__L4XJiG__tab:hover .CommonTabs-module__L4XJiG__tabText {
  color: #222324;
}

@media (width <= 768px) {
  .CommonTabs-module__L4XJiG__tabs {
    gap: 30px;
  }
}


/* [project]/src/shared/ui/DateSelector/DateSelector.module.css [app-client] (css) */
.DateSelector-module__WHyTpG__dateSelector {
  flex-direction: column;
  gap: 6px;
  width: 240px;
  display: flex;
}

.DateSelector-module__WHyTpG__fieldLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.DateSelector-module__WHyTpG__selectorField {
  cursor: pointer;
  background: #f6f6f6;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 16px;
  display: flex;
}

.DateSelector-module__WHyTpG__selectorContent {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
}

.DateSelector-module__WHyTpG__selectorIcon {
  width: 24px;
  height: 24px;
}

.DateSelector-module__WHyTpG__chevronIcon {
  width: 20px;
  height: 20px;
}

.DateSelector-module__WHyTpG__timeOption {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition: background-color .2s, color .2s;
}

.DateSelector-module__WHyTpG__timeOption:hover, .DateSelector-module__WHyTpG__timeOption.DateSelector-module__WHyTpG__selected {
  color: #fff;
  background: #fd6710;
}


/* [project]/node_modules/react-datepicker/dist/react-datepicker.css [app-client] (css) */
.react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  content: "";
  border: 3px solid #ccc;
  border-width: 3px 3px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 6px;
}

.react-datepicker-wrapper {
  border: 0;
  padding: 0;
  display: inline-block;
}

.react-datepicker {
  color: #000;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: .8rem;
  line-height: initial;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}

.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: .3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  margin: 0 15px;
  display: inline-block;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  color: #000;
  margin-top: 0;
  font-size: .944rem;
  font-weight: bold;
}

h2.react-datepicker__current-month {
  margin: 0;
  padding: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  text-align: center;
  cursor: pointer;
  z-index: 1;
  text-indent: -999em;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 2px;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  width: 0;
  font-size: 20px;
  position: relative;
  top: -1px;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg);
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg);
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  text-align: center;
  margin: .4rem;
}

.react-datepicker__year-wrapper {
  flex-wrap: wrap;
  max-width: 180px;
  display: flex;
}

.react-datepicker__year .react-datepicker__year-text {
  width: 4rem;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__month {
  text-align: center;
  margin: .4rem;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  width: 4rem;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__input-time-container {
  clear: both;
  float: left;
  text-align: left;
  width: 100%;
  margin: 5px 0 10px 15px;
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  margin-left: 10px;
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline;
  position: absolute;
  top: 0;
  right: -87px;
}

.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: .3rem;
  position: relative;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  text-align: center;
  border-bottom-right-radius: .3rem;
  width: 85px;
  margin: 0 auto;
  overflow-x: hidden;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  box-sizing: content-box;
  width: 100%;
  height: calc(195px + .85rem);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
  overflow-y: scroll;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  white-space: nowrap;
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  color: #fff;
  background-color: #216ba5;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: #0000;
}

.react-datepicker__week-number {
  color: #ccc;
  text-align: center;
  width: 1.7rem;
  margin: .166rem;
  line-height: 1.7rem;
  display: inline-block;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  text-align: center;
  width: 1.7rem;
  margin: .166rem;
  line-height: 1.7rem;
  display: inline-block;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:not([aria-disabled="true"]):hover, .react-datepicker__month-text:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text:not([aria-disabled="true"]):hover, .react-datepicker__year-text:not([aria-disabled="true"]):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  color: #fff;
  background-color: #3dcc4a;
  border-radius: .3rem;
}

.react-datepicker__day--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
  color: #fff;
  background-color: #ff6803;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__day--holidays:not([aria-disabled="true"]):hover, .react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover {
  background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__day--selected:not([aria-disabled="true"]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__day--in-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  color: #000;
  background-color: #bad9f1;
  border-radius: .3rem;
}

.react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: #216ba580;
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  color: #000;
  background-color: #f0f0f0;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__input-container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  box-sizing: content-box;
  padding: .5rem;
  position: absolute;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid #0000;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  top: 0;
  right: -16px;
  transform: rotate(135deg);
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  z-index: 1;
  text-align: center;
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  width: 50%;
  position: absolute;
  top: 30px;
  left: 25%;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
  display: block;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  vertical-align: middle;
  background-color: #0000;
  border: 0;
  outline: 0;
  height: 100%;
  padding: 0 6px 0 0;
  display: table-cell;
  position: absolute;
  top: 0;
  right: 0;
}

.react-datepicker__close-icon:after {
  cursor: pointer;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  content: "×";
  background-color: #216ba5;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  display: table-cell;
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled:after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  cursor: pointer;
  text-align: center;
  clear: left;
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  padding: 5px 0;
  font-weight: bold;
}

.react-datepicker__portal {
  z-index: 2147483647;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (width <= 400px), (height <= 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  height: auto;
  margin: .4rem;
  padding-left: .2rem;
  padding-right: .2rem;
}

.react-datepicker__aria-live {
  clip-path: circle(0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.react-datepicker__calendar-icon {
  vertical-align: -.125em;
  width: 1em;
  height: 1em;
}


/* [project]/src/shared/ui/UnitInput/UnitInput.module.css [app-client] (css) */
.UnitInput-module__uVP6Za__field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.UnitInput-module__uVP6Za__label {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.UnitInput-module__uVP6Za__inputWrapper {
  background: #f6f6f6;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 16px;
  display: flex;
}

.UnitInput-module__uVP6Za__input {
  color: #222324;
  background: none;
  border: none;
  width: 100%;
  font-size: 14px;
  padding: 0 !important;
}

.UnitInput-module__uVP6Za__input:focus {
  outline: none;
}

.UnitInput-module__uVP6Za__input::placeholder {
  color: #afafb5;
}

.UnitInput-module__uVP6Za__unit {
  color: #222324;
  white-space: nowrap;
  border-left: 1px solid #e5e5e6;
  margin-left: 8px;
  padding-left: 8px;
  font-size: 14px;
}

.UnitInput-module__uVP6Za__error {
  color: red;
  font-size: 12px;
}


/* [project]/src/shared/ui/MileageInput/MileageInput.module.css [app-client] (css) */
.MileageInput-module__c-EVpW__mileageField {
  flex-direction: column;
  gap: 6px;
  width: 200px;
  display: flex;
}

.MileageInput-module__c-EVpW__fieldLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.MileageInput-module__c-EVpW__selectorField {
  cursor: pointer;
  background: #f6f6f6;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 16px;
  display: flex;
}

.MileageInput-module__c-EVpW__mileageInput {
  background: none;
  border: none;
  width: 100%;
  padding: 0 !important;
}

.MileageInput-module__c-EVpW__mileageInput:focus {
  outline: none;
}

.MileageInput-module__c-EVpW__chevronIcon {
  width: 20px;
  height: 20px;
}

.MileageInput-module__c-EVpW__error {
  color: red;
  font-size: 12px;
}


/* [project]/src/shared/ui/FileUploadButton/FileUploadButton.module.css [app-client] (css) */
.FileUploadButton-module__9x9Z8G__fileUploadButton {
  cursor: pointer;
  font-family: var(--font-roboto), sans-serif;
  color: #fd6710;
  text-transform: uppercase;
  background-color: #0000;
  border: none;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.FileUploadButton-module__9x9Z8G__fileUploadButton:hover {
  color: #e55a0d;
}

.FileUploadButton-module__9x9Z8G__icon {
  width: 24px;
  height: 24px;
}


/* [project]/src/shared/ui/EmptyState/EmptyState.module.css [app-client] (css) */
.EmptyState-module__jqUtba__emptyState {
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  display: flex;
}

.EmptyState-module__jqUtba__imageContainer {
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.EmptyState-module__jqUtba__image {
  object-fit: contain;
  width: 200px;
  height: 200px;
}

.EmptyState-module__jqUtba__content {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.EmptyState-module__jqUtba__title {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-align: center;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.EmptyState-module__jqUtba__description {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  text-align: center;
  width: 400px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.EmptyState-module__jqUtba__button {
  width: 191px !important;
}


/* [project]/src/shared/ui/SuccessModal/SuccessModal.module.css [app-client] (css) */
.SuccessModal-module__HOeUKG__modal {
  width: 440px !important;
  padding: 0 !important;
}

.SuccessModal-module__HOeUKG__container {
  text-align: center;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 40px;
  display: flex;
}

.SuccessModal-module__HOeUKG__iconWrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.SuccessModal-module__HOeUKG__textContainer {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  display: flex;
}

.SuccessModal-module__HOeUKG__title {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.SuccessModal-module__HOeUKG__message {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  max-width: 360px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.SuccessModal-module__HOeUKG__button {
  height: 50px;
  width: 360px !important;
}


/* [project]/src/shared/ui/StatusBadge/StatusBadge.module.css [app-client] (css) */
.StatusBadge-module__EDXWhG__badge {
  font-family: var(--font-roboto), sans-serif;
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
  display: inline-flex;
}

.StatusBadge-module__EDXWhG__inProgress {
  color: #fd6710;
  background-color: #f7e4cb;
}

.StatusBadge-module__EDXWhG__completed {
  color: #00a981;
  background-color: #cbf7de;
}

.StatusBadge-module__EDXWhG__cancelled {
  color: #f44;
  background-color: #ffd9d9;
}


/* [project]/src/shared/ui/ReviewCard/ReviewCard.module.css [app-client] (css) */
.ReviewCard-module__K5rNvq__reviewCard {
  flex-direction: row;
  align-items: flex-start;
  gap: 50px;
  display: flex;
}

.ReviewCard-module__K5rNvq__userInfo {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  display: flex;
}

.ReviewCard-module__K5rNvq__username {
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.ReviewCard-module__K5rNvq__date {
  color: #95959d;
  font-size: 12px;
  line-height: 1.3;
}

.ReviewCard-module__K5rNvq__reviewContent {
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  display: flex;
}

.ReviewCard-module__K5rNvq__stars {
  gap: 4px;
  display: flex;
}

.ReviewCard-module__K5rNvq__stars img {
  width: 14px;
  height: 14px;
}

.ReviewCard-module__K5rNvq__text {
  color: #1c1c1c;
  width: 550px;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.ReviewCard-module__K5rNvq__header, .ReviewCard-module__K5rNvq__meta, .ReviewCard-module__K5rNvq__body, .ReviewCard-module__K5rNvq__title, .ReviewCard-module__K5rNvq__avatar {
  display: none;
}


/* [project]/src/shared/ui/Pagination/Pagination.module.css [app-client] (css) */
.Pagination-module__C9pEYG__paginationControls {
  align-items: center;
  gap: 16px;
  display: flex;
}

.Pagination-module__C9pEYG__paginationArrow {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: opacity .2s;
  display: flex;
}

.Pagination-module__C9pEYG__paginationArrow:hover:not(.Pagination-module__C9pEYG__disabled) {
  opacity: .7;
}

.Pagination-module__C9pEYG__paginationArrow.Pagination-module__C9pEYG__disabled {
  opacity: .3;
  cursor: not-allowed;
}

.Pagination-module__C9pEYG__paginationPages {
  align-items: center;
  gap: 4px;
  display: flex;
}

.Pagination-module__C9pEYG__pageButton {
  width: 28px;
  height: 28px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.Pagination-module__C9pEYG__pageButton:hover:not(.Pagination-module__C9pEYG__disabled) {
  background: #f6f6f6;
}

.Pagination-module__C9pEYG__pageButton.Pagination-module__C9pEYG__pageActive {
  color: #fff !important;
  background: #fd6710 !important;
}

.Pagination-module__C9pEYG__pageButton.Pagination-module__C9pEYG__dots {
  cursor: default;
  background: none;
}

.Pagination-module__C9pEYG__pageButton.Pagination-module__C9pEYG__dots:hover {
  background: none;
}


/* [project]/src/shared/ui/ItemsPerPageSelector/ItemsPerPageSelector.module.css [app-client] (css) */
.ItemsPerPageSelector-module__zLv3lq__itemsPerPage {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.ItemsPerPageSelector-module__zLv3lq__itemsSelector {
  position: relative;
}

.ItemsPerPageSelector-module__zLv3lq__selectorButton {
  cursor: pointer;
  width: 84px;
  height: 40px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  background: #fff;
  border: none;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s;
  display: flex;
}

.ItemsPerPageSelector-module__zLv3lq__selectorButton:hover {
  background: #f6f6f6;
}

.ItemsPerPageSelector-module__zLv3lq__selectorButton img {
  transition: transform .2s;
}

.ItemsPerPageSelector-module__zLv3lq__open .ItemsPerPageSelector-module__zLv3lq__selectorButton img {
  transform: rotate(180deg);
}

.ItemsPerPageSelector-module__zLv3lq__dropdown {
  z-index: 10;
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
  right: 0;
  overflow: hidden;
}

.ItemsPerPageSelector-module__zLv3lq__option {
  text-align: left;
  width: 100%;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  background: none;
  border: none;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s;
  display: block;
}

.ItemsPerPageSelector-module__zLv3lq__option:hover {
  background: #f6f6f6;
}

.ItemsPerPageSelector-module__zLv3lq__option.ItemsPerPageSelector-module__zLv3lq__active {
  color: #fff;
  background: #fd6710;
}

.ItemsPerPageSelector-module__zLv3lq__option.ItemsPerPageSelector-module__zLv3lq__active:hover {
  background: #fd6710;
}


/* [project]/src/shared/ui/ImageViewer/ImageViewer.module.css [app-client] (css) */
.ImageViewer-module__mrE8tW__overlay {
  z-index: 1000;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.ImageViewer-module__mrE8tW__closeButton {
  cursor: pointer;
  z-index: 1001;
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  top: 40px;
  right: 40px;
}

.ImageViewer-module__mrE8tW__closeButton img {
  filter: brightness(0) invert();
}

.ImageViewer-module__mrE8tW__navButton {
  cursor: pointer;
  color: #fff;
  z-index: 1001;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  transition: background .2s, opacity .2s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.ImageViewer-module__mrE8tW__navButton:hover {
  background: #ffffff1f;
}

.ImageViewer-module__mrE8tW__navLeft {
  left: 32px;
}

.ImageViewer-module__mrE8tW__navRight {
  right: 32px;
}

.ImageViewer-module__mrE8tW__content {
  justify-content: center;
  align-items: center;
  width: 90vw;
  max-width: 1200px;
  height: 90vh;
  max-height: 800px;
  display: flex;
  position: relative;
}

.ImageViewer-module__mrE8tW__image {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
}


/* [project]/src/shared/ui/YandexMap/YandexMap.module.css [app-client] (css) */
.YandexMap-module__bv0EgG__mapContainer {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.YandexMap-module__bv0EgG__loadingState {
  background-color: #f5f5f5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.YandexMap-module__bv0EgG__customMarker {
  cursor: pointer;
  transform-origin: bottom;
  position: relative;
  transform: translate(-50%, -100%);
}

.YandexMap-module__bv0EgG__markerLabel {
  color: #333;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
  background-color: #fffffff2;
  border-radius: 4px;
  height: 25px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  bottom: 12px;
  left: 36px;
  box-shadow: 0 2px 4px #0000001a;
}


/* [project]/src/features/navigation/ui/TopNavigation/TopNavigation.module.css [app-client] (css) */
.TopNavigation-module__ou04TG__topNav {
  gap: 60px;
  display: flex;
}

.TopNavigation-module__ou04TG__navLink {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color .2s;
}

.TopNavigation-module__ou04TG__navLink:hover {
  color: #fea876;
}


/* [project]/src/features/navigation/ui/CategoryMenu/CategoryMenu.module.css [app-client] (css) */
.CategoryMenu-module__lHttOG__scrollContainer {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.CategoryMenu-module__lHttOG__categoriesContainer {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  align-items: center;
  gap: 40px;
  max-width: 100%;
  padding: 0;
  display: flex;
  overflow-x: auto;
}

.CategoryMenu-module__lHttOG__categoriesContainerCentered {
  flex: 1;
  justify-content: center;
  overflow-x: visible;
}

.CategoryMenu-module__lHttOG__categoriesContainer::-webkit-scrollbar {
  display: none;
}

.CategoryMenu-module__lHttOG__categoryItem {
  white-space: nowrap;
  border-radius: 8px;
  flex-shrink: 0;
  align-items: center;
  gap: 9px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.CategoryMenu-module__lHttOG__categoryItem:hover {
  background: none !important;
}

.CategoryMenu-module__lHttOG__categoryItemActive {
  background: #0003;
}

.CategoryMenu-module__lHttOG__icon {
  width: 24px;
  height: 24px;
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  background-color: #fff;
  transition: background-color .2s;
  display: inline-block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.CategoryMenu-module__lHttOG__categoryItem:hover .CategoryMenu-module__lHttOG__icon, .CategoryMenu-module__lHttOG__categoryItemActive .CategoryMenu-module__lHttOG__icon {
  background-color: #fea876 !important;
}

.CategoryMenu-module__lHttOG__categoryItem span {
  font-family: var(--font-roboto), sans-serif;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  transition: color .2s;
}

.CategoryMenu-module__lHttOG__categoryItem:hover span, .CategoryMenu-module__lHttOG__categoryItemActive span {
  color: #fea876 !important;
}

.CategoryMenu-module__lHttOG__scrollButton {
  z-index: 2;
  pointer-events: none;
  justify-content: flex-end;
  align-items: center;
  width: 187px;
  padding: 10px 20px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
}

.CategoryMenu-module__lHttOG__scrollButtonLeft {
  background: linear-gradient(90deg, #222324 25%, #0000 100%);
  justify-content: flex-start;
  left: 0;
}

.CategoryMenu-module__lHttOG__scrollButtonRight {
  background: linear-gradient(270deg, #222324 25%, #0000 100%);
  justify-content: flex-end;
  right: 0;
}

.CategoryMenu-module__lHttOG__scrollArrow {
  cursor: pointer;
  pointer-events: all;
  color: #fff;
  background: none;
  border: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .2s;
  display: flex;
}

.CategoryMenu-module__lHttOG__scrollArrow:hover {
  color: #fd8844;
  background: #ffffff1a;
}

.CategoryMenu-module__lHttOG__scrollArrow svg {
  width: 6px;
  height: 12px;
  transition: all .2s;
}

@media (width <= 1200px) {
  .CategoryMenu-module__lHttOG__categoriesContainer {
    gap: 32px;
  }

  .CategoryMenu-module__lHttOG__scrollButton {
    width: 150px;
    padding: 10px 15px;
  }
}

@media (width <= 768px) {
  .CategoryMenu-module__lHttOG__categoriesContainer {
    gap: 24px;
    padding: 0;
  }

  .CategoryMenu-module__lHttOG__categoryItem {
    padding: 3px 6px;
  }

  .CategoryMenu-module__lHttOG__icon {
    width: 20px;
    height: 20px;
  }

  .CategoryMenu-module__lHttOG__categoryItem span {
    font-size: 12px;
  }

  .CategoryMenu-module__lHttOG__scrollButton {
    display: none;
  }
}


/* [project]/src/features/navigation/ui/NavigationColumn/NavigationColumn.module.css [app-client] (css) */
.NavigationColumn-module__qLpY_a__column {
  flex-direction: column;
  gap: 16px;
  width: 261px;
  display: flex;
}

.NavigationColumn-module__qLpY_a__columnTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.NavigationColumn-module__qLpY_a__columnLinks {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.NavigationColumn-module__qLpY_a__link {
  font-family: var(--font-roboto), sans-serif;
  color: #fff;
  padding: 2px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color .2s;
}

.NavigationColumn-module__qLpY_a__link:hover {
  color: #fea876;
}

@media (width <= 1200px) {
  .NavigationColumn-module__qLpY_a__column {
    width: calc(50% - 20px);
  }
}

@media (width <= 768px) {
  .NavigationColumn-module__qLpY_a__column {
    width: 100%;
  }
}


/* [project]/src/widgets/Header/ui/Header.module.css [app-client] (css) */
.Header-module__a7JeLW__header {
  background: #fff;
  width: 100%;
}

.Header-module__a7JeLW__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}

.Header-module__a7JeLW__topSection {
  background: #fff;
}

.Header-module__a7JeLW__topSection .Header-module__a7JeLW__container {
  justify-content: space-between;
  align-items: center;
  padding: 24px 40px 20px;
  display: flex;
}

.Header-module__a7JeLW__topInfo {
  align-items: center;
  gap: 60px;
  display: flex;
}

.Header-module__a7JeLW__middleSection {
  background: #fff;
}

.Header-module__a7JeLW__middleSection .Header-module__a7JeLW__container {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0 40px 16px;
  display: flex;
}

.Header-module__a7JeLW__mainControls {
  align-items: center;
  gap: 8px;
  width: 1100px;
  height: 50px;
  display: flex;
}

.Header-module__a7JeLW__mainControls a {
  text-decoration: none;
}

.Header-module__a7JeLW__catalogDropdownWrapper {
  z-index: 100;
  display: inline-block;
  position: relative;
}

.Header-module__a7JeLW__catalogDropdownWrapper:focus {
  outline: none;
}

.Header-module__a7JeLW__catalogActiveBtn {
  color: #fff !important;
  background: #fd6710 !important;
}

.Header-module__a7JeLW__catalogActiveBtn img {
  filter: brightness(0) invert() !important;
}

.Header-module__a7JeLW__catalogActiveBtn img, .Header-module__a7JeLW__catalogBtnIcon {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
}

.Header-module__a7JeLW__bottomSection {
  background: #222324;
  height: 56px;
}

.Header-module__a7JeLW__bottomSection .Header-module__a7JeLW__container {
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0 40px;
  display: flex;
}

.Header-module__a7JeLW__mobileTopBar, .Header-module__a7JeLW__mobileSearch {
  display: none;
}

@media (width <= 1440px) {
  .Header-module__a7JeLW__container {
    padding: 0 20px;
  }

  .Header-module__a7JeLW__topSection .Header-module__a7JeLW__container, .Header-module__a7JeLW__middleSection .Header-module__a7JeLW__container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .Header-module__a7JeLW__bottomSection .Header-module__a7JeLW__container {
    padding: 0 20px;
  }
}

@media (width <= 1200px) {
  .Header-module__a7JeLW__topInfo {
    gap: 40px;
  }

  .Header-module__a7JeLW__mainControls {
    width: auto;
  }
}

@media (width <= 768px) {
  .Header-module__a7JeLW__middleSection .Header-module__a7JeLW__container, .Header-module__a7JeLW__topSection {
    display: none;
  }

  .Header-module__a7JeLW__mobileTopBar {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 16px;
    display: flex;
    position: relative;
  }

  .Header-module__a7JeLW__mobileLeft, .Header-module__a7JeLW__mobileCenter, .Header-module__a7JeLW__mobileRight {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .Header-module__a7JeLW__mobileRight {
    gap: 16px;
  }

  .Header-module__a7JeLW__mobileCenter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .Header-module__a7JeLW__mobileTopBar .Header-module__a7JeLW__catalogDropdownWrapper button {
    font-size: 0;
    background: none !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
  }

  .Header-module__a7JeLW__mobileTopBar .Header-module__a7JeLW__catalogDropdownWrapper button img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 0 !important;
  }

  .Header-module__a7JeLW__mobileSearch {
    padding: 0 8px 8px;
    display: block;
  }

  .Header-module__a7JeLW__topSection .Header-module__a7JeLW__container, .Header-module__a7JeLW__middleSection .Header-module__a7JeLW__container {
    flex-direction: column;
    gap: 16px;
  }

  .Header-module__a7JeLW__mainControls {
    flex-direction: column;
    width: 100%;
  }

  .Header-module__a7JeLW__topInfo {
    flex-direction: column;
    gap: 16px;
  }

  .Header-module__a7JeLW__bottomSection .Header-module__a7JeLW__container {
    padding: 0 20px;
  }
}


/* [project]/src/features/search/ui/SearchBarWithAutocomplete/SearchBarWithAutocomplete.module.css [app-client] (css) */
.SearchBarWithAutocomplete-module__h6yzda__searchContainer {
  background: #f6f6f6;
  border-radius: 10px;
  flex: 1;
  align-items: center;
  max-width: 730px;
  height: 50px;
  padding: 0;
  display: flex;
  position: relative;
}

.SearchBarWithAutocomplete-module__h6yzda__inputWrapper {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.SearchBarWithAutocomplete-module__h6yzda__searchInput {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.SearchBarWithAutocomplete-module__h6yzda__searchInput::placeholder {
  color: #afafb5;
}

.SearchBarWithAutocomplete-module__h6yzda__searchButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0 10px 10px 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  transition: background-color .2s;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__searchButton:hover {
  background: #eee;
}

.SearchBarWithAutocomplete-module__h6yzda__searchButton img {
  width: 16px;
  height: 16px;
}

.SearchBarWithAutocomplete-module__h6yzda__dropdown {
  z-index: 1000;
  transform-origin: top;
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 10px;
  margin-top: 4px;
  padding: 16px;
  animation: .2s ease-out SearchBarWithAutocomplete-module__h6yzda__dropdownFadeIn;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.SearchBarWithAutocomplete-module__h6yzda__scopeBar {
  background: none;
  border-radius: 0;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding: 0;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__scopeTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 13px;
  font-weight: 500;
}

.SearchBarWithAutocomplete-module__h6yzda__scopeCar {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 13px;
  font-weight: 500;
}

.SearchBarWithAutocomplete-module__h6yzda__scopeCloseButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-left: 6px;
  padding: 0;
  transition: opacity .2s;
  display: inline-flex;
}

.SearchBarWithAutocomplete-module__h6yzda__scopeCloseButton img {
  opacity: 1;
  width: 16px;
  height: 16px;
}

.SearchBarWithAutocomplete-module__h6yzda__dropdownContent {
  gap: 20px;
  flex-direction: row !important;
  align-items: flex-start !important;
  display: flex !important;
}

.SearchBarWithAutocomplete-module__h6yzda__leftColumn {
  gap: 16px;
  padding: 8px 0;
  flex-direction: column !important;
  flex-shrink: 0 !important;
  width: 180px !important;
  display: flex !important;
}

.SearchBarWithAutocomplete-module__h6yzda__sectionTitle {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.SearchBarWithAutocomplete-module__h6yzda__categoriesList {
  flex-direction: column !important;
  display: flex !important;
}

.SearchBarWithAutocomplete-module__h6yzda__searchResultCategoryItem {
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__searchResultCategoryItem:hover, .SearchBarWithAutocomplete-module__h6yzda__searchResultCategoryItem.SearchBarWithAutocomplete-module__h6yzda__selected {
  background: #ffefe6;
}

.SearchBarWithAutocomplete-module__h6yzda__searchResultCategoryItem:hover .SearchBarWithAutocomplete-module__h6yzda__searchResultCategoryName {
  color: #fd6710;
  font-weight: 500;
}

.SearchBarWithAutocomplete-module__h6yzda__searchResultCategoryIcon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.SearchBarWithAutocomplete-module__h6yzda__searchResultCategoryName {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}

.SearchBarWithAutocomplete-module__h6yzda__rightColumn {
  flex-direction: column;
  flex: 1;
  gap: 20px;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__productsList {
  flex-direction: column;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__moreButton {
  align-self: stretch;
  gap: 10px;
  padding: 0 16px;
}

.SearchBarWithAutocomplete-module__h6yzda__moreButton button {
  cursor: pointer;
  width: 40%;
  height: 40px;
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: #fd6710;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

@keyframes SearchBarWithAutocomplete-module__h6yzda__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px)scaleY(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scaleY(1);
  }
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem {
  cursor: pointer;
  border-bottom: 1px solid #f6f6f6;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  transition: background-color .2s;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:last-child {
  border-bottom: none;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:hover, .SearchBarWithAutocomplete-module__h6yzda__suggestionItemSelected {
  background: #ffefe6;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionContent {
  flex: 1;
  align-items: center;
  gap: 16px;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__productImage {
  border-radius: 6px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.SearchBarWithAutocomplete-module__h6yzda__productImage img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionTitle {
  font-family: var(--font-roboto), sans-serif;
  color: inherit;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  word-break: break-word;
  -webkit-box-orient: vertical;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionTitle b {
  font-weight: 700;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:hover .SearchBarWithAutocomplete-module__h6yzda__suggestionTitle b, .SearchBarWithAutocomplete-module__h6yzda__suggestionItemSelected .SearchBarWithAutocomplete-module__h6yzda__suggestionTitle b {
  font-weight: 700;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionArticle {
  font-family: var(--font-roboto), sans-serif;
  color: inherit;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.SearchBarWithAutocomplete-module__h6yzda__loadingItem, .SearchBarWithAutocomplete-module__h6yzda__noResultsItem {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__separator {
  background: #e5e5e6;
  height: 1px;
  margin: 8px 0;
}

.SearchBarWithAutocomplete-module__h6yzda__categoryItem {
  display: block;
}

.SearchBarWithAutocomplete-module__h6yzda__categoryIcon {
  background: #f6f6f6;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__categoryIcon img {
  opacity: .6;
  width: 16px;
  height: 16px;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:hover .SearchBarWithAutocomplete-module__h6yzda__categoryIcon, .SearchBarWithAutocomplete-module__h6yzda__suggestionItemSelected .SearchBarWithAutocomplete-module__h6yzda__categoryIcon {
  background: #fff3;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:hover .SearchBarWithAutocomplete-module__h6yzda__categoryIcon img, .SearchBarWithAutocomplete-module__h6yzda__suggestionItemSelected .SearchBarWithAutocomplete-module__h6yzda__categoryIcon img {
  opacity: 1;
  filter: brightness(0) invert();
}

.SearchBarWithAutocomplete-module__h6yzda__categoryLabel {
  font-family: var(--font-roboto), sans-serif;
  color: #95959d;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:hover .SearchBarWithAutocomplete-module__h6yzda__categoryLabel, .SearchBarWithAutocomplete-module__h6yzda__suggestionItemSelected .SearchBarWithAutocomplete-module__h6yzda__categoryLabel {
  color: #fffc;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionTextItem {
  display: block;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionIcon {
  background: #f6f6f6;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionIcon img {
  opacity: .6;
  width: 14px;
  height: 14px;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:hover .SearchBarWithAutocomplete-module__h6yzda__suggestionIcon, .SearchBarWithAutocomplete-module__h6yzda__suggestionItemSelected .SearchBarWithAutocomplete-module__h6yzda__suggestionIcon {
  background: #fff3;
}

.SearchBarWithAutocomplete-module__h6yzda__suggestionItem:hover .SearchBarWithAutocomplete-module__h6yzda__suggestionIcon img, .SearchBarWithAutocomplete-module__h6yzda__suggestionItemSelected .SearchBarWithAutocomplete-module__h6yzda__suggestionIcon img {
  opacity: 1;
  filter: brightness(0) invert();
}


/* [project]/src/features/search/ui/SearchBar/SearchBar.module.css [app-client] (css) */
.SearchBar-module__NupN2G__searchContainer {
  background: #f6f6f6;
  border-radius: 10px;
  flex: 1;
  align-items: center;
  max-width: 730px;
  height: 50px;
  padding: 0;
  display: flex;
}

.SearchBar-module__NupN2G__searchButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0 10px 10px 0;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  transition: background-color .2s;
  display: flex;
}

.SearchBar-module__NupN2G__searchButton:hover {
  background: #eee;
}

.SearchBar-module__NupN2G__searchButton img {
  width: 16px;
  height: 16px;
}


/* [project]/src/features/profile/ui/LogoutConfirmationModal/LogoutConfirmationModal.module.css [app-client] (css) */
.LogoutConfirmationModal-module__cOr_FG__modal {
  width: auto !important;
  max-width: 440px !important;
}

.LogoutConfirmationModal-module__cOr_FG__container {
  background: #fff;
  border: 1px solid #e5e5e6;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 440px;
  max-width: 90vw;
  padding: 40px;
  display: flex;
}

.LogoutConfirmationModal-module__cOr_FG__content {
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.LogoutConfirmationModal-module__cOr_FG__title {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  text-align: center;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.LogoutConfirmationModal-module__cOr_FG__buttons {
  justify-content: stretch;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  display: flex;
}

.LogoutConfirmationModal-module__cOr_FG__cancelButton, .LogoutConfirmationModal-module__cOr_FG__confirmButton {
  height: 50px;
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  border-radius: 10px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.LogoutConfirmationModal-module__cOr_FG__cancelButton {
  color: #222324;
  background: none;
  border: 1.5px solid #fd6710;
}

.LogoutConfirmationModal-module__cOr_FG__cancelButton:hover {
  background: #fd67101a;
}

.LogoutConfirmationModal-module__cOr_FG__confirmButton {
  color: #fff;
  background: #fd6710;
  border: none;
}

.LogoutConfirmationModal-module__cOr_FG__confirmButton:hover {
  background: #e55a0a;
}

@media (width <= 768px) {
  .LogoutConfirmationModal-module__cOr_FG__container {
    gap: 20px;
    width: 100%;
    padding: 24px;
  }

  .LogoutConfirmationModal-module__cOr_FG__buttons {
    flex-direction: column;
    gap: 12px;
  }

  .LogoutConfirmationModal-module__cOr_FG__title {
    font-size: 20px;
  }
}


/* [project]/src/features/user/ui/ProfileDropdown/ProfileDropdown.module.css [app-client] (css) */
.ProfileDropdown-module__0rbH8a__dropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #ececee;
  border-radius: 10px;
  width: 220px;
  margin-top: 8px;
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
}

.ProfileDropdown-module__0rbH8a__tab {
  cursor: pointer;
  width: 100%;
  height: 44px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition: all .2s;
  display: flex;
}

.ProfileDropdown-module__0rbH8a__tab:hover {
  background: #ffefe6;
}

.ProfileDropdown-module__0rbH8a__tab.ProfileDropdown-module__0rbH8a__active {
  color: #fd6710;
  background: #ffefe6;
}

.ProfileDropdown-module__0rbH8a__tabIcon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.ProfileDropdown-module__0rbH8a__tabLabel {
  text-align: left;
  flex: 1;
}

.ProfileDropdown-module__0rbH8a__chevron {
  filter: brightness(0) saturate() invert(56%) sepia(7%) saturate(12%) hue-rotate(314deg) brightness(95%) contrast(89%);
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: transform .2s;
}

.ProfileDropdown-module__0rbH8a__chevronUp {
  transform: rotate(180deg);
}

.ProfileDropdown-module__0rbH8a__subTabs {
  background: #f8f8f8;
  padding: 8px 0;
}

.ProfileDropdown-module__0rbH8a__subTab {
  cursor: pointer;
  width: 100%;
  height: 36px;
  font-family: var(--font-roboto), sans-serif;
  color: #666;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  padding: 8px 16px 8px 52px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  transition: all .2s;
  display: flex;
}

.ProfileDropdown-module__0rbH8a__subTab:hover {
  color: #222324;
  background: #ffefe6;
}

.ProfileDropdown-module__0rbH8a__subTabLabel {
  text-align: left;
}


/* [project]/src/features/user/ui/UserActions/UserActions.module.css [app-client] (css) */
.UserActions-module__xJTXhG__userActions {
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  width: 96px;
  display: flex;
}

.UserActions-module__xJTXhG__profileWrapper {
  display: inline-block;
  position: relative;
}

.UserActions-module__xJTXhG__deliveryButton, .UserActions-module__xJTXhG__loginButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.UserActions-module__xJTXhG__deliveryButton:hover, .UserActions-module__xJTXhG__loginButton:hover {
  background: #f6f6f6;
}

.UserActions-module__xJTXhG__loginButton.UserActions-module__xJTXhG__active {
  background: #ffefe6;
}

.UserActions-module__xJTXhG__deliveryButton img, .UserActions-module__xJTXhG__loginButton img {
  width: 24px;
  height: 24px;
}

@media (width <= 768px) {
  .UserActions-module__xJTXhG__deliveryButton {
    display: none;
  }
}


/* [project]/src/features/navigation/ui/CatalogDropdown/CatalogDropdown.module.css [app-client] (css) */
.CatalogDropdown-module__ILiAWq__dropdown {
  z-index: 1000;
  background: #fff;
  border: 1px solid #ececee;
  border-radius: 16px;
  width: 1000px;
  height: 600px;
  padding: 40px 40px 40px 20px;
  display: flex;
  position: absolute;
  top: 60px;
  left: 0;
  overflow: hidden;
}

.CatalogDropdown-module__ILiAWq__left {
  background: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 265px;
  padding: 8px 0;
  display: flex;
  overflow-y: auto;
}

.CatalogDropdown-module__ILiAWq__categoryBtn {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  height: 50px;
  padding: 12px 16px 12px 24px;
  font-size: 16px;
  transition: background .15s, color .15s, font-weight .15s;
  display: flex;
}

.CatalogDropdown-module__ILiAWq__categoryBtn:hover, .CatalogDropdown-module__ILiAWq__active {
  color: #fd6710;
  background: #ffefe6;
  font-weight: 600;
}

.CatalogDropdown-module__ILiAWq__iconPlaceholder {
  background: none;
  border: 1.5px solid #cacace;
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 0;
  display: inline-block;
}

.CatalogDropdown-module__ILiAWq__active .CatalogDropdown-module__ILiAWq__iconPlaceholder, .CatalogDropdown-module__ILiAWq__categoryBtn:hover .CatalogDropdown-module__ILiAWq__iconPlaceholder {
  border-color: #fd6710;
}

.CatalogDropdown-module__ILiAWq__categoryText {
  font-family: var(--font-roboto), sans-serif;
  color: inherit;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: 500;
}

.CatalogDropdown-module__ILiAWq__icon {
  object-fit: contain;
  width: 32px;
  height: 32px;
}

.CatalogDropdown-module__ILiAWq__right {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  padding-left: 40px;
  display: flex;
  overflow: hidden;
}

.CatalogDropdown-module__ILiAWq__subTitle {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  flex-shrink: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
}

.CatalogDropdown-module__ILiAWq__subList {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 24px;
  height: 100%;
  margin-top: 40px;
  padding-right: 10px;
  display: grid;
  overflow-y: auto;
}

.CatalogDropdown-module__ILiAWq__subBtn {
  min-width: 180px;
  height: 40px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 400;
  transition: background .15s, color .15s, font-weight .15s;
  display: flex;
}

.CatalogDropdown-module__ILiAWq__subBtn:hover {
  color: #fd6710;
  background: none;
  font-weight: 500;
}

.CatalogDropdown-module__ILiAWq__groupedSubList {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 24px;
  height: 100%;
  margin-top: 40px;
  padding-right: 10px;
  display: grid;
  overflow-y: auto;
}

.CatalogDropdown-module__ILiAWq__sectionGroup {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.CatalogDropdown-module__ILiAWq__sectionBtn {
  min-width: 180px;
  height: 42px;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 0;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  transition: background .15s, color .15s, font-weight .15s;
  display: flex;
}

.CatalogDropdown-module__ILiAWq__sectionBtn:hover {
  color: #fd6710;
  background: none;
  font-weight: 600;
}

.CatalogDropdown-module__ILiAWq__subItemsList {
  flex-direction: column;
  gap: 4px;
  padding-left: 0;
  display: flex;
}

.CatalogDropdown-module__ILiAWq__subItemsList .CatalogDropdown-module__ILiAWq__subBtn {
  color: #666;
  min-width: 180px;
  height: auto;
  min-height: 38px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  font-family: var(--font-roboto), sans-serif;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 18px;
  transition: background .15s, color .15s, font-weight .15s;
  display: flex;
}

.CatalogDropdown-module__ILiAWq__subItemsList .CatalogDropdown-module__ILiAWq__subBtn:hover {
  color: #fd6710;
  font-weight: 400;
}

.CatalogDropdown-module__ILiAWq__showAllBtn {
  color: #222324;
  min-width: 180px;
  height: auto;
  min-height: 38px;
  line-height: 1.4;
  font-family: var(--font-roboto), sans-serif;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline;
  transition: background .15s, color .15s, font-weight .15s;
  display: flex;
}

.CatalogDropdown-module__ILiAWq__showAllBtn:hover {
  color: #fd6710;
  font-weight: 400;
}

.CatalogDropdown-module__ILiAWq__subList::-webkit-scrollbar, .CatalogDropdown-module__ILiAWq__groupedSubList::-webkit-scrollbar, .CatalogDropdown-module__ILiAWq__left::-webkit-scrollbar {
  width: 4px;
}

.CatalogDropdown-module__ILiAWq__subList::-webkit-scrollbar-track, .CatalogDropdown-module__ILiAWq__groupedSubList::-webkit-scrollbar-track, .CatalogDropdown-module__ILiAWq__left::-webkit-scrollbar-track {
  background: none;
}

.CatalogDropdown-module__ILiAWq__subList::-webkit-scrollbar-thumb, .CatalogDropdown-module__ILiAWq__groupedSubList::-webkit-scrollbar-thumb, .CatalogDropdown-module__ILiAWq__left::-webkit-scrollbar-thumb {
  background: #e5e5e6;
  border-radius: 2px;
}

.CatalogDropdown-module__ILiAWq__subList::-webkit-scrollbar-thumb:hover, .CatalogDropdown-module__ILiAWq__groupedSubList::-webkit-scrollbar-thumb:hover, .CatalogDropdown-module__ILiAWq__left::-webkit-scrollbar-thumb:hover {
  background: #cacace;
}


/* [project]/src/features/auth/components/CodeVerificationModal/CodeVerificationModal.module.css [app-client] (css) */
.CodeVerificationModal-module__qO1tsa__container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
  width: 500px;
  padding: 40px;
  display: flex;
}

.CodeVerificationModal-module__qO1tsa__title {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  text-align: left;
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.CodeVerificationModal-module__qO1tsa__form {
  flex-direction: column;
  gap: 28px;
  width: 100%;
  display: flex;
}

.CodeVerificationModal-module__qO1tsa__content {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex;
}

.CodeVerificationModal-module__qO1tsa__description {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.CodeVerificationModal-module__qO1tsa__inputGroup {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
}

.CodeVerificationModal-module__qO1tsa__label {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.CodeVerificationModal-module__qO1tsa__inputContainer {
  background: #f6f6f6;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 16px;
  display: flex;
  position: relative;
}

.CodeVerificationModal-module__qO1tsa__input {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  letter-spacing: 4px;
  text-align: center;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.CodeVerificationModal-module__qO1tsa__input::placeholder {
  color: #95959d;
  letter-spacing: 4px;
}

.CodeVerificationModal-module__qO1tsa__timer {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.CodeVerificationModal-module__qO1tsa__footer {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.CodeVerificationModal-module__qO1tsa__submitButton {
  cursor: pointer;
  background: #fd6710;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 50px;
  padding: 10px 20px;
  display: flex;
}

.CodeVerificationModal-module__qO1tsa__submitButton:hover {
  background: #e55a0e;
}

.CodeVerificationModal-module__qO1tsa__submitButton:disabled {
  cursor: not-allowed;
  background: #cacace;
}

.CodeVerificationModal-module__qO1tsa__submitButtonText {
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.CodeVerificationModal-module__qO1tsa__resendSection {
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.CodeVerificationModal-module__qO1tsa__resendText {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.CodeVerificationModal-module__qO1tsa__resendButton {
  font-family: var(--font-roboto), sans-serif;
  color: #fd6710;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.CodeVerificationModal-module__qO1tsa__resendButton:hover:not(:disabled) {
  text-decoration: underline;
}

.CodeVerificationModal-module__qO1tsa__resendButton:disabled {
  color: #95959d;
  cursor: not-allowed;
}

.CodeVerificationModal-module__qO1tsa__error {
  font-family: var(--font-roboto), sans-serif;
  color: #e53e3e;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

@media (width <= 767px) {
  .CodeVerificationModal-module__qO1tsa__container {
    align-items: stretch;
    width: 100%;
    height: 100%;
    padding: 24px 16px;
  }

  .CodeVerificationModal-module__qO1tsa__title {
    font-size: 22px;
  }

  .CodeVerificationModal-module__qO1tsa__form {
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .CodeVerificationModal-module__qO1tsa__footer {
    background: #fff;
    margin-top: auto;
  }
}


/* [project]/src/features/auth/components/CodeForm/CodeForm.module.css [app-client] (css) */
.CodeForm-module__L-yd8q__form {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex;
}

@media (width <= 767px) {
  .CodeForm-module__L-yd8q__form {
    min-height: calc(100vh - 160px);
    position: relative;
  }
}


/* [project]/src/features/auth/components/PasswordForm/PasswordForm.module.css [app-client] (css) */
.PasswordForm-module__0yZqCa__form {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex;
}

.PasswordForm-module__0yZqCa__passwordFormContent {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.PasswordForm-module__0yZqCa__passwordFormTitle {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.PasswordForm-module__0yZqCa__passwordInputSection {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.PasswordForm-module__0yZqCa__inputGroup {
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
}

.PasswordForm-module__0yZqCa__divider {
  margin: 0 !important;
}

.PasswordForm-module__0yZqCa__label {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.PasswordForm-module__0yZqCa__inputContainer {
  background: var(--color-background);
  border-radius: var(--border-radius-medium);
  width: 100%;
  height: var(--height-input);
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  display: flex;
  position: relative;
}

.PasswordForm-module__0yZqCa__input {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-text-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.PasswordForm-module__0yZqCa__input::placeholder {
  color: var(--color-text-muted);
}

.PasswordForm-module__0yZqCa__eyeButton {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  display: flex;
  position: absolute;
  right: 16px;
}

.PasswordForm-module__0yZqCa__eyeButton:hover {
  opacity: .7;
}

.PasswordForm-module__0yZqCa__forgotPasswordLink {
  font-family: var(--font-roboto), sans-serif;
  color: var(--color-primary);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: underline;
}

.PasswordForm-module__0yZqCa__forgotPasswordLink:hover {
  text-decoration: none;
}

.PasswordForm-module__0yZqCa__vkButton {
  width: 100%;
  height: var(--height-input);
  color: var(--color-text-primary);
  border-radius: var(--border-radius-medium);
  font-family: var(--font-roboto), sans-serif;
  cursor: pointer;
  background: #f6f6f6;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.PasswordForm-module__0yZqCa__vkIcon {
  width: 30px;
  height: 19px;
}

.PasswordForm-module__0yZqCa__error {
  font-family: var(--font-roboto), sans-serif;
  color: #f44;
  height: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  transition: height .2s, padding .2s;
  overflow: hidden;
}

.PasswordForm-module__0yZqCa__error.PasswordForm-module__0yZqCa__show {
  height: 16px;
  padding-top: 2px;
}

@media (width <= 767px) {
  .PasswordForm-module__0yZqCa__form {
    min-height: calc(100vh - 160px);
    position: relative;
  }
}


/* [project]/src/features/auth/ui/AuthModal/AuthModal.module.css [app-client] (css) */
.AuthModal-module__L4xf4a__container {
  flex-direction: column;
  align-items: center;
  gap: 28px;
  padding: 40px;
  display: flex;
}

.AuthModal-module__L4xf4a__title {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.AuthModal-module__L4xf4a__content {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

@media (width <= 767px) {
  .AuthModal-module__L4xf4a__container {
    align-items: stretch;
    padding: 24px 16px;
  }

  .AuthModal-module__L4xf4a__title {
    font-size: 22px;
  }
}


/* [project]/src/features/location/ui/CityModal/CityModal.module.css [app-client] (css) */
.CityModal-module__xuyUJG__overlay {
  z-index: 1000;
  background: #00000080;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.CityModal-module__xuyUJG__modal {
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  width: 500px;
  padding: 40px;
  display: flex;
}

.CityModal-module__xuyUJG__title {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  text-align: center;
  width: 100%;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.CityModal-module__xuyUJG__description {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-align: center;
  width: 100%;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.CityModal-module__xuyUJG__actions {
  flex-direction: row;
  justify-content: stretch;
  align-self: stretch;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  display: flex;
}

.CityModal-module__xuyUJG__changeButton, .CityModal-module__xuyUJG__confirmButton {
  height: 50px;
  font-family: var(--font-roboto), sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 10px;
  flex: 1;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: all .2s;
}

.CityModal-module__xuyUJG__changeButton {
  color: #222324;
  background: #fff;
  border: 1.5px solid #fd6710;
}

.CityModal-module__xuyUJG__changeButton:hover {
  background: #fff8f5;
}

.CityModal-module__xuyUJG__confirmButton {
  color: #fff;
  background: #fd6710;
  border: 1.5px solid #fd6710;
}

.CityModal-module__xuyUJG__confirmButton:hover {
  background: #e55a0e;
  border-color: #e55a0e;
}

@media (width <= 768px) {
  .CityModal-module__xuyUJG__modal {
    gap: 20px;
    width: 90%;
    max-width: 400px;
    padding: 30px 20px;
  }

  .CityModal-module__xuyUJG__title {
    font-size: 20px;
  }

  .CityModal-module__xuyUJG__description {
    font-size: 14px;
  }

  .CityModal-module__xuyUJG__actions {
    flex-direction: column;
    gap: 12px;
  }
}


/* [project]/src/features/location/ui/CitySelectionModal/CitySelectionModal.module.css [app-client] (css) */
.CitySelectionModal-module__pcWSba__modal {
  width: 500px !important;
  height: 465px !important;
  max-height: 465px !important;
}

.CitySelectionModal-module__pcWSba__container {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  height: 100%;
  padding: 40px;
  display: flex;
}

.CitySelectionModal-module__pcWSba__title {
  font-family: var(--font-oswald), sans-serif;
  color: #222324;
  text-align: left;
  align-self: flex-start;
  width: 100%;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.CitySelectionModal-module__pcWSba__searchContainer {
  background: #f6f6f6;
  border: 1px solid #0000;
  border-radius: 10px;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 16px;
  transition: border-color .2s;
  display: flex;
}

.CitySelectionModal-module__pcWSba__searchContainer.CitySelectionModal-module__pcWSba__focused {
  border-color: #fea876;
}

.CitySelectionModal-module__pcWSba__searchIcon {
  opacity: .6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: all .2s;
}

.CitySelectionModal-module__pcWSba__searchContainer.CitySelectionModal-module__pcWSba__focused .CitySelectionModal-module__pcWSba__searchIcon {
  opacity: 1;
  filter: brightness(0) saturate() invert(50%) sepia(80%) saturate(500%) hue-rotate(345deg) brightness(95%) contrast(105%);
}

.CitySelectionModal-module__pcWSba__searchInput {
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.CitySelectionModal-module__pcWSba__searchInput::placeholder {
  color: #afafb5;
}

.CitySelectionModal-module__pcWSba__citiesList {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-height: 300px;
  display: flex;
  overflow-y: auto;
}

.CitySelectionModal-module__pcWSba__cityItem {
  cursor: pointer;
  font-family: var(--font-roboto), sans-serif;
  color: #222324;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 1px solid #fff3;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  transition: background-color .2s;
  display: flex;
}

.CitySelectionModal-module__pcWSba__cityItem:hover {
  background: #f6f6f6;
  border-radius: 8px;
}

.CitySelectionModal-module__pcWSba__cityItem:last-child {
  border-bottom: none;
}

.CitySelectionModal-module__pcWSba__loadingState, .CitySelectionModal-module__pcWSba__emptyState {
  font-family: var(--font-roboto), sans-serif;
  color: #afafb5;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

@media (width <= 768px) {
  .CitySelectionModal-module__pcWSba__modal {
    width: 90% !important;
    max-width: 400px !important;
    height: 90vh !important;
    max-height: 90vh !important;
  }

  .CitySelectionModal-module__pcWSba__container {
    gap: 20px;
    padding: 30px 20px;
  }

  .CitySelectionModal-module__pcWSba__title {
    font-size: 20px;
  }

  .CitySelectionModal-module__pcWSba__searchContainer {
    padding: 12px;
  }

  .CitySelectionModal-module__pcWSba__citiesList {
    max-height: 250px;
  }
}


/* [project]/src/widgets/Footer/ui/Footer.module.css [app-client] (css) */
.Footer-module__6DXnca__footer {
  color: #fff;
  font-family: var(--font-roboto), sans-serif;
  background-color: #222324;
}

.Footer-module__6DXnca__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}

.Footer-module__6DXnca__mainSection {
  padding: 40px 0;
}

.Footer-module__6DXnca__mainSection .Footer-module__6DXnca__container {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.Footer-module__6DXnca__logoSection {
  align-items: flex-start;
  width: 365px;
  display: flex;
}

.Footer-module__6DXnca__logo {
  display: block;
}

.Footer-module__6DXnca__logo img {
  object-fit: contain;
  width: 124px;
  height: 28px;
}

.Footer-module__6DXnca__storesSection {
  flex-direction: column;
  flex: 1;
  gap: 24px;
  display: flex;
}

.Footer-module__6DXnca__bottomSection {
  border-top: 1px solid #313235;
  padding: 20px 0;
}

.Footer-module__6DXnca__bottomContent {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.Footer-module__6DXnca__copyright {
  font-family: var(--font-roboto), sans-serif;
  color: #7b7b84;
  width: 385px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.Footer-module__6DXnca__bottomLinks {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  display: flex;
}

.Footer-module__6DXnca__bottomLink {
  font-family: var(--font-roboto), sans-serif;
  color: #7b7b84;
  width: 261px;
  padding: 2px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color .2s;
}

.Footer-module__6DXnca__bottomLink:hover {
  color: #fff;
}

@media (width <= 1200px) {
  .Footer-module__6DXnca__container {
    padding: 0 20px;
  }

  .Footer-module__6DXnca__mainSection .Footer-module__6DXnca__container {
    flex-wrap: wrap;
    gap: 30px;
  }

  .Footer-module__6DXnca__logoSection {
    width: auto;
  }

  .Footer-module__6DXnca__storesSection {
    width: 100%;
  }
}

@media (width <= 768px) {
  .Footer-module__6DXnca__container {
    padding: 0 12px;
  }

  .Footer-module__6DXnca__mainSection {
    padding: 20px 0;
  }

  .Footer-module__6DXnca__mainSection .Footer-module__6DXnca__container {
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
    display: grid;
  }

  .Footer-module__6DXnca__logoSection, .Footer-module__6DXnca__storesSection {
    grid-column: 1 / -1;
    width: 100%;
  }

  .Footer-module__6DXnca__logoSection {
    border-bottom: 1px solid #313235;
    padding-bottom: 20px;
  }

  .Footer-module__6DXnca__storesSection {
    border-top: 1px solid #313235;
    padding-top: 20px;
  }

  .Footer-module__6DXnca__logo img {
    width: 106px;
    height: 24px;
  }

  .Footer-module__6DXnca__bottomContent {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0 20px;
    display: grid;
  }

  .Footer-module__6DXnca__bottomLinks {
    display: contents;
  }

  .Footer-module__6DXnca__bottomLinks .Footer-module__6DXnca__bottomLink:first-child {
    grid-area: 1 / 1;
    margin: 0 0 10px;
  }

  .Footer-module__6DXnca__bottomLinks .Footer-module__6DXnca__bottomLink:nth-child(2) {
    grid-area: 2 / 1;
    margin: 0 0 30px;
  }

  .Footer-module__6DXnca__copyright {
    grid-area: 3 / 1;
    width: auto;
  }

  .Footer-module__6DXnca__bottomLinks > :last-child {
    grid-area: 3 / 2;
    justify-self: end;
  }

  .Footer-module__6DXnca__bottomLink {
    width: auto;
  }
}


/* [project]/src/widgets/Breadcrumbs/ui/GlobalBreadcrumbs.module.css [app-client] (css) */
.GlobalBreadcrumbs-module__lrP7bW__container {
  max-width: 1360px;
  margin: 30px auto 0;
}

@media (width <= 1200px) {
  .GlobalBreadcrumbs-module__lrP7bW__container {
    margin-bottom: 30px;
  }
}

@media (width <= 768px) {
  .GlobalBreadcrumbs-module__lrP7bW__container {
    margin-bottom: 24px;
  }
}


/* [project]/src/app/layout.module.css [app-client] (css) */
.layout-module__L5FxyW__mainContent {
  flex-grow: 1;
}


/* [project]/src/app/globals.css [app-client] (css) */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

input:focus, input:active, textarea:focus, textarea:active, select:focus, select:active {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #afafb5;
}

input:-moz-placeholder-shown, textarea:-moz-placeholder-shown {
  color: #afafb5;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #afafb5;
}

input:-ms-placeholder-shown, textarea:-ms-placeholder-shown {
  color: #afafb5;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #222324 !important;
  border: none !important;
  outline: none !important;
}

input::-moz-focus-inner, button::-moz-focus-inner {
  border: 0 !important;
  outline: none !important;
}

::selection {
  background: #fd671033;
}

::selection {
  background: #fd671033;
}

:root {
  --color-text-primary: #222324;
  --color-text-secondary: #7b7b84;
  --color-text-muted: #95959d;
  --color-text-light: #cacace;
  --color-white: #fff;
  --color-background: #f6f6f6;
  --color-background-hover: #eee;
  --color-background-dark: #e8e8e9;
  --color-border: #e5e5e6;
  --color-border-light: #ececee;
  --color-border-muted: #dedede;
  --color-primary: #fd6710;
  --color-primary-hover: #e55a0d;
  --color-primary-light: #fff8f5;
  --color-success: #29c175;
  --color-error: #f44;
  --color-warning: #fd8844;
  --container-max-width: 1440px;
  --container-padding: 40px;
  --container-padding-mobile: 20px;
  --border-radius-small: 6px;
  --border-radius-medium: 10px;
  --border-radius-large: 12px;
  --border-radius-round: 50%;
  --height-input: 50px;
  --height-input-large: 56px;
  --height-button: 50px;
  --shadow-small: 0 4px 12px #0000001a;
  --shadow-medium: 0 8px 32px #0000001a;
  --shadow-large: 0 20px 40px #00000026;
}

html, body {
  height: 100%;
  font-family: var(--font-roboto), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  flex-direction: column;
  display: flex;
  overflow-x: hidden;
}

.container {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.auth-button {
  background: var(--color-white);
  color: #333;
  border-radius: var(--border-radius-large);
  cursor: pointer;
  min-width: 200px;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--font-roboto);
  border: none;
  padding: 16px 32px;
  transition: all .3s;
}

.auth-button:hover {
  background: #f8f9fa;
  transform: translateY(-2px);
}

.auth-button:active {
  transform: translateY(0);
}


/*# sourceMappingURL=%5Broot-of-the-server%5D__231d6161._.css.map*/