.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: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:1 1;flex-direction:row;justify-content:space-between}.table-card-grid .card-name{color:#212121;font-size:16px;margin:0}.table-card-grid .card-description{color:#aaa;font-size:14px;margin:5px 0 0}.table-card-grid .card-price{align-self:center;color:#212121;font-size:12px;margin-left:5px}.table-card-grid .MuiAccordionDetails-root{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,2fr)}.table-card-grid.has-option-false{grid-template-columns:repeat(2,1fr)}.modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1000}.modal-content{animation:modal-fade-in .3s ease-out;background-color:#fff;border-radius:8px;max-height:80%;max-width:90%;overflow-y:auto;padding:20px;position:relative;text-align:center}.modal-image{border-radius:8px;height:25vh;object-fit:contain;width:100%}.close{color:#000;cursor:pointer;font-size:30px;position:absolute;right:20px;top:10px}.modal-info h3{font-size:20px;margin-bottom:10px}.modal-info p{color:#555;font-size:16px}.modal-price{color:#333;font-size:18px;font-weight:700;margin-top:10px}@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-container.has-option{gap:40px}.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-container.has-option{height:90px;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-price{color:#212121;font-size:16px}.list-card-description{color:#aaa;font-size:14px;margin-top:5px}.list-card-container .modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.list-card-container .modal-content{background-color:#fff;border-radius:8px;max-height:80%;max-width:90%;padding:20px;position:relative}.list-card-container .modal-image{border-radius:8px;height:auto;width:100%}.list-card-container .close{color:#000;cursor:pointer;font-size:30px;position:absolute;right:20px;top:10px}.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:85%}.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:58vh;width:100%}.popup-content button:hover{background-color:rgba(34,147,38,.726)}@media(max-width:400px){.popup-content img{height:60vh}}@media(min-width:600px){.popup-content,.popup-content img{width:350px}}
/*# sourceMappingURL=main.60c1d672.css.map*/