/* Minification failed. Returning unminified contents. (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (43,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (44,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (57,31): run-time error CSS1039: Token not allowed after unary operator: '-footer-h' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,22): run-time error CSS1039: Token not allowed after unary operator: '-browse-top-h' (97,18): run-time error CSS1039: Token not allowed after unary operator: '-browse-top-h' (98,22): run-time error CSS1039: Token not allowed after unary operator: '-browse-top-h' (119,22): run-time error CSS1039: Token not allowed after unary operator: '-header-h' (132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (147,22): run-time error CSS1039: Token not allowed after unary operator: '-cat-nav-h' (186,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (199,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (200,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (214,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (219,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (220,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (247,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (248,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (257,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (263,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (274,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (275,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (277,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (282,46): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (282,80): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (297,46): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (297,80): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (308,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (320,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (321,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (322,46): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (322,80): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (343,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (357,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (367,22): run-time error CSS1039: Token not allowed after unary operator: '-header-h' (384,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (385,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (399,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (400,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (400,60): run-time error CSS1039: Token not allowed after unary operator: '-ease' (404,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (409,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (410,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (416,22): run-time error CSS1039: Token not allowed after unary operator: '-border' (420,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (427,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (429,26): run-time error CSS1039: Token not allowed after unary operator: '-ease' (432,43): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (432,68): run-time error CSS1039: Token not allowed after unary operator: '-accent' (433,38): run-time error CSS1039: Token not allowed after unary operator: '-text' (464,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (466,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (467,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (468,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (473,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (473,60): run-time error CSS1039: Token not allowed after unary operator: '-ease' (473,90): run-time error CSS1039: Token not allowed after unary operator: '-ease' (479,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (507,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (508,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (509,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (514,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (514,60): run-time error CSS1039: Token not allowed after unary operator: '-ease' (519,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (554,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (555,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (556,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-lg' (560,41): run-time error CSS1039: Token not allowed after unary operator: '-ease' (561,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (568,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (569,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (570,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (570,39): run-time error CSS1039: Token not allowed after unary operator: '-radius' (586,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (587,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (588,29): run-time error CSS1039: Token not allowed after unary operator: '-radius' (588,43): run-time error CSS1039: Token not allowed after unary operator: '-radius' (602,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (604,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (605,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (613,38): run-time error CSS1039: Token not allowed after unary operator: '-ease' (613,62): run-time error CSS1039: Token not allowed after unary operator: '-ease' (613,93): run-time error CSS1039: Token not allowed after unary operator: '-ease' (617,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (618,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (627,46): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (633,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (643,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (648,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (662,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (679,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (681,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (686,36): run-time error CSS1039: Token not allowed after unary operator: '-ease' (686,61): run-time error CSS1039: Token not allowed after unary operator: '-ease' (710,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (715,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (716,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (717,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (723,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (724,29): run-time error CSS1039: Token not allowed after unary operator: '-border' (725,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (731,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (769,23): run-time error CSS1039: Token not allowed after unary operator: '-footer-h' (780,41): run-time error CSS1039: Token not allowed after unary operator: '-ease' (863,36): run-time error CSS1039: Token not allowed after unary operator: '-ease' (879,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (879,64): run-time error CSS1039: Token not allowed after unary operator: '-ease' (890,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (903,27): run-time error CSS1039: Token not allowed after unary operator: '-ease' (907,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (910,40): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (912,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (912,45): run-time error CSS1039: Token not allowed after unary operator: '-text' (913,30): run-time error CSS1039: Token not allowed after unary operator: '-border' (915,40): run-time error CSS1039: Token not allowed after unary operator: '-accent' (915,62): run-time error CSS1039: Token not allowed after unary operator: '-accent' (922,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (923,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (924,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (926,26): run-time error CSS1039: Token not allowed after unary operator: '-ease' (927,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (929,38): run-time error CSS1039: Token not allowed after unary operator: '-accent' (929,60): run-time error CSS1039: Token not allowed after unary operator: '-accent' (935,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (936,27): run-time error CSS1039: Token not allowed after unary operator: '-ease' (940,192): run-time error CSS1039: Token not allowed after unary operator: '-surface' (940,215): run-time error CSS1039: Token not allowed after unary operator: '-text' (940,248): run-time error CSS1039: Token not allowed after unary operator: '-border' (940,280): run-time error CSS1039: Token not allowed after unary operator: '-ease' (947,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (990,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (994,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (997,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1001,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (1010,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (1020,40): run-time error CSS1039: Token not allowed after unary operator: '-surface' (1021,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1021,58): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1023,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (1030,49): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (1030,76): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1040,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1043,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (1045,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1048,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (1052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1073,18): run-time error CSS1039: Token not allowed after unary operator: '-menu-home-top-h' (1074,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-home-top-h' (1099,14): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1142,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1146,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1150,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1154,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1185,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (1186,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (1188,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (1189,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1190,26): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1194,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (1199,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (1211,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (1217,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (1218,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1227,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1235,30): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1236,31): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1237,33): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1241,36): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1242,27): run-time error CSS1039: Token not allowed after unary operator: '-cat-delay' (1294,33): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1312,36): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1321,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1341,39): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1341,69): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1354,35): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1354,58): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1354,82): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1361,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1361,46): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1365,36): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1391,34): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1395,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1402,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (1403,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1412,35): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1412,63): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1412,93): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1421,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1445,33): run-time error CSS1039: Token not allowed after unary operator: '-header-h' (1446,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1472,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (1483,24): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1484,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (1488,37): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (1492,47): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1501,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (1502,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (1504,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1505,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (1506,26): run-time error CSS1039: Token not allowed after unary operator: '-ease' (1508,37): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (1615,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1754,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (1771,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (1776,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1780,36): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (1795,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (1811,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1812,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1824,42): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (1842,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1847,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow' (1910,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (1922,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (1951,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1966,33): run-time error CSS1039: Token not allowed after unary operator: '-border' (1967,27): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1967,44): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1968,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (1969,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (1973,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2002,34): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2018,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2020,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-lg' (2024,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2024,63): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2046,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2051,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2065,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (2099,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2115,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2127,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2142,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2155,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2156,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2168,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2169,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2175,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2179,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (2191,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2195,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (2198,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2207,35): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2214,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2218,37): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2219,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-lg' (2225,55): run-time error CSS1039: Token not allowed after unary operator: '-border' (2226,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2230,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2232,68): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2234,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (2241,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2242,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (2244,46): run-time error CSS1039: Token not allowed after unary operator: '-border' (2244,68): run-time error CSS1039: Token not allowed after unary operator: '-text' (2250,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2251,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2255,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2256,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2264,62): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2269,58): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2270,92): run-time error CSS1039: Token not allowed after unary operator: '-text' (2271,29): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2280,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (2281,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2282,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2290,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2308,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2312,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2315,52): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2325,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2326,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2334,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2340,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2352,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2373,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (2375,49): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2377,51): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2378,74): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2392,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2393,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2398,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (2400,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2405,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2412,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2413,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2414,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (2417,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2424,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2439,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2440,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2444,57): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2449,30): run-time error CSS1039: Token not allowed after unary operator: '-border' (2450,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2451,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (2453,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2458,24): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2459,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2472,42): run-time error CSS1039: Token not allowed after unary operator: '-green-soft' (2474,34): run-time error CSS1039: Token not allowed after unary operator: '-green' (2477,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (2480,31): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2487,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2487,58): run-time error CSS1039: Token not allowed after unary operator: '-border' (2488,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2489,38): run-time error CSS1039: Token not allowed after unary operator: '-text' (2497,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2497,58): run-time error CSS1039: Token not allowed after unary operator: '-border' (2498,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2501,39): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2501,61): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2509,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2509,63): run-time error CSS1039: Token not allowed after unary operator: '-border' (2511,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2513,64): run-time error CSS1039: Token not allowed after unary operator: '-green-soft' (2513,90): run-time error CSS1039: Token not allowed after unary operator: '-green' (2515,76): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2543,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2544,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2545,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (2546,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2547,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-lg' (2549,47): run-time error CSS1039: Token not allowed after unary operator: '-border' (2550,39): run-time error CSS1039: Token not allowed after unary operator: '-font' (2552,44): run-time error CSS1039: Token not allowed after unary operator: '-border' (2554,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (2554,53): run-time error CSS1039: Token not allowed after unary operator: '-border' (2555,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2555,45): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2559,24): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2560,32): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2563,33): run-time error CSS1039: Token not allowed after unary operator: '-font' (2563,71): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2564,51): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2567,52): run-time error CSS1039: Token not allowed after unary operator: '-border' (2570,53): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2602,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2603,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (2604,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-lg' (2606,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2607,41): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2614,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2615,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (2616,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (2616,39): run-time error CSS1039: Token not allowed after unary operator: '-radius' (2635,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2637,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2638,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2646,38): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2646,62): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2646,93): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2650,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (2651,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2660,46): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2665,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2667,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2671,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (2676,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2682,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2698,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (2699,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2700,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2715,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2728,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2729,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2736,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2755,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2763,33): run-time error CSS1039: Token not allowed after unary operator: '-border' (2769,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2789,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2790,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2793,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2794,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2795,40): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2795,69): run-time error CSS1039: Token not allowed after unary operator: '-ease' (2829,45): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (2829,66): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2841,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2850,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft' (2870,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (2871,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2872,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (2873,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2879,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2883,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (2892,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (2918,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2927,45): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2937,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (2938,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (2940,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (2948,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (2956,47): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3004,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3017,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (3022,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (3074,35): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3074,63): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3086,24): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3094,46): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3094,64): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (3102,38): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3102,62): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3102,91): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3112,34): run-time error CSS1039: Token not allowed after unary operator: '-browse-top-h' (3169,22): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3192,33): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3193,39): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3193,68): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3193,98): run-time error CSS1039: Token not allowed after unary operator: '-ease' (3209,22): run-time error CSS1039: Token not allowed after unary operator: '-surface-2' (3234,17): run-time error CSS1039: Token not allowed after unary operator: '-accent' (3239,23): run-time error CSS1039: Token not allowed after unary operator: '-font' (3243,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (3247,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-hover' (3281,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (3365,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (3366,22): run-time error CSS1039: Token not allowed after unary operator: '-surface' (3367,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (3368,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (3375,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (3382,17): run-time error CSS1039: Token not allowed after unary operator: '-text-soft' (3414,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (3419,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (3441,28): run-time error CSS1039: Token not allowed after unary operator: '-accent' */ /* ============================================================ ResDine — Light Premium QR Menu (fresh template) ============================================================ */ :root { --bg: #faf8f5; --surface: #ffffff; --surface-2: #f3f0eb; --text: #1c1917; --text-soft: #78716c; --accent: #c2410c; --accent-hover: #9a3412; --accent-soft: #fff7ed; --green: #15803d; --green-soft: #f0fdf4; --border: #e7e5e4; --shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.06); --shadow: 0 8px 30px rgba(28, 25, 23, 0.08); --shadow-lg: 0 20px 50px rgba(28, 25, 23, 0.12); --radius: 20px; --radius-sm: 12px; --header-h: 60px; --header-toolbar-h: 44px; --footer-h: 48px; --font: 'Nunito', system-ui, sans-serif; --ease: cubic-bezier(0.4, 0, 0.2, 1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: hidden; height: auto; } body { font-family: var(--font); font-weight: 400; font-size: 15px; line-height: 1.6; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-y: auto; min-height: 100%; -webkit-overflow-scrolling: touch; } body.menu-app { touch-action: pan-y pinch-zoom; overscroll-behavior-y: auto; height: auto; min-height: 100%; padding-bottom: calc(var(--footer-h) + env(safe-area-inset-bottom, 0px)); } body.menu-browse-app { overflow-y: auto !important; -webkit-overflow-scrolling: touch; --header-h: 56px; --header-toolbar-h: 44px; --cat-nav-h: 150px; --browse-top-h: calc(var(--header-h) + var(--header-toolbar-h) + var(--cat-nav-h)); } body.menu-browse-app .app-shell { min-height: 100%; height: auto; overflow: visible; padding-top: 0; } .browse-top-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 110; max-width: 520px; margin: 0 auto; min-height: var(--browse-top-h); display: flex; flex-direction: column; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(231, 229, 228, 0.95); box-shadow: 0 6px 24px rgba(28, 25, 23, 0.08); } .browse-top-spacer { display: block; width: 100%; height: var(--browse-top-h); min-height: var(--browse-top-h); flex-shrink: 0; } .menu-browse-app .browse-top-bar .app-header { position: relative; top: auto; left: auto; right: auto; z-index: 1; flex: 0 0 auto; height: auto; min-height: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: none; box-shadow: none; } .menu-browse-app .browse-top-bar .app-header__inner { min-height: var(--header-h); height: 100%; padding-top: 8px; padding-bottom: 8px; } .menu-browse-app .browse-top-bar .app-header__logo img { height: 34px; width: auto; max-width: 132px; } .menu-browse-app { --browse-sticky-top: var(--browse-top-h); } .menu-browse-app .browse-top-bar .cat-nav { position: relative; top: auto; left: auto; right: auto; transform: none; width: 100%; max-width: none; z-index: 1; flex: 1 1 auto; display: flex; flex-direction: column; min-height: var(--cat-nav-h); overflow: visible; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: none; box-shadow: none; margin: 0; padding: 6px 16px 12px; box-sizing: border-box; } .menu-browse-app .browse-top-bar .cat-tabs { flex: 1; min-height: 98px; display: flex; flex-direction: column; justify-content: flex-end; } .menu-browse-app .browse-top-bar .cat-nav__now { min-height: 30px; flex-shrink: 0; padding-bottom: 8px; } img { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } button { font-family: inherit; cursor: pointer; border: none; background: none; } h1, h2, h3, h4, h5, h6, strong, b, .btn-primary, .goOrder, .food-card__name, .food-card__price, .section-title, .page-hero__title, .cat-card__name, .cart-drawer__header h2, .order-page__title, .success-page h1 { font-weight: 700; } #toast-container > div { font-family: var(--font) !important; font-weight: 400; } /* ---- Loader ---- */ .app-loader { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.92); } .app-loader.active { display: flex; } .app-loader__spinner { width: 40px; height: 40px; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: spin .7s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } /* ---- Product loading ---- */ .product-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 48px 16px; color: var(--text-soft); font-size: .9rem; } .product-loading__spinner { width: 36px; height: 36px; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: spin .7s linear infinite; } /* ---- İlk menü yükleme ---- */ .menu-initial-loading { display: none; padding: 8px 0 24px; } .menu-initial-loading.is-active { display: block; } .menu-initial-loading__head { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 16px 28px; text-align: center; } .menu-initial-loading__spinner { width: 42px; height: 42px; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: spin .75s linear infinite; } .menu-initial-loading__title { margin: 0; font-size: 1.05rem; font-weight: 700; color: var(--text); } .menu-initial-loading__sub { margin: 0; font-size: .85rem; color: var(--text-soft); } .menu-skeleton { display: flex; flex-direction: column; gap: 20px; } .menu-skeleton__card { background: rgba(255, 255, 255, 0.92); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); } .menu-skeleton__media { height: 200px; background: linear-gradient(110deg, var(--surface-2) 8%, #faf8f5 18%, var(--surface-2) 33%); background-size: 200% 100%; animation: menuSkeletonShimmer 1.4s ease infinite; } .menu-skeleton__body { padding: 18px; display: flex; flex-direction: column; gap: 10px; } .menu-skeleton__line { height: 12px; border-radius: 999px; background: linear-gradient(110deg, var(--surface-2) 8%, #faf8f5 18%, var(--surface-2) 33%); background-size: 200% 100%; animation: menuSkeletonShimmer 1.4s ease infinite; } .menu-skeleton__line--lg { width: 72%; height: 16px; } .menu-skeleton__line--sm { width: 45%; } .menu-skeleton__btn { height: 44px; margin-top: 6px; border-radius: var(--radius-sm); background: linear-gradient(110deg, rgba(194, 65, 12, 0.12) 8%, rgba(255, 247, 237, 0.9) 18%, rgba(194, 65, 12, 0.12) 33%); background-size: 200% 100%; animation: menuSkeletonShimmer 1.4s ease infinite; } .menu-skeleton--compact { gap: 10px; } .menu-skeleton__row { height: 72px; border-radius: var(--radius-sm); border: 1px solid var(--border); background: linear-gradient(110deg, var(--surface-2) 8%, #faf8f5 18%, var(--surface-2) 33%); background-size: 200% 100%; animation: menuSkeletonShimmer 1.4s ease infinite; } @keyframes menuSkeletonShimmer { to { background-position-x: -200%; } } body.menu-browse-loading .menu-sections:empty { min-height: 0; } .menu-browse-app .menu-initial-loading.is-active + .menu-sections { min-height: 0; } /* ---- Shell ---- */ .app-shell { min-height: 100vh; min-height: 100dvh; background: var(--bg); overflow: visible; } .page-wrap { max-width: 520px; margin: 0 auto; padding: 0 16px 20px; } /* ---- Header ---- */ .app-header { position: sticky; top: 0; z-index: 100; background: #ffffff; border-bottom: 1px solid var(--border); } .app-header__inner { max-width: 520px; margin: 0 auto; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px 12px; min-height: var(--header-h); } .app-header__actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; } .app-header__lang { display: inline-flex; align-items: center; gap: 4px; padding: 3px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); } .app-header__lang-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 28px; padding: 0 8px; border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .04em; color: var(--text-soft); transition: background .2s var(--ease), color .2s var(--ease); } .app-header__lang-btn:hover { color: var(--accent); } .app-header__lang-btn.is-active { background: #fff; color: var(--accent); box-shadow: var(--shadow-sm); } .app-header__lang-sep { width: 1px; height: 14px; background: var(--border); } .app-header__btn--home { color: var(--text); } .app-header__btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--text); font-size: 1rem; transition: .2s var(--ease); position: relative; } .app-header__btn:hover { background: var(--surface-2); color: var(--accent); } .app-header__btn--cart { color: var(--text); } .app-header__btn--cart .icon { width: 22px; height: 22px; } .icon { display: block; flex-shrink: 0; stroke: currentColor; } .icon--lg { width: 56px; height: 56px; opacity: .35; } .app-header__logo { display: flex; justify-content: center; min-width: 0; } .app-header__logo img { height: 34px; width: auto; max-width: 132px; object-fit: contain; } .app-header__spacer { width: 40px; } .app-header__toolbar { max-width: 520px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px 8px; border-top: 1px solid rgba(231, 229, 228, 0.85); } .app-header__contact-btn { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 7px 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface-2); color: var(--text); font-family: var(--font); font-size: .72rem; font-weight: 800; letter-spacing: .02em; cursor: pointer; transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease); white-space: nowrap; } .app-header__contact-btn:hover { background: #fff; color: var(--accent); border-color: rgba(194, 65, 12, 0.25); } .app-header__btn-icon { flex-shrink: 0; width: 14px; height: 14px; object-fit: contain; display: block; } .app-header__contact-btn .fa, .app-header__feedback .fa { flex-shrink: 0; width: 14px; font-size: .82rem; text-align: center; } .app-header__feedback { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 7px 12px; border: none; border-radius: 999px; background: var(--accent-soft); color: var(--accent); font-family: var(--font); font-size: .72rem; font-weight: 800; letter-spacing: .02em; cursor: pointer; transition: background .2s var(--ease), color .2s var(--ease); white-space: nowrap; } .app-header__feedback:hover { background: var(--accent); color: #fff; } .app-header__feedback--solo { margin-left: auto; } /* ---- Contact info modal ---- */ .contact-info-modal { position: fixed; inset: 0; z-index: 450; display: none; align-items: center; justify-content: center; padding: 24px 16px; background: rgba(28, 25, 23, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); visibility: hidden; pointer-events: none; } .contact-info-modal.open { display: flex; visibility: visible; pointer-events: auto; } .contact-info-panel { width: 100%; max-width: 360px; display: flex; flex-direction: column; background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow-lg); position: relative; max-height: min(82vh, 520px); overflow: hidden; animation: contactPanelIn 0.3s var(--ease) both; border: 1px solid var(--border); } .contact-info-panel__header { flex-shrink: 0; position: relative; padding: 26px 22px 14px; background: var(--surface); border-bottom: 1px solid var(--border); border-radius: var(--radius) var(--radius) 0 0; z-index: 2; } .contact-info-panel__scroll { flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 16px 22px 8px; -webkit-overflow-scrolling: touch; } .contact-info-panel__footer { flex-shrink: 0; padding: 12px 22px 22px; background: var(--surface); border-top: 1px solid var(--border); border-radius: 0 0 var(--radius) var(--radius); } @keyframes contactPanelIn { from { opacity: 0; transform: translateY(16px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } } .contact-info-panel__close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border: 1px solid var(--border); border-radius: 50%; background: var(--surface); color: var(--text-soft); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; font-size: 1rem; line-height: 1; transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease); } .contact-info-panel__close:hover { background: var(--surface-2); color: var(--accent); border-color: rgba(194, 65, 12, 0.25); } .contact-info-panel__icon { width: 54px; height: 54px; margin: 0 auto 12px; border-radius: 50%; background: linear-gradient(145deg, var(--accent-soft) 0%, #fff 100%); border: 1px solid rgba(194, 65, 12, 0.12); display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: var(--shadow-sm); } .contact-info-panel__icon img { width: 44px; height: 44px; object-fit: contain; } .contact-info-panel__title { font-family: var(--font); font-size: 1.2rem; font-weight: 700; text-align: center; margin: 0 36px; color: var(--text); } .contact-info-panel__social { margin-bottom: 14px; } .contact-info-panel__social-title { margin: 0 0 10px; text-align: center; font-size: .75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--text-soft); } .contact-info-panel__social-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .contact-social-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 12px; border: none; border-radius: var(--radius-sm); color: #fff; font-family: var(--font); font-size: .78rem; font-weight: 700; text-decoration: none; cursor: pointer; transition: transform .2s var(--ease), opacity .2s var(--ease); } .contact-social-link:hover { transform: translateY(-1px); opacity: .95; color: #fff; } .contact-social-link--instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); } .contact-social-link--whatsapp { background: linear-gradient(135deg, #25d366, #128c7e); } .contact-social-link--pending { opacity: 0.75; } .contact-info-panel__body { font-size: .9rem; line-height: 1.6; color: var(--text); margin-bottom: 8px; } .contact-info-panel__content { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 14px 16px; } .contact-info-panel__empty { text-align: center; background: var(--surface-2); border: 1px dashed var(--border); border-radius: var(--radius-sm); padding: 18px 14px; } .contact-info-panel__empty p { margin: 0; color: var(--text-soft); font-size: .88rem; line-height: 1.55; } .contact-info-panel__ok { margin-top: 0; } @media (prefers-reduced-motion: reduce) { .contact-info-panel { animation: none !important; } .app-footer, .app-footer__link { animation: none !important; } .app-footer::after { animation: none !important; display: none; } .app-footer__link:hover img, .app-footer__link:focus-visible img { transform: none; } } .app-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 105; max-width: 520px; margin: 0 auto; height: calc(var(--footer-h) + env(safe-area-inset-bottom, 0px)); padding: 0 16px env(safe-area-inset-bottom, 0px); display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-top: 1px solid rgba(231, 229, 228, 0.95); box-shadow: 0 -6px 24px rgba(28, 25, 23, 0.06); overflow: hidden; animation: footerSlideUp 0.55s var(--ease) both, footerBarGlow 5s ease-in-out infinite; } .app-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient( 90deg, transparent 0%, rgba(194, 65, 12, 0.4) 50%, transparent 100% ); opacity: 0.75; pointer-events: none; z-index: 2; } .app-footer::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 105deg, transparent 0%, rgba(255, 255, 255, 0.35) 48%, transparent 100% ); transform: translateX(-120%) skewX(-12deg); pointer-events: none; animation: footerShine 7s ease-in-out infinite; } @keyframes footerSlideUp { from { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: translateY(0); } } @keyframes footerBarGlow { 0%, 100% { box-shadow: 0 -6px 24px rgba(28, 25, 23, 0.06); } 50% { box-shadow: 0 -8px 28px rgba(194, 65, 12, 0.08), 0 -4px 16px rgba(28, 25, 23, 0.05); } } @keyframes footerShine { 0%, 72%, 100% { transform: translateX(-120%) skewX(-12deg); opacity: 0; } 82% { opacity: 1; } 92% { transform: translateX(120%) skewX(-12deg); opacity: 0; } } .app-footer__link { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; padding: 4px 0; border: none; outline: none; background: transparent; opacity: .88; transition: opacity 0.25s var(--ease); } .app-footer__link:hover, .app-footer__link:focus-visible { opacity: 1; } .app-footer__link img { height: 22px; width: auto; max-width: 108px; object-fit: contain; border: none; box-shadow: none; background: transparent; transition: transform 0.3s var(--ease), opacity 0.25s var(--ease); } .app-footer__link:hover img, .app-footer__link:focus-visible img { transform: scale(1.05); } .cartNumber { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding: 0 5px; background: var(--accent); color: #fff; font-size: .65rem; font-weight: 700; border-radius: 9px; display: flex; align-items: center; justify-content: center; } .cartNumber:empty { display: none; } /* ---- Buttons ---- */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 999px; font-size: .95rem; font-weight: 700; transition: .25s var(--ease); border: none; cursor: pointer; } .btn--primary { background: var(--accent); color: #fff; box-shadow: 0 4px 14px rgba(194, 65, 12, 0.25); } .btn--primary:hover { background: var(--accent-hover); } .btn--ghost { background: var(--surface); color: var(--text); border: 1.5px solid var(--border); } .btn--ghost:hover { border-color: var(--accent); color: var(--accent); } .btn--block { width: 100%; } .icon-btn { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--surface); border: 1px solid var(--border); color: var(--text); font-size: 1rem; transition: .2s var(--ease); box-shadow: var(--shadow-sm); } .icon-btn:hover { border-color: var(--accent); color: var(--accent); } /* Legacy aliases for JS-generated HTML */ .btn-primary, .goOrder { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 999px; font-size: .95rem; font-weight: 700; background: var(--accent); color: #fff; border: none; transition: .25s var(--ease); box-shadow: 0 4px 14px rgba(194,65,12,.25); } .btn-primary.btn--block, .goOrder { width: 100%; } .btn-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 24px; border-radius: 999px; font-size: .95rem; font-weight: 700; background: var(--surface); color: var(--text); border: 1.5px solid var(--border); transition: .25s var(--ease); } /* ---- Landing ---- */ .landing { min-height: 100vh; min-height: 100dvh; position: relative; display: flex; flex-direction: column; background: var(--bg); } .landing__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; } .landing__hero-img { width: 100%; height: 100%; object-fit: cover; display: block; } .landing__fade { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(255,251,245,0.05) 0%, rgba(255,251,245,0.55) 50%, rgba(255,251,245,0.98) 88%, #faf8f5 100%); } .landing__body { position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 24px 24px 100px; text-align: center; max-width: 520px; margin: 0 auto; width: 100%; } .landing__brand { width: min(200px, 55vw); height: 90px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 20px; } .landing__tag { font-size: .75rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; } .landing__title { font-family: var(--font); font-size: clamp(2.2rem, 8vw, 3rem); font-weight: 700; line-height: 1.15; color: var(--text); margin-bottom: 12px; } .landing__desc { color: var(--text-soft); font-size: .95rem; margin-bottom: 32px; max-width: 280px; } .landing__cta { width: 100%; max-width: 300px; display: flex; flex-direction: column; gap: 12px; } .landing__bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; background: #ffffff; border-top: 1px solid var(--border); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; } .landing__bar img { height: 28px; opacity: .85; } .landing__bar-actions { display: flex; gap: 8px; } .lang-dropdown { position: relative; } .lang-dropdown__menu { position: absolute; bottom: calc(100% + 8px); right: 0; min-width: 130px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px; list-style: none; display: none; box-shadow: var(--shadow); } .lang-dropdown.open .lang-dropdown__menu { display: block; } .lang-dropdown__menu a { display: block; padding: 10px 14px; border-radius: 8px; font-size: .875rem; transition: .15s; } .lang-dropdown__menu a:hover { background: var(--accent-soft); color: var(--accent); } /* ---- Page hero ---- */ .page-hero { padding: 28px 0 8px; text-align: center; } .page-hero__label { font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--accent); margin-bottom: 6px; } .page-hero__title { font-family: var(--font); font-size: 1.85rem; font-weight: 700; color: var(--text); } .page-hero__sub { color: var(--text-soft); font-size: .875rem; margin-top: 6px; } body.menu-home-app { --menu-home-top-h: calc(var(--header-h) + var(--header-toolbar-h)); } .menu-home-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 110; max-width: 520px; margin: 0 auto; background: rgba(255, 255, 255, 0.97); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(231, 229, 228, 0.95); box-shadow: 0 6px 24px rgba(28, 25, 23, 0.08); } .menu-home-spacer { display: block; width: 100%; height: var(--menu-home-top-h); min-height: var(--menu-home-top-h); flex-shrink: 0; } .menu-home-app .menu-home-bar .app-header { position: relative; background: transparent; border-bottom: none; box-shadow: none; } .page-hero--compact { padding-top: 14px; padding-bottom: 2px; } .page-hero--compact .page-hero__title { font-size: 1.4rem; } /* ---- Menu home (category landing) ---- */ body.menu-home-app .app-shell { background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(194, 65, 12, 0.08), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 20%, rgba(194, 65, 12, 0.05), transparent 50%), var(--bg); } .menu-home-wrap { position: relative; overflow: hidden; } .menu-home-glow { position: absolute; border-radius: 50%; filter: blur(48px); pointer-events: none; z-index: 0; opacity: .55; animation: menuGlowFloat 9s ease-in-out infinite; } .menu-home-glow--1 { width: 180px; height: 180px; top: 40px; left: -40px; background: rgba(194, 65, 12, 0.18); } .menu-home-glow--2 { width: 140px; height: 140px; top: 120px; right: -30px; background: rgba(234, 88, 12, 0.12); animation-delay: -4s; } @keyframes menuGlowFloat { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(12px, 18px) scale(1.08); } } .page-hero--animated { position: relative; z-index: 1; animation: heroFadeIn 0.7s var(--ease) both; } .page-hero--animated .page-hero__label { animation: heroFadeIn 0.7s var(--ease) 0.05s both; } .page-hero--animated .page-hero__title { animation: heroFadeIn 0.7s var(--ease) 0.12s both; } .page-hero--animated .page-hero__sub { animation: heroFadeIn 0.7s var(--ease) 0.2s both; } @keyframes heroFadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } .cat-list--animated { position: relative; z-index: 1; } /* ---- Category cards ---- */ .cat-list { display: flex; flex-direction: column; gap: 16px; padding-top: 16px; } .cat-list--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-top: 8px; max-width: 420px; margin-left: auto; margin-right: auto; } .cat-card { display: block; background: var(--surface); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--border); transition: .3s var(--ease); } .cat-card:hover { border-color: rgba(194, 65, 12, 0.2); box-shadow: var(--shadow); } .cat-card__photo { height: 180px; overflow: hidden; position: relative; background: var(--surface-2); } .cat-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .cat-card__body { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; } .cat-card__name { font-family: var(--font); font-size: 1.2rem; font-weight: 700; } .cat-card__arrow { width: 36px; height: 36px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: .85rem; } .cat-card--box { display: flex; flex-direction: column; height: 100%; border-radius: var(--radius-sm); text-align: center; position: relative; isolation: isolate; box-shadow: 0 2px 4px rgba(28, 25, 23, 0.04), 0 8px 22px rgba(28, 25, 23, 0.08); transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), border-color 0.35s var(--ease); } .menu-home-app .cat-list--grid .cat-card--box { animation: catCardIn 0.6s var(--ease) both; animation-delay: var(--cat-delay, 0s); } @keyframes catCardIn { from { opacity: 0; transform: translateY(22px) scale(0.94); } to { opacity: 1; transform: translateY(0) scale(1); } } .menu-home-app .cat-card--box:hover, .menu-home-app .cat-card--box:focus-visible { transform: translateY(-4px) scale(1.01); border-color: rgba(194, 65, 12, 0.28); box-shadow: 0 4px 8px rgba(194, 65, 12, 0.08), 0 12px 28px rgba(194, 65, 12, 0.12), 0 18px 36px rgba(28, 25, 23, 0.08); } .cat-card--box:active { transform: translateY(-2px) scale(0.99); transition-duration: 0.12s; } .cat-card__shine { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; z-index: 2; } .cat-card__shine::after { content: ""; position: absolute; top: 0; left: -120%; width: 60%; height: 100%; background: linear-gradient( 105deg, transparent 0%, rgba(255, 255, 255, 0.45) 48%, transparent 100% ); transform: skewX(-18deg); transition: left 0.55s var(--ease); } .cat-card--box:hover .cat-card__shine::after { left: 140%; } .cat-card--box .cat-card__photo { height: 92px; position: relative; } .cat-card--box .cat-card__photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(28, 25, 23, 0.35) 0%, transparent 55%); opacity: 0.5; transition: opacity 0.35s var(--ease); pointer-events: none; } .cat-card--box:hover .cat-card__photo::after { opacity: 0.35; } .cat-card--box .cat-card__photo img { transition: transform 0.5s var(--ease); } .cat-card--box:hover .cat-card__photo img { transform: scale(1.1); } .cat-card--box .cat-card__body { padding: 9px 8px 11px; flex: 1; justify-content: center; align-items: center; flex-direction: column; gap: 5px; position: relative; background: linear-gradient(165deg, #ffffff 0%, #faf8f5 50%, #fff9f5 100%); border-top: 1px solid rgba(231, 229, 228, 0.9); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -6px 12px rgba(194, 65, 12, 0.04); transition: background 0.35s var(--ease), box-shadow 0.35s var(--ease); } .cat-card--box .cat-card__body::before { content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px; border-radius: 0 0 3px 3px; background: linear-gradient(90deg, transparent, rgba(194, 65, 12, 0.45), transparent); opacity: 0.55; transition: opacity 0.3s var(--ease), left 0.3s var(--ease), right 0.3s var(--ease); } .cat-card--box .cat-card__body::after { content: ""; position: absolute; inset: 0; border-radius: 0 0 var(--radius-sm) var(--radius-sm); background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(194, 65, 12, 0.06), transparent 70%); pointer-events: none; opacity: 0.8; transition: opacity 0.35s var(--ease); } .cat-card--box:hover .cat-card__body { background: linear-gradient(165deg, #ffffff 0%, #fff7ed 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -8px 16px rgba(194, 65, 12, 0.09); } .cat-card--box:hover .cat-card__body::before { opacity: 1; left: 10%; right: 10%; } .cat-card--box:hover .cat-card__body::after { opacity: 1; } .cat-card--box .cat-card__name { font-size: 0.8rem; line-height: 1.25; width: 100%; position: relative; z-index: 1; transition: color 0.25s var(--ease); } .cat-card--box:hover .cat-card__name { color: var(--accent); } .cat-card__hint { width: 22px; height: 22px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); display: inline-flex; align-items: center; justify-content: center; font-size: .62rem; position: relative; z-index: 1; opacity: 0; transform: translateY(4px) scale(0.8); transition: opacity 0.3s var(--ease), transform 0.3s var(--ease), background 0.25s var(--ease); } .cat-card--box:hover .cat-card__hint { opacity: 1; transform: translateY(0) scale(1); } .cat-card--box:hover .cat-card__hint { background: var(--accent); color: #fff; } @media (prefers-reduced-motion: reduce) { .menu-home-glow, .page-hero--animated, .page-hero--animated .page-hero__label, .page-hero--animated .page-hero__title, .page-hero--animated .page-hero__sub, .menu-home-app .cat-list--grid .cat-card--box { animation: none !important; } .cat-card--box:hover .cat-card__photo img, .cat-card--box:hover, .cat-card__shine::after { transform: none; transition: none; } } /* ---- Category tabs ---- */ .cat-tabs { position: sticky; top: var(--header-h); z-index: 50; background: var(--bg); padding: 12px 0; margin: 0 -16px; padding-left: 16px; } .cat-tabs__scroll { display: flex; gap: 10px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; touch-action: pan-x; padding-right: 16px; scrollbar-width: none; } .cat-tabs__scroll::-webkit-scrollbar { display: none; } .cat-tab { flex-shrink: 0; scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 4px; min-width: 72px; transition: .2s; } .cat-tab__img { width: 64px; height: 64px; border-radius: 50%; border: 2.5px solid transparent; background-color: var(--surface-2); overflow: hidden; transition: .2s; } .cat-tab__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .cat-tab.active .cat-tab__img, .cat-tab:hover .cat-tab__img { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); } .cat-tab__label { font-size: .68rem; font-weight: 700; text-align: center; color: var(--text-soft); max-width: 72px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cat-tab.active .cat-tab__label { color: var(--accent); } /* ---- Food cards ---- */ .food-list { display: flex; flex-direction: column; gap: 20px; padding-top: 8px; } .food-card { background: var(--surface); border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow-sm); transition: .3s var(--ease); } .food-card:hover { box-shadow: var(--shadow); } .food-card__media { height: 200px; overflow: hidden; position: relative; background: transparent; } .food-card__media img.food-card__photo { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } /* ---- Ürün görseli hazırlanıyor placeholder ---- */ .stock-pending { position: relative; width: 100%; height: 100%; min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; overflow: hidden; color: #a8a29e; background: transparent; } .stock-pending__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 75% 65% at 50% 38%, rgba(255, 247, 237, 0.85) 0%, rgba(255, 247, 237, 0) 72%), radial-gradient(ellipse 55% 45% at 72% 68%, rgba(254, 215, 170, 0.35) 0%, transparent 70%), linear-gradient(180deg, rgba(250, 248, 245, 0.15) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; } .stock-pending__pattern { position: absolute; inset: 0; opacity: 0.45; background-image: radial-gradient(rgba(194, 65, 12, 0.09) 1px, transparent 1px); background-size: 14px 14px; pointer-events: none; } .stock-pending__icons { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: center; gap: 18px; padding-top: 8px; } .stock-pending__icon { width: 52px; height: 52px; color: #c2410c; filter: drop-shadow(0 2px 8px rgba(194, 65, 12, 0.08)); } .stock-pending__icon--food { opacity: 0.42; transform: translateY(4px) rotate(-6deg); } .stock-pending__icon--drink { opacity: 0.38; transform: translateY(0) rotate(5deg); } .stock-pending__message { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: calc(100% - 32px); text-align: center; } .stock-pending__badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(194, 65, 12, 0.18); box-shadow: 0 4px 18px rgba(28, 25, 23, 0.06); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .stock-pending__badge-icon { width: 15px; height: 15px; flex-shrink: 0; color: var(--accent); opacity: 0.9; } .stock-pending__badge-text { font-size: .72rem; font-weight: 700; letter-spacing: .02em; color: #78716c; line-height: 1.25; } .stock-pending__hint { margin: 0; font-size: .68rem; font-weight: 600; line-height: 1.35; color: #a8a29e; max-width: 240px; } .stock-pending--sm { gap: 0; border-radius: inherit; } .stock-pending--sm .stock-pending__icons { gap: 8px; padding-top: 0; } .stock-pending--sm .stock-pending__icon { width: 22px; height: 22px; } .stock-pending--sm .stock-pending__message { display: none; } .stock-pending--sm .stock-pending__pattern { background-size: 10px 10px; opacity: 0.35; } .stock-pending--thumb { gap: 0; border-radius: inherit; padding: 0; justify-content: center; align-items: center; } .stock-pending--thumb .stock-pending__glow { background: radial-gradient(ellipse 90% 80% at 50% 45%, rgba(255, 247, 237, 0.95) 0%, rgba(255, 247, 237, 0.35) 55%, transparent 100%), radial-gradient(ellipse 70% 60% at 80% 75%, rgba(254, 215, 170, 0.55) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 15% 70%, rgba(251, 191, 36, 0.2) 0%, transparent 70%); } .stock-pending--thumb .stock-pending__icons { display: flex; position: absolute; inset: 0; align-items: center; justify-content: center; gap: 4px; padding: 0; z-index: 1; pointer-events: none; } .stock-pending--thumb .stock-pending__icon { width: 30px; height: 30px; color: #c2410c; } .stock-pending--thumb .stock-pending__icon--food { opacity: 0.28; transform: translateY(2px) rotate(-8deg) translateX(2px); } .stock-pending--thumb .stock-pending__icon--drink { opacity: 0.24; transform: translateY(-1px) rotate(6deg) translateX(-2px); } .stock-pending--thumb .stock-pending__message { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; text-align: center; max-width: 100%; position: relative; z-index: 2; padding: 2px 4px; } .stock-pending--thumb .stock-pending__badge { padding: 3px 5px; border-radius: 8px; background: rgba(255, 255, 255, 0.62); border: 1px solid rgba(194, 65, 12, 0.12); box-shadow: none; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); gap: 0; } .stock-pending--thumb .stock-pending__badge-icon { display: none; } .stock-pending--thumb .stock-pending__badge-text { font-size: .52rem; line-height: 1.28; font-weight: 700; color: #57534e; text-align: center; max-width: 62px; } .stock-pending--thumb .stock-pending__hint { display: none; } .stock-pending--thumb .stock-pending__pattern { opacity: 0.6; background-size: 9px 9px; background-image: radial-gradient(rgba(194, 65, 12, 0.14) 1px, transparent 1px); } /* ---- Placeholder görseller (kategori vb.) ---- */ img.img--placeholder { object-fit: contain !important; object-position: center; background: var(--surface-2); } .cat-card__photo img.img--placeholder { padding: 36px 48px; } .cat-tab__img img.img--placeholder { padding: 14px; } .food-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .food-card__body { padding: 18px; } .food-card__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 6px; } .food-card__name { font-family: var(--font); font-size: 1.15rem; font-weight: 700; line-height: 1.25; } .food-card__price { font-size: 1.05rem; font-weight: 700; color: var(--accent); white-space: nowrap; } .food-card__desc { font-size: .85rem; color: var(--text-soft); margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .food-card__meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; } .food-card__meta-item { font-size: .75rem; color: var(--text-soft); display: inline-flex; align-items: center; gap: 5px; } .food-card__meta-item--cal { justify-content: flex-start; } .food-card__meta-item--time { margin-left: auto; justify-content: flex-end; text-align: right; } .food-card__meta img { width: 14px; height: 14px; opacity: .65; flex-shrink: 0; } .food-card__add { width: 100%; padding: 13px 16px; border-radius: var(--radius-sm); background: var(--accent); color: #fff; font-weight: 700; font-size: .9rem; display: flex; align-items: center; justify-content: center; gap: 8px; transition: .2s; box-shadow: 0 4px 14px rgba(194, 65, 12, 0.22); } .food-card__add .icon--order { width: 20px; height: 20px; stroke-width: 2; flex-shrink: 0; } .food-card__add:hover { background: var(--accent-hover); transform: translateY(-1px); } .food-card__add:active { transform: translateY(0); } /* ---- Compact food cards (liste) ---- */ .food-list--compact { gap: 10px; padding-top: 4px; } script.food-card__data { display: none !important; } .food-card--compact { display: flex; align-items: stretch; gap: 0; min-height: 0; border-radius: var(--radius-sm); cursor: pointer; } .food-card--compact:hover { box-shadow: var(--shadow); border-color: rgba(194, 65, 12, 0.15); } .food-card__open, .food-card__main { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 12px; border: none; background: none; cursor: pointer; text-align: left; font-family: inherit; color: inherit; } .food-card__thumb { width: 72px; height: 72px; flex-shrink: 0; border-radius: 12px; overflow: hidden; background: linear-gradient(145deg, #fff7ed 0%, #faf8f5 100%); position: relative; } .food-card__thumb .stock-pending { min-height: 72px; height: 100%; } .food-card__thumb img.food-card__photo { width: 100%; height: 100%; object-fit: cover; display: block; } .food-card__summary { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; } .food-card--compact .food-card__name { font-size: .95rem; line-height: 1.25; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .food-card__snippet { font-size: .72rem; line-height: 1.35; color: var(--text-soft); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .food-card__desc, .food-card--compact .food-card__desc { font-size: .72rem; line-height: 1.45; color: var(--text-soft); margin: 0; } .food-card__meta--compact { margin: 4px 0 0; gap: 10px; justify-content: flex-start; } .food-card__meta--compact .food-card__meta-item { font-size: .68rem; gap: 4px; } .food-card__meta--compact .food-card__meta-item--time { margin-left: 0; } .food-card__meta--compact img { width: 12px; height: 12px; } .food-card--compact .food-card__price { flex-shrink: 0; align-self: flex-start; font-size: .92rem; font-weight: 700; color: var(--accent); white-space: nowrap; padding-top: 2px; } .food-card__add--icon { width: 44px; flex-shrink: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: none; border-left: 1px solid var(--border); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--accent-soft); color: var(--accent); } .food-card__add--icon:hover { background: var(--accent); color: #fff; transform: none; } .food-card__add--icon .icon--order { width: 18px; height: 18px; } /* ---- Ürün detay popup ---- */ .product-detail-modal { position: fixed; inset: 0; z-index: 1200; pointer-events: none; visibility: hidden; } .product-detail-modal.open { pointer-events: auto; visibility: visible; } .product-detail-modal__backdrop { position: absolute; inset: 0; background: rgba(28, 25, 23, 0.45); opacity: 0; transition: opacity .3s var(--ease); } .product-detail-modal.open .product-detail-modal__backdrop { opacity: 1; } .product-detail-modal__sheet { position: fixed; left: 50%; top: 50%; bottom: auto; transform: translateX(-50%) scale(0.94); width: calc(100% - 24px); max-width: 520px; max-height: min(78vh, calc(100vh - 24px)); background: var(--surface); border-radius: 20px; box-shadow: var(--shadow-lg); display: flex; flex-direction: column; opacity: 0; transition: transform .28s var(--ease), opacity .28s var(--ease); } .product-detail-modal.open .product-detail-modal__sheet { transform: translateX(-50%) scale(1); opacity: 1; } .product-detail-modal__handle { display: none; } .product-detail-modal__close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 36px; height: 36px; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: var(--text); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-sm); } .product-detail-modal__scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-bottom: 8px; } .product-detail-modal__media { width: 100%; height: 160px; overflow: hidden; background: var(--surface-2); border-radius: 20px 20px 0 0; } .product-detail-modal__media img { width: 100%; height: 100%; object-fit: cover; display: block; } .product-detail-modal__content { padding: 16px 18px 8px; } .product-detail-modal__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 10px; padding-right: 36px; } .product-detail-modal__title { font-size: 1.25rem; font-weight: 700; line-height: 1.25; margin: 0; } .product-detail-modal__price { font-size: 1.1rem; font-weight: 700; color: var(--accent); white-space: nowrap; } .product-detail-modal__meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; } .product-detail-modal__meta-item { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; color: var(--text-soft); } .product-detail-modal__meta-item img { width: 14px; height: 14px; opacity: .7; } .product-detail-modal__desc { font-size: .9rem; line-height: 1.6; color: var(--text-soft); margin: 0 0 14px; white-space: pre-wrap; } .product-detail-modal__allergens { margin-bottom: 8px; } .product-detail-modal__allergens-label { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text-soft); margin-bottom: 8px; } .product-detail-modal__allergen-list { display: flex; flex-wrap: wrap; gap: 8px; } .product-detail-modal__footer { flex-shrink: 0; padding: 12px 16px 16px; border-top: 1px solid var(--border); background: var(--surface); border-radius: 0 0 20px 20px; } .product-detail-modal__order { width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 20px; border: none; border-radius: var(--radius-sm); background: var(--accent); color: #fff; font-family: inherit; font-size: 1rem; font-weight: 700; cursor: pointer; transition: background .2s var(--ease); } .product-detail-modal__order:hover { background: var(--accent-hover); } body.product-detail-open { overflow: hidden; } /* Legacy product-card (JS cart animation) */ .product-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; } .menu-empty { text-align: center; padding: 60px 20px; color: var(--text-soft); font-size: .95rem; } .section-title { font-family: var(--font); font-size: 1.4rem; font-weight: 700; padding: 16px 0 4px; color: var(--text); } /* ---- Cart drawer ---- */ .cart-overlay { position: fixed; inset: 0; z-index: 200; background: rgba(28, 25, 23, 0.35); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s var(--ease), visibility .25s; } .cart-overlay.active { opacity: 1; visibility: visible; pointer-events: auto; } .cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(400px, 100vw); background: var(--surface); z-index: 300; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .35s var(--ease); box-shadow: var(--shadow-lg); } .cart-drawer.open { transform: translateX(0); } .cart-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--border); background: var(--surface); } .cart-drawer__title { display: flex; align-items: center; gap: 10px; color: var(--text); } .cart-drawer__title .icon { width: 22px; height: 22px; color: var(--accent); } .cart-drawer__header h2 { font-family: var(--font); font-size: 1.15rem; font-weight: 700; margin: 0; } .cart-drawer__close { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--text-soft); transition: .2s; background: var(--surface-2); } .cart-drawer__close:hover { background: var(--border); color: var(--text); } .cart-drawer__items { flex: 1; overflow-y: auto; padding: 12px 16px 8px; } .cart-drawer__footer { padding: 16px 20px calc(20px + env(safe-area-inset-bottom)); border-top: 1px solid var(--border); background: var(--surface); box-shadow: 0 -8px 24px rgba(28, 25, 23, 0.06); } .cart-drawer__summary { background: var(--accent-soft); border-radius: var(--radius-sm); padding: 14px 16px; margin-bottom: 12px; } .cart-drawer__total { display: flex; justify-content: space-between; align-items: center; font-size: .95rem; font-weight: 700; } .cart-drawer__total strong { font-size: 1.25rem; color: var(--accent); } .emptyShopCart { display: none; padding: 32px 20px; text-align: center; flex: 1; } .emptyShopCart.visible { display: flex; align-items: center; justify-content: center; } .empty-card { max-width: 260px; } .empty-card .icon--lg { margin: 0 auto 16px; color: var(--text-soft); } .empty-card__title { font-weight: 700; font-size: 1.05rem; margin-bottom: 6px; color: var(--text); } .empty-card p { color: var(--text-soft); font-size: .875rem; margin-bottom: 20px; line-height: 1.5; } .empty-card__btn { font-size: .875rem; } /* ---- Cart rows ---- */ .cart-row { display: flex; gap: 12px; padding: 14px; margin-bottom: 10px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); } .cart-row__thumb { width: 56px; height: 56px; border-radius: 12px; overflow: hidden; flex-shrink: 0; background: transparent; border: 1px solid var(--border); } .cart-row__thumb img, .cart-row__thumb .stock-pending { width: 100%; height: 100%; } .cart-row__thumb img { object-fit: cover; object-position: center; display: block; } .cart-row__body { flex: 1; min-width: 0; } .cart-row__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 4px; } .cart-row__name { font-weight: 700; font-size: .9rem; line-height: 1.3; color: var(--text); } .cart-row__price { font-weight: 700; font-size: .9rem; color: var(--accent); white-space: nowrap; } .cart-row__detail { display: block; font-size: .75rem; color: var(--text-soft); margin-bottom: 8px; line-height: 1.35; } .cart-row__foot { display: flex; align-items: center; justify-content: space-between; } .qty-stepper { display: inline-flex; align-items: center; gap: 2px; background: var(--surface); border: 1px solid var(--border); border-radius: 999px; padding: 2px; } .qty-stepper__btn { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--accent); background: #fff; transition: background .15s, color .15s; flex-shrink: 0; } .qty-stepper__btn:hover:not(:disabled) { background: var(--accent); color: #fff; } .qty-stepper__btn:disabled { opacity: .5; cursor: not-allowed; } .qty-stepper__val { min-width: 28px; text-align: center; font-size: .8rem; font-weight: 700; color: var(--text); padding: 0 4px; user-select: none; } .cart-row__delete { width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #dc2626; background: #fef2f2; transition: .15s; } .cart-row__delete:hover { background: #fee2e2; } /* Legacy cart-item (eski HTML) */ .cart-item { display: grid; grid-template-columns: 32px 1fr auto; grid-template-rows: auto auto; gap: 2px 10px; padding: 14px 0; border-bottom: 1px solid var(--border); } .cart-item__qty { font-weight: 700; color: var(--accent); font-size: .85rem; } .cart-item__name { font-weight: 400; font-size: .9rem; } .cart-item__price { font-weight: 700; color: var(--accent); font-size: .9rem; text-align: right; } .cart-item__detail { grid-column: 2 / -1; font-size: .75rem; color: var(--text-soft); } .cart-item__delete { grid-column: 3; grid-row: 1; color: #dc2626; font-size: .75rem; } /* ---- Order page ---- */ .order-page { padding-bottom: 40px; max-width: 520px; margin: 0 auto; } .order-page__head { text-align: center; padding: 20px 0 24px; } .order-page__icon { width: 56px; height: 56px; margin: 0 auto 12px; border-radius: 16px; background: var(--accent-soft); color: var(--accent); display: flex; align-items: center; justify-content: center; } .order-page__icon .icon { width: 28px; height: 28px; } .order-page__title { font-family: var(--font); font-size: 1.5rem; font-weight: 700; color: var(--text); margin: 4px 0 8px; } .order-page__sub { font-size: .875rem; color: var(--text-soft); line-height: 1.5; max-width: 320px; margin: 0 auto; } .order-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; margin-bottom: 16px; box-shadow: var(--shadow-sm); } .order-card__label { font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; display: block; } .order-card--note { padding-bottom: 12px; } .order-items { padding: 0; } .order-items .cart-row { margin-bottom: 8px; } .order-items .cart-row:last-child { margin-bottom: 0; } .order-summary { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; margin-bottom: 16px; background: var(--accent-soft); border-radius: var(--radius-sm); font-weight: 700; font-size: 1rem; } .order-summary strong { font-size: 1.35rem; color: var(--accent); } .order-note { width: 100%; min-height: 96px; padding: 14px 16px; border: 1.5px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); font-family: inherit; font-size: .9rem; resize: vertical; color: var(--text); transition: border-color .2s; } .order-note:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); } .order-submit { padding: 16px; font-size: 1rem; } .order-submit .icon { width: 18px; height: 18px; } /* ---- Success ---- */ .success-page { max-width: 420px; margin: 0 auto; padding: 60px 20px; text-align: center; } .success-icon { width: 72px; height: 72px; margin: 0 auto 24px; border-radius: 50%; background: var(--green-soft); display: flex; align-items: center; justify-content: center; font-size: 2rem; color: var(--green); } .success-page h1 { font-family: var(--font); font-size: 1.6rem; margin-bottom: 8px; } .success-page p { color: var(--text-soft); margin-bottom: 32px; } .success-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } /* ---- Table ---- */ .table-page { max-width: 520px; margin: 0 auto; padding: 24px 16px 80px; } .table-page select { width: 100%; padding: 14px 16px; background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--radius-sm); font-family: inherit; margin-bottom: 20px; color: var(--text); } .group-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; } .group-btn { padding: 14px 10px; text-align: center; background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--radius-sm); font-weight: 700; font-size: .85rem; transition: .2s; } .group-btn:hover { border-color: var(--accent); color: var(--accent); } .table-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 10px; } .table-btn { aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border-radius: var(--radius-sm); border: 1.5px solid var(--border); font-size: .8rem; font-weight: 700; transition: .2s; background: var(--surface); } .table-btn.available { border-color: #86efac; background: var(--green-soft); color: var(--green); } .table-btn.occupied { opacity: .45; pointer-events: none; background: #fef2f2; color: #dc2626; border-color: #fecaca; } .table-btn.available:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); } /* ---- Modals (bootstrap JS uyumlu minimal) ---- */ .modal { display: none; position: fixed; inset: 0; z-index: 500; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal.in { display: block; } .modal.fade .modal-dialog { transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; max-width: 480px; margin: 40px 16px; } .modal-backdrop { position: fixed; inset: 0; background: rgba(28, 25, 23, 0.4); z-index: 499; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 1; } .modal-content { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; color: var(--text) !important; box-shadow: var(--shadow-lg) !important; } .modal-header { border-bottom: 1px solid var(--border) !important; padding: 20px !important; } .modal-header div { font-family: var(--font); font-size: 1.25rem !important; font-weight: 700; } .modal-body { padding: 20px !important; } .modal-footer { border-top: 1px solid var(--border) !important; padding: 16px 20px !important; } .modal-body .form-control { background: var(--bg); border: 1.5px solid var(--border); color: var(--text); border-radius: var(--radius-sm); padding: 12px 14px; width: 100%; margin-bottom: 10px; } .modal-body .form-control:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px var(--accent-soft); } .area-title { font-family: var(--font); font-weight: 700; color: var(--accent); margin-bottom: 4px; } .information-text { font-size: .9rem; color: var(--text-soft); line-height: 1.6; } #stockDetailTable tbody tr { cursor: pointer; border-bottom: 1px solid var(--border); transition: .15s; } #stockDetailTable tbody tr:hover { background: var(--accent-soft); } #stockDetailTable td { padding: 14px 8px !important; border: none !important; } /* ---- Feedback ---- */ .feedBackModal { position: fixed; inset: 0; z-index: 450; display: none; align-items: center; justify-content: center; padding: 20px 16px; background: rgba(28, 25, 23, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); visibility: hidden; pointer-events: none; } .feedBackModal.open { display: flex; visibility: visible; pointer-events: auto; } .feedback-panel { width: 100%; max-width: 400px; max-height: min(90vh, 680px); display: flex; flex-direction: column; overflow: hidden; background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow-lg); position: relative; border: 1px solid var(--border); animation: contactPanelIn 0.3s var(--ease) both; } .feedback-panel__header { flex-shrink: 0; position: relative; padding: 26px 20px 14px; background: var(--surface); border-bottom: 1px solid var(--border); border-radius: var(--radius) var(--radius) 0 0; z-index: 2; } .feedback-panel__body { flex: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 16px 20px 22px; -webkit-overflow-scrolling: touch; } .feedback-panel__close { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border: 1px solid var(--border); border-radius: 50%; background: var(--surface); color: var(--text-soft); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; font-size: 1rem; line-height: 1; transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease); } .feedback-panel__close:hover { background: var(--surface-2); color: var(--accent); border-color: rgba(194, 65, 12, 0.25); } .feedback-panel__icon { width: 52px; height: 52px; margin: 0 auto 10px; border-radius: 50%; background: linear-gradient(145deg, var(--accent-soft) 0%, #fff 100%); border: 1px solid rgba(194, 65, 12, 0.12); display: flex; align-items: center; justify-content: center; color: var(--accent); font-size: 1.35rem; box-shadow: var(--shadow-sm); } .feedback-panel__title { font-family: var(--font); font-size: 1.2rem; font-weight: 700; text-align: center; margin: 0 36px 6px; color: var(--text); } .feedback-panel__sub { text-align: center; font-size: .82rem; color: var(--text-soft); margin: 0; line-height: 1.45; padding: 0 4px; } .feedback-scores { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; } .feedback-row { display: block; margin-bottom: 0; background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 10px 12px 2px; } .feedback-row__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 0; } .feedback-row label { font-size: .78rem; font-weight: 700; color: var(--text); } .feedback-row__value { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 24px; padding: 0 8px; border-radius: 999px; font-size: .75rem; font-weight: 800; color: var(--accent); background: var(--accent-soft); border: 1px solid rgba(194, 65, 12, 0.12); } .feedback-row__value::after { content: "/10"; font-weight: 600; color: var(--text-soft); margin-left: 1px; font-size: .68rem; } .feedback-fields { display: flex; flex-direction: column; gap: 8px; } .feedback-note { margin-bottom: 14px; } .feedback-note__label { display: block; font-size: .82rem; font-weight: 700; color: var(--text); line-height: 1.45; margin-bottom: 8px; } .feedback-fields--optional { margin-top: 4px; padding-top: 12px; border-top: 1px dashed var(--border); } .feedback-fields__hint { margin: 0 0 6px; font-size: .72rem; color: var(--text-soft); text-align: center; } .feedback-comment { min-height: 96px; resize: vertical; } .feedback-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; } .feedBackModal .form-control, .feedBackModal textarea.form-control { width: 100%; max-width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 10px 12px; font-size: .88rem; background: var(--surface); color: var(--text); transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease); } .feedBackModal .form-control:focus, .feedBackModal textarea.form-control:focus { outline: none; border-color: rgba(194, 65, 12, 0.35); box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.1); } /* ion.rangeSlider — menü teması (turuncu) */ .feedBackModal .irs { height: 36px; margin-top: 2px; } .feedBackModal .irs-line { height: 6px; top: 16px; background: #e7e5e4; border: none; border-radius: 999px; } .feedBackModal .irs-line-left, .feedBackModal .irs-line-mid, .feedBackModal .irs-line-right { height: 6px; } .feedBackModal .irs-bar { height: 6px; top: 16px; border: none; background: linear-gradient(90deg, var(--accent-hover), var(--accent)); border-radius: 999px; } .feedBackModal .irs-bar-edge { display: none; } .feedBackModal .irs-slider { width: 22px; height: 22px; top: 8px; border: 2px solid var(--accent); background: #fff; border-radius: 50%; box-shadow: 0 2px 8px rgba(194, 65, 12, 0.22); cursor: grab; } .feedBackModal .irs-slider:hover, .feedBackModal .irs-slider.state_hover { background: var(--accent-soft); } .feedBackModal .irs-min, .feedBackModal .irs-max, .feedBackModal .irs-from, .feedBackModal .irs-to, .feedBackModal .irs-single { display: none; } .feedBackModal:not(.open) .irs, .feedBackModal:not(.open) .range { display: none !important; } /* ---- Menu connect (social + feedback) ---- */ .menu-connect { margin: 28px 0 40px; padding: 20px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); } .menu-connect__block + .menu-connect__block { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border); } .menu-connect__title { font-family: var(--font); font-size: 1rem; font-weight: 700; margin: 0 0 12px; text-align: center; } .menu-connect__sub { font-size: .85rem; color: var(--text-soft); text-align: center; margin: 0 0 14px; line-height: 1.45; } .menu-connect__social { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .menu-connect__icon { width: 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; font-size: 18px; transition: transform .15s ease, box-shadow .15s ease; } .menu-connect__icon:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); color: #fff; } .menu-connect__icon--instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); } .menu-connect__icon--facebook { background: #1877f2; } .menu-connect__icon--twitter { background: #1da1f2; } .menu-connect__icon--tiktok { background: #010101; } .menu-connect__icon--youtube { background: #ff0000; } .menu-connect__icon--web { background: var(--accent); } .menu-connect__feedback-btn { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 14px 18px; border: none; border-radius: var(--radius-sm); background: var(--accent); color: #fff; font-family: var(--font); font-size: .95rem; font-weight: 700; cursor: pointer; transition: background .15s ease, transform .15s ease; } .menu-connect__feedback-btn:hover { background: var(--accent-hover); transform: translateY(-1px); } .menu-connect__block--feedback { text-align: center; } .table-btn.available:hover { box-shadow: var(--shadow-sm); } /* Bootstrap çakışmalarını önle */ .menu-app .container, .menu-app .row { max-width: 100%; } .menu-app .form-control { max-width: 100%; box-sizing: border-box; } .feedBackModal .form-control, .modal .form-control { display: block; width: 100%; max-width: 100%; } /* ion.rangeSlider gizli modal dışında yer kaplamasın */ .feedBackModal:not(.open) .irs, .feedBackModal:not(.open) .range { display: none !important; height: 0 !important; overflow: hidden !important; } .menu-browse .page-wrap { padding-top: 0; padding-bottom: 12px; min-height: 0; overflow: visible; } .menu-browse-app { --browse-sticky-top: var(--browse-top-h); } .cat-nav__now { display: flex; align-items: center; gap: 10px; padding: 2px 2px 10px; } .cat-nav__pulse { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); flex-shrink: 0; animation: catNavPulse 1.8s ease infinite; } @keyframes catNavPulse { 0% { box-shadow: 0 0 0 0 rgba(194, 65, 12, 0.45); } 70% { box-shadow: 0 0 0 8px rgba(194, 65, 12, 0); } 100% { box-shadow: 0 0 0 0 rgba(194, 65, 12, 0); } } .cat-nav__now-text { font-size: .8rem; color: var(--text-soft); line-height: 1.3; } .cat-nav__now-text strong { color: var(--accent-hover); font-weight: 700; font-size: .98rem; } .menu-browse-app .cat-tabs { position: static; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: none; margin: 0; padding: 0; box-shadow: none; } .menu-browse-app .browse-top-bar .cat-tabs__scroll { overflow-y: visible; padding-bottom: 6px; padding-top: 2px; } .menu-browse-app .cat-tabs__scroll { gap: 12px; padding-bottom: 6px; } .menu-browse-app .browse-top-bar .cat-tab { min-width: 76px; gap: 8px; padding: 2px 4px 4px; } .menu-browse-app .browse-top-bar .cat-tab__img { width: 64px; height: 64px; flex-shrink: 0; } .menu-browse-app .browse-top-bar .cat-tab__label { font-size: .7rem; line-height: 1.25; max-width: 80px; } .menu-browse-app .cat-tab { border: none; background: none; cursor: pointer; font-family: inherit; color: inherit; opacity: 0.68; transition: opacity 0.2s var(--ease), transform 0.2s var(--ease); } .menu-browse-app .cat-tab:hover { opacity: 0.92; } .menu-browse-app .cat-tab.active { opacity: 1; } .menu-browse-app .cat-tab.active .cat-tab__img { border-color: var(--accent); border-width: 3px; box-shadow: 0 0 0 4px rgba(194, 65, 12, 0.2); transform: scale(1.05); } .menu-browse-app .cat-tab.active .cat-tab__label { color: #fff; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%); padding: 4px 12px; border-radius: 999px; max-width: 88px; box-shadow: 0 4px 14px rgba(194, 65, 12, 0.3); } .menu-browse-app .cat-tab__label { transition: background 0.2s var(--ease), color 0.2s var(--ease), box-shadow 0.2s var(--ease); } .menu-sections { display: flex; flex-direction: column; gap: 0; } .menu-section { scroll-margin-top: calc(var(--browse-top-h, 178px) + 12px); position: relative; padding-bottom: 28px; } .menu-section:not(:first-child) { margin-top: 8px; padding-top: 4px; } .menu-section:not(:first-child)::before { content: ""; display: block; height: 1px; margin: 0 0 20px; background: linear-gradient(90deg, transparent 0%, rgba(194, 65, 12, 0.22) 20%, rgba(194, 65, 12, 0.45) 50%, rgba(194, 65, 12, 0.22) 80%, transparent 100%); } .menu-section:nth-child(even) { background: linear-gradient(180deg, rgba(255, 247, 237, 0.55) 0%, rgba(255, 247, 237, 0.12) 140px, transparent 280px); margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; border-radius: 0 0 28px 28px; } .menu-section__bridge { display: none; align-items: center; gap: 12px; padding: 20px 0 8px; opacity: 0.85; } .menu-section:not(:first-child) .menu-section__bridge { display: flex; } .menu-section__bridge-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(194, 65, 12, 0.35), transparent); } .menu-section__bridge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(194, 65, 12, 0.15); flex-shrink: 0; } .menu-section__head { position: relative; z-index: 1; padding: 4px 0 16px; margin-bottom: 4px; } .menu-section__head-inner { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 18px; background: rgba(255, 255, 255, 0.78); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(231, 229, 228, 0.95); box-shadow: 0 10px 28px rgba(28, 25, 23, 0.07); border-left: 4px solid var(--accent); transition: box-shadow 0.35s var(--ease), transform 0.35s var(--ease), background 0.35s var(--ease); } .menu-section__head--active .menu-section__head-inner { background: rgba(255, 247, 237, 0.92); box-shadow: 0 12px 36px rgba(194, 65, 12, 0.16); transform: translateY(-1px); } .menu-section__icon { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 2px solid rgba(194, 65, 12, 0.2); background: var(--surface-2); box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08); } .menu-section__icon img { width: 100%; height: 100%; object-fit: cover; } .menu-section__icon img.img--placeholder { padding: 10px; object-fit: contain; } .menu-section__text { min-width: 0; flex: 1; } .menu-section__eyebrow { font-size: .65rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--accent); margin-bottom: 2px; } .menu-section__title { font-family: var(--font); font-size: clamp(1.35rem, 4.5vw, 1.65rem); font-weight: 700; line-height: 1.15; color: var(--text); } .menu-section__head--active .menu-section__title { color: var(--accent-hover); } .menu-scroll-sentinel { min-height: 72px; display: flex; align-items: center; justify-content: center; } .menu-browse-app .food-card--compact { background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid rgba(231, 229, 228, 0.95); box-shadow: 0 4px 16px rgba(28, 25, 23, 0.05); } .menu-browse-app .food-card--compact .food-card__name { font-size: .98rem; letter-spacing: -0.01em; } .food-card__allergens { margin-bottom: 12px; } .food-card__allergens-label { display: block; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text-soft); margin-bottom: 8px; } .food-card__allergen-list { display: flex; flex-wrap: wrap; gap: 8px; } .allergen-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; font-size: .72rem; font-weight: 700; line-height: 1; } .allergen-pill__icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex-shrink: 0; } .allergen-pill__icon img { width: 20px; height: 20px; display: block; } .allergen-icon-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .allergen-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 8px; background: #fff7ed; border: 1px solid #fed7aa; flex-shrink: 0; } .allergen-icon img { width: 20px; height: 20px; display: block; } .allergen-icon--legend { width: 32px; height: 32px; border-radius: 10px; } .allergen-icon--legend img { width: 28px; height: 28px; } .allergen-icon--inferred, .allergen-pill--inferred { border-style: dashed; opacity: .92; } .allergen-legend { margin: 28px 0 40px; padding: 18px 16px 16px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } .allergen-legend__title { margin: 0 0 8px; font-size: 1rem; font-weight: 700; color: var(--text); } .allergen-legend__note { margin: 0 0 14px; font-size: .78rem; line-height: 1.55; color: var(--text-soft); } .allergen-legend__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px 12px; } .allergen-legend__item { display: flex; align-items: center; gap: 8px; min-width: 0; } .allergen-legend__label { font-size: .72rem; line-height: 1.25; font-weight: 600; color: #9a3412; } .menu-browse-app .food-card__allergens { margin-top: 2px; margin-bottom: 0; } body.menu-app--no-order .food-card--compact { border-radius: var(--radius-sm); } body.menu-app--no-order .food-card--compact .food-card__main { padding-right: 14px; border-radius: var(--radius-sm); } body.menu-app--no-order .product-detail-modal__scroll { padding-bottom: 12px; } body.menu-app--no-order .product-detail-modal__content { padding-bottom: 16px; } body.menu-app--no-order .product-detail-modal__sheet { max-height: min(82vh, calc(100vh - 24px)); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } } .text-accent { color: var(--accent); } .hidden { display: none !important; } .ui-loader { display: none !important; } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} body { } /* * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance, * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use, * make sure you copy the url from the website since the url may change between versions. * */ .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:35px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#46b29d}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}