nav{z-index:997;background-color:#2856e0;width:100%;position:sticky;top:0}nav .desktopContainer,nav .mobileContainer,nav .orderNavContainer{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:70px;max-width:67.7rem;margin:0 auto;display:flex}nav .desktopContainer .logo,nav .mobileContainer .logo,nav .orderNavContainer .logo{min-width:7.5rem;max-width:10rem}nav .desktopContainer .logo img,nav .mobileContainer .logo img,nav .orderNavContainer .logo img{max-width:100%;height:auto}nav .desktopContainer .searchContainer,nav .mobileContainer .searchContainer,nav .orderNavContainer .searchContainer{background-color:#fff;border-radius:4px;flex-direction:row-reverse;width:100%;min-width:10rem;height:fit-content;display:flex}nav .desktopContainer .searchContainer .inputContainer,nav .mobileContainer .searchContainer .inputContainer,nav .orderNavContainer .searchContainer .inputContainer{width:100%;position:relative}nav .desktopContainer .searchContainer .inputContainer input,nav .mobileContainer .searchContainer .inputContainer input,nav .orderNavContainer .searchContainer .inputContainer input{text-indent:10px;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:4px;outline:none;width:100%;padding:20px 0;overflow:hidden}nav .desktopContainer .searchContainer .inputContainer input::placeholder,nav .mobileContainer .searchContainer .inputContainer input::placeholder,nav .orderNavContainer .searchContainer .inputContainer input::placeholder{color:#b5b5b5}nav .desktopContainer .searchContainer .inputContainer .keywordBoxContainer,nav .mobileContainer .searchContainer .inputContainer .keywordBoxContainer,nav .orderNavContainer .searchContainer .inputContainer .keywordBoxContainer{text-align:right;background-color:#fff;border-radius:4px;width:100%;padding:5px;position:absolute;top:110%;right:0;box-shadow:0 0 10px -1px #0003}nav .desktopContainer .searchContainer .inputContainer .keywordBoxContainer li,nav .mobileContainer .searchContainer .inputContainer .keywordBoxContainer li,nav .orderNavContainer .searchContainer .inputContainer .keywordBoxContainer li{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:13px;font-size:.9375rem;transition:background-color .15s;overflow:hidden}nav .desktopContainer .searchContainer .inputContainer .keywordBoxContainer li:hover,nav .mobileContainer .searchContainer .inputContainer .keywordBoxContainer li:hover,nav .orderNavContainer .searchContainer .inputContainer .keywordBoxContainer li:hover{background-color:#2856e033}nav .desktopContainer .searchContainer button,nav .mobileContainer .searchContainer button,nav .orderNavContainer .searchContainer button{cursor:pointer;color:#fff;background-color:#1dcc25;border:none;border-radius:4px;justify-items:center;width:4.4rem;font-size:1.375rem}nav .desktopContainer .shoppingCart,nav .mobileContainer .shoppingCart,nav .orderNavContainer .shoppingCart{cursor:pointer;color:#fff;background-color:#0000;border:none;justify-content:center;align-items:center;column-gap:10px;font-size:1.55rem;display:flex;position:relative}nav .desktopContainer .shoppingCart small,nav .mobileContainer .shoppingCart small,nav .orderNavContainer .shoppingCart small{color:#fff;text-align:center;background-color:#1dcc25;border-radius:47%;align-content:center;width:19px;height:19px;font-size:.775rem;position:absolute;top:-8px;left:18px}nav .mobileContainer{display:none}@media (max-width:75rem){nav .desktopContainer{display:none}nav .mobileContainer{flex-direction:column;gap:0;width:100%;padding:10px;display:flex}nav .mobileContainer section{flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;display:flex}nav .mobileContainer .logo{max-width:8rem}nav .mobileContainer .searchContainer .inputContainer{position:static}nav .mobileContainer .searchContainer .inputContainer input{padding:17px 0;font-size:.875rem}nav .mobileContainer .searchContainer .inputContainer .keywordBoxContainer{border-radius:0;width:100%;height:100vh;top:100%;right:0}nav .mobileContainer .cartContainer .sideBarBackground aside{gap:12px}nav .mobileContainer .cartContainer .sideBarBackground aside h1 button{font-size:1.5625rem;top:9%;right:5px}nav .mobileContainer .cartContainer .sideBarBackground aside .productContainer{min-width:17rem;padding:0 10px 10px}}
.sideBarBackground{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:#26345d;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:#26345d1a}.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:#2856e0;-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 .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:hover h4{text-decoration:underline}.sideBarBackground aside .productContainer .actionsContainer{flex-direction:row-reverse;justify-content:space-between;display:flex}.sideBarBackground aside .productContainer .actionsContainer .quantity{direction:rtl;max-width:8rem!important}.sideBarBackground aside .productContainer .actionsContainer .quantity button{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 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:#1dcc25;border:none;border-radius:2px;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:#1dbc24}.sideBarBackground aside section .checkoutButton:disabled{cursor:not-allowed;background-color:#b5b5b5}.sideBarBackground aside section .checkoutButton{width:calc(100% - 12px);font-size:1.0625rem}.sideBarBackground aside .emptyCart{color:#2856e080;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;display:flex}.sideBarBackground aside .emptyCart svg{font-size:8.875rem}.sideBarBackground aside .emptyCart span{font-size:1.725rem}.sideBarBackground .showAside{max-width:21rem}