.page-module__lFi_2a__container{padding-top:4rem;padding-bottom:4rem}.page-module__lFi_2a__emptyContainer{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:50vh;display:flex}.page-module__lFi_2a__cartGrid{grid-template-columns:1fr;gap:3rem;display:grid}.page-module__lFi_2a__itemsList{flex-direction:column;gap:1.5rem;display:flex}.page-module__lFi_2a__item{border-bottom:1px solid var(--secondary);grid-template-columns:80px 1fr 100px 80px 40px;align-items:center;gap:1rem;padding-bottom:1.5rem;display:grid}.page-module__lFi_2a__imageWrapper{border-radius:var(--border-radius);background-color:#f5f5f5;width:80px;height:80px;position:relative;overflow:hidden}.page-module__lFi_2a__image{object-fit:cover}.page-module__lFi_2a__itemName{color:var(--foreground);font-weight:500}.page-module__lFi_2a__controls{align-items:center;gap:.5rem;display:flex}.page-module__lFi_2a__quantityBtn{border:1px solid var(--secondary);width:24px;height:24px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.page-module__lFi_2a__quantityBtn:hover{background-color:var(--secondary)}.page-module__lFi_2a__removeBtn{color:var(--text-muted);font-size:1.5rem;transition:color .2s}.page-module__lFi_2a__removeBtn:hover{color:#ff4d4f}.page-module__lFi_2a__summary{border-radius:var(--border-radius);background-color:#fafafa;height:fit-content;padding:2rem}.page-module__lFi_2a__summary h2{font-family:var(--font-serif);margin-bottom:1.5rem}.page-module__lFi_2a__summaryRow{color:var(--text-muted);justify-content:space-between;margin-bottom:1rem;display:flex}.page-module__lFi_2a__total{border-top:1px solid var(--secondary);color:var(--foreground);margin-top:1rem;padding-top:1rem;font-size:1.2rem;font-weight:600}.page-module__lFi_2a__checkoutBtn{text-align:center;width:100%;margin-top:1.5rem}@media (min-width:1024px){.page-module__lFi_2a__cartGrid{grid-template-columns:2fr 1fr;gap:4rem}}@media (max-width:640px){.page-module__lFi_2a__item{grid-template-columns:60px 1fr 40px;grid-template-areas:"img name remove""img controls total";gap:.5rem}.page-module__lFi_2a__imageWrapper{grid-area:img}.page-module__lFi_2a__itemDetails{grid-area:name}.page-module__lFi_2a__controls{grid-area:controls}.page-module__lFi_2a__totalItemPrice{text-align:right;grid-area:total}.page-module__lFi_2a__removeBtn{grid-area:remove;justify-self:end}}
