@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#111315;font-family:DM Sans,sans-serif;font-size:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;overflow-x:hidden}.container-fluid{position:relative;z-index:1;padding-top:150px}.container{margin-top:-100px;background-color:#1b1d1f;border-radius:10px;padding:80px;text-align:center;max-width:1200px;margin-left:auto;margin-right:auto;z-index:2;position:relative;box-shadow:0 4px 10px #0000004d;color:#fff}.bg-image{background-image:url(./bg-cafe-Dl9muhyO.jpg);position:absolute;top:0;left:0;width:100vw;height:300px;object-fit:cover;z-index:0}h1{font-size:2rem}h4{font-size:.625rem;line-height:15px;color:#6f757c;padding:12px}#all-products,#available-now{all:unset;border:1px solid none;padding:8px;border-radius:10px;cursor:pointer}#all-products{background-color:#4d5562}.btn{display:flex;justify-content:center;gap:12px;font-size:.875rem}@media screen and (max-width:576px){.bg-image{background-image:url(./bg-cafe-sm-C3mjbG--.jpg);width:100%;background-repeat:no-repeat;object-fit:cover}.container-fluid{padding-top:200px}.container{margin-top:-100px;padding:30px;max-width:280px}}.card-item{display:flex;flex-direction:row}.coffee-list{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:20px 0;margin:0;gap:20px}.card{display:flex;flex-direction:column}.image-wrapper{position:relative;width:100%;height:180px;display:flex}#coffee-image{width:100%;height:100%;object-fit:cover;border-radius:8px}#label{position:absolute;top:10px;left:10px;background-color:#e7a936;color:#000;padding:5px 10px;border-radius:25px;font-size:.75rem;font-weight:700}.info{display:flex;justify-content:space-between;padding:10px 0;align-items:center}#price{all:unset;background-color:#a1dbc6;color:#000;padding:5px 10px;border-radius:5px;font-size:.9rem;border:none}.right{display:flex;align-items:center;flex-direction:column}.rating{display:flex;align-items:center;gap:5px}#star{width:18px;height:18px}#rating,#votes{font-size:.8rem;margin:0}#votes{color:#6f757c}#available{font-size:smaller;color:#d53b3b;margin-left:105px}@media screen and (max-width:576px){.coffee-list{display:grid;grid-template-columns:repeat(1,1fr)}}