.shoppingCartContainer{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.shoppingContainer{width:100%;min-height:65vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));align-items:center;justify-items:center;margin-bottom:5vh;grid-gap:15px;gap:15px}.quantity{gap:15px;border:1px solid var(--dc);border-radius:10px;width:80%}.quantity,.quantity button{display:flex;align-items:center}.quantity button{width:100%;height:20px;font-size:24px;text-align:center;color:var(--dc);background-color:transparent;cursor:pointer;transition:all .3s ease-in-out;justify-content:center}.quantity button:not(:disabled):hover{font-weight:700}.quantity button:disabled{cursor:not-allowed}.quantity span{font-size:20px;font-weight:800;color:var(--yc)}.shoppingText{color:var(--dc);padding:3vh 0}.shoppingCartContainer .total{display:flex;justify-content:center;width:100%;align-items:center;padding-top:20px}.shoppingCartContainer .totalBox{width:80%;display:flex;justify-content:space-between;align-items:center;border-radius:15px;border:1px solid var(--dc);padding:10px 25px;color:var(--dc)}.shoppingCartContainer .total h2{font-weight:800}.shoppingCartContainer .total .homeBtn{font-size:large;font-weight:800}.shoppingCartContainer .total .mainBtn,.total .hoverBtn{width:200px}@media (max-width:525px){.shoppingCartContainer .totalBox{flex-direction:column;gap:15px}.quantity span{font-size:14px}}@media (max-width:375px){.shoppingContainer{display:flex;flex-direction:column}}