.container{background:#fff;border-radius:8px;overflow:hidden;padding-bottom:2rem}.container .cardHead{border-bottom:.6px solid #939393;padding:1rem 2rem;display:flex;justify-content:space-between;margin-bottom:2rem}.container .cardHead h3{color:#313638;font-weight:500}@media screen and (max-width:500px){.container .cardHead{padding:1rem!important;background:#f1f1f1}}.container .categories{padding:1rem 0 1rem 2rem;margin-right:2rem;display:flex;gap:2rem;justify-content:space-between}@media screen and (max-width:500px){.container .categories{gap:.6rem}}.container .categories .category{width:15rem;border-radius:8px;overflow:hidden;background-color:#f9f9f9}.container .categories .category .categoryImageContainer{position:relative;overflow:hidden;width:100%;aspect-ratio:16/12}.container .categories .category .categoryDetails{padding:1rem}.container .categories .category .categoryDetails h3{font-weight:500}.container .categories .category .categoryDetails h4{font-size:.7rem}.container .categories .category .categoryDetails button{font-size:.9rem;font-weight:500}@media screen and (max-width:1000px){.container .categories .category{min-width:13rem}}@media screen and (max-width:500px){.container .categories .category{min-width:10rem}}@media screen and (max-width:1000px){.container .categories{overflow-x:scroll}}@media screen and (max-width:500px){.container .categories{padding:1rem!important;margin-right:.4rem}}.promotionBannerContainer{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;background-color:#305c45;border-radius:8px;padding:2rem 2rem 0;align-items:center}.promotionBannerContainer .promotionDetails{display:flex;color:#fff;flex-direction:column;gap:.6rem;position:relative}.promotionBannerContainer .promotionDetails h1{font-size:2.5rem;font-weight:500;line-height:1;overflow:hidden}@media screen and (max-width:500px){.promotionBannerContainer .promotionDetails h1{font-size:2rem}}.promotionBannerContainer .promotionDetails .bannerImageContainer{position:relative;width:60%;aspect-ratio:16/9}@media screen and (max-width:500px){.promotionBannerContainer .promotionDetails .bannerImageContainer{display:none}}.promotionBannerContainer .promotionScroll{display:flex;gap:2rem;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.promotionBannerContainer .promotionScroll::-webkit-scrollbar{display:none}@media screen and (max-width:500px){.promotionBannerContainer .promotionScroll{gap:.6rem}}.promotionBannerContainer .promotionScroll{padding:0 1rem 1rem 0;border-radius:4px}@media screen and (max-width:500px){.promotionBannerContainer{grid-template-columns:1fr;padding:1rem}}:export{pryClr:#305c45;secClr:#e6a960;white:#fff;mamiBlack:#939393}.hotComboContainer{display:grid;grid-template-columns:1fr 2fr;background-color:#305c45;margin-top:3rem;border-radius:5px;align-items:center;padding-right:1rem}.hotComboContainer .title{background:url(/svgs/hotCombo.svg);background-size:contain;background-repeat:no-repeat;padding:1rem 2rem;height:100%;border-radius:5px}.hotComboContainer .title h2{font-size:1.5rem;font-weight:500}.hotComboContainer .details{float:right;display:flex;justify-content:space-between;gap:1rem;position:relative;align-items:center;padding:1rem 0 1rem 5rem}@media screen and (max-width:1000px){.hotComboContainer .details{flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;gap:.5rem}}.hotComboContainer .details .hotComboimageContainer{position:absolute;width:7rem;height:6rem;bottom:0;left:-3rem}.hotComboContainer .details .hotComboDescription{color:#fff}