@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);:root{--color_primary:#0a5b7e;--color-text:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fffdfb;background-color:#e4e4e4f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z' fill='%23f5f5f5' fill-opacity='.28' fill-rule='evenodd'/%3E%3C/svg%3E")}header{position:-webkit-sticky;position:sticky;top:0}.navbar{align-items:center;background-color:#0a5b7e;display:flex;justify-content:space-between;padding:10px 50px}@media screen and (max-width:500px){.navbar{padding:10px 20px}}.navbar .logo{border:2px solid rgba(255,69,105,.7);border-radius:15%;font-family:Pacifico,cursive;font-size:20px;letter-spacing:1px;padding:2px 14px}.navbar .search_bar{align-items:center;border:1px solid #d3d3d3;border-radius:10px;display:flex;gap:.5rem;padding:5px 15px;width:50%}@media screen and (max-width:500px){.navbar .search_bar{border:none;width:60%}}.navbar .search_bar input{background:transparent;border:none;color:#f5f5f5;outline:none;padding:5px;width:100%}.navbar .search_bar #search::-webkit-search-cancel-button{background-color:red;border:2px solid red;color:red}.navbar .cart_icon_container{position:relative}.navbar .cart_icon_container:hover{cursor:pointer}.navbar .cart_icon_container small{background-color:#f42d2d;border-radius:50%;color:#fff;padding:5px;position:absolute;right:-10px;text-align:center;top:-11px;width:20px}.navbar .icon{color:#f5f5f5;cursor:pointer;text-decoration:none}.navbar .icon.blow{-webkit-animation:blow .3s ease-in-out 1 alternate;animation:blow .3s ease-in-out 1 alternate}@-webkit-keyframes blow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes blow{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.4);transform:scale(1.4)}}.carts_container{height:100vh;position:relative}@media screen and (max-width:500px){.carts_container{height:auto}}.carts_container .cart_main{display:flex;gap:1rem;height:calc(100vh - 70px);overflow:hidden;padding:3rem 5rem}@media screen and (max-width:500px){.carts_container .cart_main{flex-direction:column;height:100%;padding:1rem}}.carts_container .cart_main .cart_summary{border:1px solid var(--color_primary);border-radius:5px;flex:3.5 1;height:100%;overflow:hidden}.carts_container .cart_main .price_details{border:1px solid var(--color_primary);border-radius:5px;flex:1.5 1}.carts_container .cart_main .cart_title{background-color:var(--color_primary);border-radius:5px 5px 0 0;color:#f5f5f5;height:2.5rem;padding:.5rem 1rem}.carts_container .cart_main .cart_items_container{height:calc(100% - 2.5rem);margin-bottom:2rem;overflow-y:scroll;padding:1rem}@media screen and (max-width:500px){.carts_container .cart_main .cart_items_container{margin-bottom:0}}.carts_container .cart_main .empty_cart{align-items:center;display:flex;flex:3 1;flex-direction:column;gap:2rem;padding:5rem}@media screen and (max-width:500px){.carts_container .cart_main .empty_cart{padding:1rem}}.carts_container .cart_main .empty_cart .sad_icon{color:hsla(0,1%,60%,.658);display:flex;font-size:100px;justify-content:center;width:100%}.carts_container .cart_main .empty_cart h2,.carts_container .cart_main .empty_cart h3{color:hsla(0,1%,60%,.658)}.carts_container .cart_main .empty_cart button:last-of-type{background-color:var(--color_primary);border:1px solid transparent;border-radius:5px;color:#f5f5f5;padding:.5rem 1rem;transition:all .3s ease}.carts_container .cart_main .empty_cart button:last-of-type:hover{background-color:transparent;border-color:var(--color_primary);color:var(--color_primary)}.cart_item{align-items:center;border-radius:1rem;box-shadow:4px 6px 14px -5px rgba(0,0,0,.66);-webkit-box-shadow:4px 6px 14px -5px rgba(0,0,0,.66);-moz-box-shadow:4px 6px 14px -5px rgba(0,0,0,.66);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.cart_item .item_img{border:1px solid #d3d3d3;border-radius:10px;height:100px;object-fit:contain;width:100px}.cart_item .cart_item_details{align-items:center;display:flex;flex:4 1;justify-content:space-between}.cart_item .cart_item_details .left{display:flex;flex-direction:column;gap:.5rem}.cart_item .cart_item_details .left .qty_container{align-items:center;display:flex;gap:.5rem;justify-content:space-around}.cart_item .cart_item_details .left .qty_container .qty_btn{align-items:center;background-color:transparent;border:1px solid gray;border-radius:50%;display:flex;font-size:20px;height:30px;justify-content:center;padding:.3rem;width:30px}.cart_item .cart_item_details .left .qty_container .qty_btn:hover{cursor:pointer}.cart_item .cart_item_details .left .qty{aspect-ratio:4/1.5;border:1px solid gray;border-radius:5px;padding:.5rem;text-align:center}.cart_item .cart_item_details .delete_btn{background-color:transparent;border:none;border-radius:5px;color:rgba(0,0,0,.338);outline:none;transition:all .3s ease}.cart_item .cart_item_details .delete_btn:hover{color:red;cursor:pointer}.price_details{position:relative}.price_details .items{border-bottom:2px solid hsla(0,0%,50%,.342);display:flex;flex-direction:column;gap:1rem;padding:1rem}.price_details .items .summary_item{display:flex;justify-content:space-between}@media screen and (max-width:500px){.price_details .items .summary_item h2,.price_details .items .summary_item h3{font-size:20px}}.price_details .items .disc_icon{align-items:center;color:green;display:flex;font-size:20px;font-weight:500;gap:2rem}.price_details .discount{border:none}.price_details .total{border:none;border-top:2px solid hsla(0,0%,50%,.342);bottom:0;position:absolute;width:100%}@media screen and (max-width:500px){.price_details .total{position:relative}}.price_details .total h3{font-size:25px}.price_details .total .order_btn{background-color:#ff7b00;border:2px solid #ff7b00;border-radius:5px;color:#f5f5f5;font-size:25px;font-weight:500;height:3rem;transition:all .3s ease;width:100%}.price_details .total .order_btn:hover{background-color:transparent;color:#ff7b00;cursor:pointer}.error_modal{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(0,0,0,.288);display:block;height:100vh;position:absolute;top:0;transition:all .5s ease;width:100vw}.error_modal .error{background-color:hsla(0,0%,100%,.822);border:1px solid transparent;border-radius:1rem;color:#ff2f2f;left:50%;padding:3rem;position:relative;top:15%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-max-content;width:max-content;z-index:200}@media screen and (max-width:500px){.error_modal .error{text-align:center;top:40%;width:80%}}.error_modal .error .btn{background-color:tomato;border:1px solid transparent;border-radius:5px;color:#fff;padding:.3rem;position:absolute;right:1rem;top:1rem}.error_modal .error .btn:hover{background-color:transparent;border-color:red;color:red;cursor:pointer}.filter_container{box-shadow:3px 1px 14px -5px rgba(0,0,0,.75);-webkit-box-shadow:3px 1px 14px -5px rgba(0,0,0,.75);-moz-box-shadow:3px 1px 14px -5px rgba(0,0,0,.75);display:flex;flex-direction:column;padding:1rem}.filter_container.active{-webkit-transform:translateX(0);transform:translateX(0)}@media screen and (max-width:500px){.filter_container{background-color:#f0f8ff;height:100%;position:absolute;-webkit-transform:translateX(-85%);transform:translateX(-85%);transition:all .5s ease;width:70%;z-index:2}.filter_container .burger_container{padding-right:.3rem;padding-top:.3rem;position:absolute;right:0;top:0}.filter_container .burger_container .filter_icon{border:1px solid rgba(10,91,126,.533);border-radius:5px;color:rgba(10,91,126,.533)}}.filter_container h3{border-bottom:1px solid hsla(0,0%,87%,.87);color:gray;padding-bottom:.5rem}.filter_container .filter_name{border-bottom:1px dashed #d3d3d3;margin-top:.5rem}.filter_container .filter_name input:hover{cursor:pointer}.filter_container .filter_name .colors_container{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.filter_container .filter_name .colors_container .color{border:1px solid hsla(0,0%,50%,.237);border-radius:5px;height:30px;transition:all .3s ease;width:30px}.filter_container .filter_name .colors_container .color:hover{box-shadow:0 0 15px 2px rgba(31,252,225,.87);-webkit-box-shadow:0 0 15px 2px rgba(31,252,225,.87);-moz-box-shadow:0 0 15px 2px rgba(31,252,225,.87);cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.filter_container .filter_name .colors_container .color.selected{border:4px solid gray}.filter_container .title{color:#353535;font-size:20px;font-weight:500;margin-bottom:.5rem}.filter_container .filter_item{align-items:center;display:flex;gap:1rem;padding:2px 20px}.filter_container .filter_item input:hover{box-shadow:inset 0 0 2px 2px rgba(56,140,214,.66);-webkit-box-shadow:inset 0 0 2px 2px rgba(56,140,214,.66);-moz-box-shadow:inset 0 0 2px 2px rgba(56,140,214,.66)}.filter_container .filter_item input[type=number]{background-color:transparent;border:1px solid hsla(0,0%,50%,.603);border-radius:5px;padding:.5rem;width:80px}.filter_container .filter_btn_container{align-items:center;display:flex;gap:1.5rem;justify-content:center;padding:1rem}.filter_container .filter_btn_container .btn{background-color:#0a5b7e;border:1px solid transparent;border-radius:5px;color:#f5f5f5;padding:.3rem 1rem;transition:all .3s ease}.filter_container .filter_btn_container .btn:first-child{background-color:dimgray}.filter_container .filter_btn_container .btn:first-child:hover{border-color:#2b2b2b;color:#2c2c2c}.filter_container .filter_btn_container .btn:hover{background-color:transparent;border-color:#0a5b7e;color:#0a5b7e;cursor:pointer;font-weight:500}.filter_container .burger_container{padding-right:.3rem;padding-top:.3rem;position:absolute;right:0;top:0}.filter_container .burger_container .filter_icon{border:1px solid rgba(10,91,126,.533);border-radius:5px;color:rgba(10,91,126,.533)}.home_container{overflow-y:hidden;position:relative}.main{display:flex;height:calc(100vh - 70px)}.filter_container{flex:1 1}.items_container{display:flex;flex:4 1;flex-wrap:wrap;gap:1rem;gap:20px;height:100%;justify-content:center;max-width:80%;overflow-y:scroll;padding:1rem}.items_container::-webkit-scrollbar{background-color:transparent;width:.5rem}.items_container::-webkit-scrollbar-thumb{background-color:rgba(10,91,126,.58);border-radius:1rem}@media screen and (max-width:500px){.items_container{align-self:flex-end;gap:1rem;justify-content:flex-end;max-width:100%}}.product_card{border-radius:5% 5% 0 5%;box-shadow:4px 6px 14px -5px rgba(0,0,0,.66);-webkit-box-shadow:4px 6px 14px -5px rgba(0,0,0,.66);-moz-box-shadow:4px 6px 14px -5px rgba(0,0,0,.66);height:-webkit-max-content;height:max-content;overflow:hidden;position:relative;width:220px}@media screen and (max-width:500px){.product_card{width:160px}}.img_div{aspect-ratio:1/.7;border-radius:10% 10% 0 0;overflow:hidden}.img_div img{object-fit:cover;transition:all .3s ease;width:100%}.img_div img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.product_details{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.301);display:flex;flex-direction:column;padding:20px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:100}@media screen and (max-width:500px){.product_details{background-color:hsla(0,0%,100%,.301);padding:10px}}.product_details:hover{box-shadow:-7px -19px 36px -21px rgba(0,0,0,.62);-webkit-box-shadow:-7px -19px 36px -21px rgba(0,0,0,.62);-moz-box-shadow:-7px -19px 36px -21px rgba(0,0,0,.62);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.price_buy{align-items:center;display:flex;font-family:Bebas Neue,cursive;justify-content:space-between;margin-top:10px;width:100%}.price_buy .price{font-size:20px}.price_buy .price span{font-family:Bebas Neue,cursive;font-size:30px}@media screen and (max-width:500px){.price_buy .price span{font-size:20px}}.price_buy button{background-color:#069a8e;border:none;border-radius:10px;color:#f7ff93;padding:5px}.price_buy button:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.success_main{padding:5rem}@media screen and (max-width:500px){.success_main{padding:1rem;text-align:center}}.success_main .main_container{align-items:center;border:1px solid var(--color_primary);border-radius:5px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem 5rem 5rem;width:100%}@media screen and (max-width:500px){.success_main .main_container{padding:1rem}}.success_main .main_container .success_icon{color:#05bb05;font-size:100px}.success_main .main_container .shop_more_btn,.success_main .main_container .shopmore_btn{background-color:#ff7b00;border:2px solid #ff7b00;border-radius:5px;color:#f5f5f5;font-size:25px;font-weight:500;height:3rem;margin-right:2rem;padding:auto 2rem;transition:all .3s ease;width:100%}.success_main .main_container .shop_more_btn:hover,.success_main .main_container .shopmore_btn:hover{background-color:transparent;color:#ff7b00;cursor:pointer}.success_main .main_container .shopmore_btn{border:none;margin-top:2rem;padding:auto 2rem;width:-webkit-max-content;width:max-content}@media screen and (max-width:500px){.success_main .main_container .shopmore_btn{padding:auto 0}}.success_main .main_container .order_progress_container{align-items:center;display:flex;margin-top:1rem;width:70%}@media screen and (max-width:500px){.success_main .main_container .order_progress_container{width:100%}}.success_main .main_container .order_progress_container hr{background-color:transparent;border-bottom:3px dashed gray;height:0;width:100%}.success_main .main_container .order_progress_container .progress{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:600px}.success_main .main_container .order_progress_container .progress .circle{align-items:center;border:2px solid hsla(0,0%,66%,.747);border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.success_main .main_container .order_progress_container .progress .circle.success{-webkit-animation:blink 1s ease-in-out infinite alternate;animation:blink 1s ease-in-out infinite alternate;border:2px solid green;height:20px;width:20px}.success_main .main_container .order_progress_container .progress .circle.success .inner_dot{background-color:green}.success_main .main_container .order_progress_container .progress .circle .inner_dot{background-color:#a8a8a8;border-radius:50%;height:8px;width:8px}@-webkit-keyframes blink{0%{border-color:rgba(0,128,0,.288)}to{border-color:green}}@keyframes blink{0%{border-color:rgba(0,128,0,.288)}to{border-color:green}}
/*# sourceMappingURL=main.7395e890.css.map*/