.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 .categoryImageContainer--uploaded{background-color:#fff}.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:minmax(220px,1fr) minmax(0,2.35fr);gap:1.25rem;background-color:#305c45;border-radius:10px;padding:1.75rem 1.5rem 1rem;align-items:center;overflow:hidden}.promotionBannerContainer .promotionDetails{display:flex;color:#fff;flex-direction:column;gap:.65rem;position:relative;min-width:0;align-self:center}.promotionBannerContainer .promotionDetails h1{font-size:clamp(1.75rem,2.8vw,2.35rem);font-weight:600;line-height:1.05;margin:0}.promotionBannerContainer .promotionDetails p{margin:0;font-size:1rem;opacity:.92;line-height:1.4}.promotionBannerContainer .promotionDetails .bannerImageContainer{position:relative;width:min(72%,220px);aspect-ratio:16/9;margin-top:.35rem}@media screen and (max-width:1000px){.promotionBannerContainer .promotionDetails .bannerImageContainer{width:min(65%,180px)}}@media screen and (max-width:500px){.promotionBannerContainer .promotionDetails .bannerImageContainer{display:none}}.promotionBannerContainer .promotionScroll{display:flex;align-items:flex-start;gap:.75rem;overflow-x:auto;scroll-snap-type:x proximity;-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{min-width:0;width:100%;padding:.25rem 0 1rem}.promotionBannerContainer .promotionScroll .ProductCard--carousel{flex:0 0 calc((100% - 3*0.75rem)/4)!important;width:calc((100% - 3*0.75rem)/4)!important;min-width:calc((100% - 3*0.75rem)/4)!important}@media screen and (min-width:1000px){.promotionBannerContainer .promotionScroll .ProductCard--carousel{flex:0 0 calc((100% - 4*0.75rem)/5)!important;width:calc((100% - 4*0.75rem)/5)!important;min-width:calc((100% - 4*0.75rem)/5)!important}}@media screen and (max-width:500px){.promotionBannerContainer .promotionScroll .ProductCard--carousel{flex:0 0 calc((100% - 0.6rem)/2)!important;width:calc((100% - .6rem)/2)!important;min-width:calc((100% - .6rem)/2)!important}}.promotionBannerContainer .promotionScroll .ProductCard--carousel .productCardInner{box-shadow:0 2px 12px rgba(0,0,0,.12)}.promotionBannerContainer .promotionScroll{align-self:stretch}@media screen and (max-width:1000px){.promotionBannerContainer{grid-template-columns:1fr;gap:1rem;padding:1.25rem 1rem .75rem}.promotionBannerContainer .promotionDetails{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.promotionBannerContainer .promotionDetails h1{flex:1 1 100%}.promotionBannerContainer .promotionDetails p{flex:1 1 auto}.promotionBannerContainer .promotionDetails .bannerImageContainer{display:none}}@media screen and (max-width:500px){.promotionBannerContainer{padding:1rem .75rem .75rem}}: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}