*{padding:0;margin:0;font-family:DM Sans,serif;font-optical-sizing:auto;font-style:normal}body{background-color:#111315}.heading{font-size:32px;color:#fef7ee}.appContainer{position:relative}.bgImg{position:absolute;width:100%;height:400px;background-image:url(/Coffe-Listing/assets/bg-cafe-lg-D4wZrGc_.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}.vector{width:257px;height:153px;background-image:url("data:image/svg+xml,%3csvg%20width='257'%20height='153'%20viewBox='0%200%20257%20153'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2071.8885C3.45531%2057.3142%2023.696%2041.7169%2033.6244%2033.2805C66.0308%205.74397%20114.381%20-4.23546%20155.905%205.8326C246.941%2027.9052%20154.103%20161.746%2080.308%20136.587C52.5484%20127.123%2076.0283%2089.2122%2086.9341%2076.2621C113.937%2044.1978%20164.916%2027.0297%20204.998%2044.5915C239.889%2059.8782%20266.993%20108.858%20249.574%20146.239C247.754%20150.145%20240.823%20152.29%20236.924%20150.16C231.733%20147.325%20239.159%20139.456%20240.538%20137.04'%20stroke='%23302522'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;background-position:center;margin-left:51%;margin-top:2%;position:absolute;z-index:-1}.container{position:absolute;width:95%;height:auto;background-color:#1b1d1f;top:50%;left:50%;transform:translate(-50%,210px);border-radius:10px;padding-bottom:100px}.heading>h1{text-align:center;font-size:32px;margin-top:80px;margin-bottom:15px}.body>p{color:#6f757c;font-size:16px;text-align:center;font-weight:600;margin-bottom:20px}.labels{display:flex;justify-content:center;gap:25px;color:#fef7ee}.itemsContainer{margin-top:30px;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;justify-content:center;gap:50px}@media (min-width: 768px) and (max-width: 1023px){.bgImg{background-image:url(/Coffe-Listing/assets/bg-cafe-Dl9muhyO.jpg)}.itemsContainer{grid-template-columns:auto auto}}@media (max-width: 767px){.bgImg{width:100%;background-image:url(/Coffe-Listing/assets/bg-cafe-sm-C3mjbG--.jpg)}.container{width:80%}.itemsContainer{grid-template-columns:auto}}.label{padding:6px 15px;border-radius:10px}.label:hover,.labelSelected{background-color:#4d5562}.ItemcoffeContainer{width:250px;height:auto}.imgCoffe{width:auto;height:150px;background-size:cover;background-position:center;border-radius:10px;overflow:hidden}.imgCoffe>span{font-size:12px;background-color:#f6c768;color:#1b1d1f;font-weight:1000;padding:3px 14px;border-radius:10px;margin-left:13px;margin-top:8px;position:absolute}.info{display:flex;flex-direction:column}.namePrice{padding-top:10px;padding-bottom:5px;display:flex;justify-content:space-between}.namePrice>span:first-child{color:#fef7ee;font-size:16px}.namePrice>span:last-child{background-color:#bee3cc;font-size:12px;font-weight:1000;color:#1b1d1f;padding:4px 7px;border-radius:5px}.rateVotes{display:flex;justify-content:space-between}.rateVotes>div:first-child{display:flex;align-items:center}.rateVotes>div:nth-child(1)>span:nth-child(2){color:#fef7ee;font-size:14px;font-weight:1000}.rateVotes>div:nth-child(1)>span:nth-child(3){color:#4d5562;font-size:14px;font-weight:1000;margin-left:5px}.rateVotes>div:last-child{color:#ed735d}