.carousel-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1rem;display:flex;overflow-x:auto}.carousel-track{gap:1rem;display:flex}#storeMain{flex-direction:column;align-items:center;width:100%;height:100%;margin-top:3%;display:flex}#storeTitle{color:var(--yellow-font);font-size:4rem;font-weight:900}.storeSubHeader{color:var(--white-font);width:80%;margin:2.5rem 0 0;padding-left:2rem;font-size:2rem;font-weight:600}#allPacksDiv{grid-template-columns:repeat(4,1fr);gap:1rem;width:80%;height:fit-content;margin-top:1rem;display:grid}#pagePaginationWrapper{align-items:center;gap:2rem;height:fit-content;margin-top:2rem;margin-bottom:5rem;display:flex}.paginationButton{box-sizing:border-box;background-color:var(--yellow-font);color:#00147b;cursor:pointer;border-bottom:.2rem solid #9e7717;border-right:.2rem solid #9e7717;border-radius:.7rem;justify-content:center;align-items:center;width:3rem;height:100%;padding:.5rem 1rem;font-size:1.5rem;font-weight:900;transition:all .2s;display:flex}.paginationButton:hover{transform:scale(1.02)}#paginationPageNumber{color:var(--yellow-font);margin:0;font-size:1.5rem;font-weight:900;line-height:1rem}
.carousel-wrapper{z-index:1;width:80%;height:fit-content;margin:0;padding:0 0 1rem;position:relative;overflow-x:hidden}.carousel-container{scroll-behavior:smooth;scroll-snap-type:x mandatory;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;border-radius:.7rem;gap:1rem;width:100%;height:fit-content;padding-right:.4rem;display:flex;overflow:hidden}.carousel-container::-webkit-scrollbar{display:none}.scroll-btn{cursor:pointer;color:#00147b;background-color:#fff;background-color:var(--yellow-font);width:4rem;height:4rem;vertical-align:center;border:.2rem solid #9e7717;border-top:none;border-left:none;border-radius:50%;transition:all .2s;box-shadow:0 0 8px #0003}.scroll-btn:hover{filter:brightness(.9);transform:scale(1.05)}.scrollButtonText{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:inline-block}.right{padding-left:.7rem}.left{padding-right:.5rem}.carousel-itemMinimal{scroll-snap-align:start;color:#1a1a1a;box-sizing:border-box;background-color:#2a04b6;border:.2rem solid #000;border-radius:.7rem;flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:calc(25% - .75rem);height:10rem;padding:2rem .2rem 1rem;font-size:1rem;font-weight:700;display:flex;box-shadow:.4rem .4rem #0e0057}#carouselMain{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.carousel-item{scroll-snap-align:start;color:#1a1a1a;box-sizing:border-box;background-color:#2a04b6;border:.2rem solid #000;border-radius:.7rem;flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:calc(25% - .5rem);height:15rem;padding:2rem .2rem 1rem;font-size:1rem;font-weight:700;display:flex;box-shadow:.4rem .4rem #0e0057}.carousel-item2{scroll-snap-align:start;color:#1a1a1a;box-sizing:border-box;background-color:#2a04b6;border:.2rem solid #000;border-radius:.7rem;flex-direction:column;justify-content:space-between;align-items:center;height:15rem;padding:2rem .2rem 1rem;font-size:1rem;font-weight:700;display:flex;box-shadow:.4rem .4rem #0e0057}
.packImg{border-radius:.7rem;width:80%;padding:0}.packTitle{color:var(--white-font);text-align:center;word-break:break-word;margin:0 0 .5rem;font-size:1.5rem;font-weight:900;line-height:2rem}.packTag{color:#000;background-color:#add8e6;border-radius:.7rem;margin:0;padding:.1rem .5rem;font-size:1rem;font-weight:500}.packPrice{color:#fff;margin:.5rem 0 0;font-size:1.3rem;font-weight:900}.packButton{box-sizing:border-box;background-color:var(--yellow-font);color:#00147b;cursor:pointer;border-bottom:.2rem solid #9e7717;border-right:.2rem solid #9e7717;border-radius:.7rem;justify-content:center;align-items:center;width:8rem;height:2.5rem;padding:.5rem 2rem;font-size:1.3rem;font-weight:900;transition:all .2s;display:flex}.packButton:hover{transform:scale(1.02)}.packContentWrapper{flex-direction:column;justify-content:start;align-items:center;width:100%;height:30rem;display:flex}.packContentWrapperMinimal{flex-direction:column;justify-content:center;align-items:center;width:100%;height:30rem;display:flex}
