.homepage-cards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.homepage-cards .card{border-radius:8px;box-shadow:0 4px 8px #0003;height:12vh;overflow:hidden;width:45vw}.homepage-cards .card,.homepage-cards .card-content{align-items:center;display:flex;justify-content:center}.homepage-cards .card-content{background-position:50%;background-size:cover;height:100%;position:relative;width:100%}.homepage-cards .overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.homepage-cards .card-name{color:#fff;font-size:1rem;font-weight:600;letter-spacing:1px;padding:10px;text-align:center}.horizontal-tabs{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;padding:10px;white-space:nowrap}.tab-item{align-items:center;background-position:50%;background-size:cover;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:80px;justify-content:center;margin-right:10px;margin-top:10px;overflow:hidden;position:relative;width:150px}.tab-item:last-child{margin-right:0}.tab-item:before{background-color:#000000b3;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.tab-text{word-wrap:break-word;font-size:.9rem;line-height:1.2;max-width:80%;padding:0 10px;position:relative;text-align:center;white-space:normal;z-index:2}.table-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-items:center;padding:20px}.table-card-grid .card{border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;overflow:hidden;transition:transform .3s ease;width:100%}.table-card-grid .card-image{height:180px;object-fit:cover;width:100%}.table-card-grid .card-content{display:flex;flex-direction:column;justify-content:space-between;padding:10px}.table-card-grid .card-info{display:flex;flex-direction:column;gap:4px}.table-card-grid .card-name{color:#212121;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-card-grid .card-description{color:#aaa;font-size:12px;margin:5px 0 0}.table-card-grid .card-prices{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.table-card-grid .card-price-row{align-items:center;display:flex;gap:3px}.table-card-grid .card-unit{color:#555;font-size:10px;font-weight:500;white-space:nowrap}.table-card-grid .card-price{color:#212121;font-size:12px;white-space:nowrap}.modal-prices{margin-top:10px}.modal-price-row{justify-content:center}.modal-price{color:#333;font-size:18px}.modal{transition:opacity .3s ease-in-out;z-index:1000}.modal-content{animation:modal-fade-in .3s ease-out;overflow-y:auto;text-align:center}.modal-image{height:25vh;object-fit:contain}.modal-info h3{font-size:20px;margin-bottom:10px}.modal-info p{color:#555;font-size:16px}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loading-spinner{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;height:50px;margin:25vh auto;width:50px}.list-card-container{display:flex;flex-direction:column;gap:20px;padding:20px}.list-card{align-items:center;border-radius:8px;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;transition:transform .3s ease}.list-card:hover{transform:scale(1.02)}.list-card-image-container{height:140px;margin-bottom:0;overflow:hidden;width:30%}.list-card-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.list-card-info{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:10px;width:70%}.list-card-name{color:#000;font-size:18px;margin:0}.list-card-prices{display:flex;flex-direction:column;gap:2px;margin-top:4px}.list-card-price-row{align-items:center;display:flex;gap:6px}.list-card-unit{color:#555;font-size:14px;font-weight:500}.list-card-price{color:#212121;font-size:16px}.list-card-description{color:#aaa;font-size:14px;margin-top:5px}.modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:8px;max-height:80%;max-width:90%;padding:20px;position:relative}.modal-image{border-radius:8px;height:auto;width:100%}.close{color:#000;cursor:pointer;font-size:30px;position:absolute;right:20px;top:10px}.modal-prices{display:flex;flex-direction:column;gap:4px;margin-top:8px}.modal-price-row{align-items:center;display:flex;gap:8px}.modal-unit{color:#555;font-size:14px;font-weight:500}.modal-price{color:#212121;font-size:16px;font-weight:700}.subHeader{background-color:#f5f5f5;display:flex;justify-content:space-between;margin-top:5.9vh;padding:12px 0;position:fixed;width:100%;z-index:99}.subHeader .table-list{background-color:#5a6268;border-radius:5px;display:flex;flex-direction:row;margin-right:8px}.subHeader .table-list button{color:#fff;padding:5px 10px}.subHeader button{align-items:center;background-color:initial!important;border:none!important;border-radius:5px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:5px;padding:10px 15px;transition:background-color .3s,color .3s}.subHeader button:hover{background-color:#f1f1f1;color:#000}.subHeader button:active{background-color:#e0e0e0}.subHeader button svg{font-size:20px}.subHeader .back-button{background-color:#f5f5f5;border:1px solid #ddd;color:#555}.subHeader .back-button:hover{background-color:#ebebeb;color:#333}.subHeader .back-button:active{background-color:#dcdcdc;border-color:#ccc}.cards{padding-top:12vh}body{font-family:Montserrat,sans-serif}.popup-overlay{align-items:center;background-color:#000000c4;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{border-radius:10px;height:60vh;padding:29px;position:relative;text-align:center;width:300px}.close-icon{background-color:#137f0b;border-radius:30px;color:#eee;cursor:pointer;font-size:24px;padding:5px;position:absolute;right:8px;top:8px}.close-icon:hover{color:rgba(34,147,38,.726)}.popup-content img{border-radius:10px;height:60vh;width:100%}.popup-content button:hover{background-color:rgba(34,147,38,.726)}
/*# sourceMappingURL=main.74ac2620.css.map*/