.sideBarBackground{z-index:997;background-color:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.sideBarBackground aside{background-color:#fff;flex-direction:column;gap:10px;width:100%;max-width:0;height:100%;transition:all .2s ease-in-out;display:flex;overflow-x:hidden}.sideBarBackground aside h1{color:#7b7b7b;text-align:center;justify-items:center;width:100%;font-size:clamp(1.4rem,5vw,1.875rem);font-weight:500}.sideBarBackground aside h1:after{content:"";background-color:#7b7b7b;width:15%;height:2px;margin-top:16px;display:block}.sideBarBackground aside h1{z-index:5;white-space:nowrap;background-color:#fff;padding:12px 0;font-size:clamp(1.4rem,5vw,1.675rem);position:sticky;top:0}.sideBarBackground aside h1:after{width:30%;margin-top:12px}.sideBarBackground aside h1 button{cursor:pointer;color:#191919;background-color:#fff;border:none;border-radius:50%;padding:5px;font-size:1.6625rem;transition:background-color .15s;position:absolute;top:15%;right:10px}.sideBarBackground aside h1 button:hover{background-color:#1919191a}.sideBarBackground aside .productContainer{border-bottom:1px solid #b5b5b5;flex-direction:column;gap:5px;padding:0 15px 12px;display:flex}.sideBarBackground aside .productContainer .imageContainer{border-radius:4px;min-width:max-content;position:relative;overflow:hidden}.sideBarBackground aside .productContainer .imageContainer img{width:7rem;height:auto;display:block}.sideBarBackground aside .productContainer .productInfo{flex-direction:row-reverse;gap:10px;display:flex}.sideBarBackground aside .productContainer .productInfo .info{cursor:pointer;color:#191919;direction:rtl;flex-direction:column;gap:5px;padding:5px 0;text-decoration:none;display:flex}.sideBarBackground aside .productContainer .productInfo .info h4{-webkit-line-clamp:2;line-clamp:2;color:#191919;-webkit-box-orient:vertical;max-width:10rem;min-height:max-content;font-size:.8125rem;font-weight:400;display:-webkit-box;overflow:hidden}.sideBarBackground aside .productContainer .productInfo .info h4:hover{text-decoration:underline}.sideBarBackground aside .productContainer .productInfo .info .cartProductPrice{height:auto}.sideBarBackground aside .productContainer .productInfo .info .cartProductPrice p{font-size:.9rem}.sideBarBackground aside .productContainer .productInfo .info .cartProductPrice small,.sideBarBackground aside .productContainer .productInfo .info .cartProductPrice label{font-size:.7rem}.sideBarBackground aside .productContainer .productInfo .info label{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;min-height:max-content;margin-top:4px;font-size:.8rem;font-weight:500;display:-webkit-box;overflow:hidden}.sideBarBackground aside .productContainer .productInfo .info label span{color:#7b7b7b}.sideBarBackground aside .productContainer .actionsContainer{flex-direction:row-reverse;justify-content:space-between;display:flex}.sideBarBackground aside .productContainer .actionsContainer .quantityContainer{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:8rem;display:flex}.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .plusButton,.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .minusButton{cursor:pointer;color:#fff;background-color:#191919;border:none;border-radius:50px;flex-direction:row-reverse;justify-content:center;align-self:center;align-items:center;gap:10px;width:100%;margin:0;padding:12px 4px;font-size:clamp(.755rem,3.7vw,1.0625rem);transition:background-color .15s;display:flex}.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .plusButton:hover,.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .minusButton:hover{background-color:#212121}.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .plusButton:disabled,.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .minusButton:disabled{color:#848484;cursor:not-allowed;background-color:#c4c4c4}.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .plusButton,.sideBarBackground aside .productContainer .actionsContainer .quantityContainer .minusButton{width:fit-content;padding:9px;font-size:.9rem}.sideBarBackground aside .productContainer .actionsContainer .removeButton{cursor:pointer;color:red;background-color:#fff;border:1px solid red;border-radius:4px;justify-content:center;align-items:center;width:1.875rem;height:2rem;font-size:.9rem;transition:background-color .15s;display:flex}.sideBarBackground aside .productContainer .actionsContainer .removeButton:hover{background-color:#ff00000d}.sideBarBackground aside .productContainer .actionsContainer .removeButton:disabled{cursor:not-allowed;color:#ff8787;background-color:#fff;border:1px solid #ff8787}.sideBarBackground aside section{text-align:right;white-space:nowrap;background-color:#fff;flex-direction:column;gap:15px;width:100%;margin:auto 0 0;padding-bottom:10px;display:flex;position:sticky;bottom:0}.sideBarBackground aside section .totalContainer{border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;flex-direction:row-reverse;justify-content:space-between;width:100%;padding:14px 0;display:flex}.sideBarBackground aside section .totalContainer span{color:#7b7b7b;padding-right:12px;font-size:1.0625rem}.sideBarBackground aside section .totalContainer h3{color:#191919;padding-left:12px;font-size:1.125rem;font-weight:600}.sideBarBackground aside section .checkoutButton{cursor:pointer;color:#fff;background-color:#191919;border:none;border-radius:50px;flex-direction:row-reverse;justify-content:center;align-self:center;align-items:center;gap:10px;width:100%;margin:0;padding:12px 4px;font-size:clamp(.755rem,3.7vw,1.0625rem);transition:background-color .15s;display:flex}.sideBarBackground aside section .checkoutButton:hover{background-color:#212121}.sideBarBackground aside section .checkoutButton:disabled{color:#848484;cursor:not-allowed;background-color:#c4c4c4}.sideBarBackground aside section .checkoutButton{width:calc(100% - 12px);font-size:1.0625rem}.sideBarBackground aside .emptyCart{color:#bbb;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;display:flex}.sideBarBackground aside .emptyCart img{max-width:clamp(11rem,35vw,13rem);height:auto}.sideBarBackground aside .emptyCart span{font-size:1.725rem}.sideBarBackground .showAside{max-width:21rem}