header{position:fixed;top:0;left:0;width:100%;background-color:#fff;padding:20px;box-shadow:0 2px 5px #00000080;z-index:1000}body{padding-top:25px}ul{list-style:none;padding:0}li{list-style:none}nav{display:flex;align-items:center;justify-content:space-between}.nav-list{list-style-type:none;display:flex;margin:0;padding:0;align-items:center}.nav-list li{margin:5px}.nav-list a{text-decoration:none;color:#000;padding:5px 10px 5px 5px;border-radius:2px;transition:background-color .5s,color .5s;width:120px;font-size:12px;font-weight:500;font-family:Arial,Helvetica,sans-serif}.nav-list a:hover{background-color:#fff3;color:#8a2be2;font-weight:600}.nav-list a:focus{outline:0px solid none}.topnav-right{margin-left:auto}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;background-color:#fff;box-shadow:0 4px 8px #0003;min-width:170px;z-index:1}.dropdown:hover .dropdown-content{display:block;margin-left:-60px}.dropdown-content li{padding:10px 25px}.dropdown-content li a{display:block;color:#000;text-align:left}.dropdown-content li a:hover{background-color:gray;color:#8a2be2}.Profileimage{width:35px;height:35px;border-radius:50%;border:1px solid gray}.hamburger{display:none;font-size:20px;cursor:pointer;padding:10px;margin-right:10px}@media (min-width: 769px){.nav-list{flex-direction:row;justify-content:center;width:100%}}@media (max-width: 768px){.hamburger{display:block;height:20px}.nav-list{display:none;width:100%;flex-direction:column;background-color:#fff;position:absolute;top:60px;left:0;box-shadow:0 4px 8px #0003}.nav-list li{margin:10px 0;text-align:center}.nav-list.active{display:flex}}.cart-link{text-decoration:none}.cart-container{display:flex;align-items:center;float:left;margin-left:50px}.cart-icon{width:25px;height:25px;margin-right:8px;margin-bottom:3px}.cart-count{margin-left:-20px;margin-bottom:25px;border-radius:50%;background-color:red;color:#fff;padding:5px;font-size:10px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;width:500px;height:200px}.modal-content button{margin-top:15px}.verify-otp-container{display:inline-block;max-width:350px;height:auto;background-color:#fff;padding:15px;border-radius:5px}.verify-otp-label{font-size:13px;font-weight:600;margin-left:15px}.verify-otp-container input{width:300px;height:30px;border-radius:5px;margin:15px;font-size:13px;font-weight:500;color:#000}.verify-otp-container input:hover{border-color:#8a2be2;outline:none}.verify-otp-button{float:right;margin-right:25px;width:150px;height:35px;border-radius:2px;background-color:#8a2be2;font-size:13px;font-weight:600;cursor:pointer}.signup-verify-container{display:inline-block;width:400px;padding:20px;border:1px solid #ddd;border-radius:0;background-color:#f9f9f9}.signup-verify-field{display:flex;align-items:center;margin-bottom:2px}.signup-verify-label{margin-right:10px;font-weight:700}.signup-verify-input{flex:1;width:100%;padding:8px;border:1px solid #ccc;border-radius:2px;background-color:#fff;outline:none}.signup-verify-input:hover{border-color:#8a2be2}.signup-verify-button{padding:8px 10px;border:none;border-radius:2px;background-color:#8a2be2;color:#fff;cursor:pointer;transition:background-color .3s;width:100px;float:right}.signup-verify-button:hover{color:#000}@media screen and (max-width:768px){.signup-verify-container{display:inline-block;max-width:300px;padding:20px;border:1px solid #ddd;border-radius:0;background-color:#f9f9f9}}.signup-container{display:inline-block;width:400px;background-color:#fff;padding:20px}.signup-input{width:95%;height:35px;font-size:13px;font-weight:500;color:#000;border-radius:5px}.signup-input:hover{border-color:#8a2be2}.signup-input-address{width:95%;height:100px;font-size:13px;margin-bottom:10px}.signup-input-address:hover{border-color:#8a2be2}.select-gender{display:inline-block;width:100%}.signup-error-message{display:inline-block;color:red;font-size:12px;margin-top:5px;width:100%}.create-account-button{background-color:#8a2be2;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:13px;cursor:pointer;width:100%}.create-account-button:hover{color:#000}@media screen and (max-width:768px){.signup-container{display:inline-block;max-width:300px;background-color:#fff;padding:20px}.signup-input{width:95%;height:35px;font-size:13px;font-weight:500;color:#000;border-radius:5px}.signup-input:hover{border-color:#8a2be2}.signup-input-address{width:95%;height:100px;font-size:13px;margin-bottom:10px}.signup-input-address:hover{border-color:#8a2be2}.select-gender{display:inline-block;width:100%}.signup-error-message{display:inline-block;color:red;font-size:12px;margin-top:5px;width:100%}.create-account-button{background-color:#8a2be2;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:13px;cursor:pointer;width:100%}.create-account-button:hover{color:#000}}.signin-title{font-size:13px;font-weight:600;color:#8a2be2}.signin-container{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;max-width:400px;margin:auto}.signin-container div{margin-bottom:15px}.signin-label{font-size:13px;font-weight:500;color:#000;display:block;margin-bottom:5px}.signin-username-input{height:15px;width:90%;padding:10px;border:2px solid #ccc;border-radius:5px;font-size:13px;font-weight:500}.signin-username-input:focus{border-color:#8a2be2;outline:none}.signin-password-input{height:15px;width:90%;padding:10px;border:1px solid #ccc;border-radius:2px;font-size:13px;font-weight:500}.signin-password-input:focus{border-color:#8a2be2;outline:none}.signin-button-container{display:inline-block;width:400px}.signin-button{width:150px;height:40px;font-size:13px;font-weight:600;background-color:#8a2be2;border-radius:2px;color:#fff}.signin-button:hover{color:#000}.signin-link{font-size:12px;font-weight:500;color:#000;text-decoration:inherit}.signin-link:hover{color:#8a2be2}.forgotpassword-link{float:right;margin-right:15px}.forgotpassword-link:hover{color:#8a2be2}@media screen and (max-width:768px){.signin-container{background-color:#f5f5f5;padding:20px;box-shadow:0 2px 10px #0000;max-width:300px;margin:auto}.signin-container div{margin-bottom:15px}.signin-label{font-size:13px;font-weight:500;color:#000;display:block;margin-bottom:5px}.signin-username-input{height:15px;width:90%;padding:10px;border:2px solid #ccc;border-radius:5px;font-size:13px;font-weight:500}.signin-username-input:focus{border-color:#8a2be2;outline:none}.signin-password-input{height:15px;width:90%;padding:10px;border:1px solid #ccc;border-radius:2px;font-size:13px;font-weight:500}.signin-password-input:focus{border-color:#8a2be2;outline:none}.signin-button-container{display:inline-block;width:300px}.signin-button{width:100%;height:40px;font-size:13px;font-weight:600;background-color:#8a2be2;border-radius:2px;color:#fff}.signin-button:hover{color:#000}.signin-link{font-size:12px;font-weight:500;color:#000;text-decoration:inherit}.signin-link:hover{color:#8a2be2}.forgotpassword-link{float:right;margin-right:15px}.forgotpassword-link:hover{color:#8a2be2}}.fogotpassword-main-container{display:inline-block;background-color:#fff;border-radius:0%;padding:25px}.fogotpassword-main-title{color:#000;margin-bottom:50px}.fogotpassword-main-button{width:200px;height:60px;background-color:#8a2be2;font-size:13px;color:#fff;margin-left:25px;margin-right:25px}.fogotpassword-main-button:hover{color:#000}.forgotpassword-container{display:inline-block;width:400px;padding:20px;border:1px solid #ddd;border-radius:0;background-color:#f9f9f9}.fogotpassword-field{display:flex;align-items:center;margin-bottom:2px}.fogotpassword-label{margin-right:10px;font-weight:700}.fogotpassword-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:2px;background-color:#fff;outline:none}.fogotpassword-input:hover{border-color:#8a2be2}.fogotpassword-button{padding:8px 10px;border:none;border-radius:2px;background-color:#8a2be2;color:#fff;cursor:pointer;transition:background-color .3s;width:100%}.fogotpassword-button:hover{color:#000}.reset-password-label{font-size:13px;font-weight:600;margin-left:15px}.reset-password-container{display:inline-block;max-width:350px;height:auto;background-color:#fff;padding:15px;border-radius:5px}.reset-password-container input{width:300px;height:30px;border-radius:5px;margin:15px;font-size:13px;font-weight:500;color:#000}.reset-password-container input:hover{border-color:#8a2be2;outline:none}.reset-password-button{float:right;margin-right:25px;width:150px;height:35px;border-radius:2px;background-color:#8a2be2;font-size:13px;font-weight:600;cursor:pointer}.reset-password-button:hover{color:#000}.profile-form{width:400px;margin:20px auto;padding:0 75px;border-radius:0;background-color:#f9f9f9}.profile-form label{display:block;margin-bottom:8px;font-weight:500}.profile-form input{width:100%;height:35px;padding:5px;margin-bottom:15px;border-radius:2px;box-sizing:border-box}.profile-form input:hover{border-color:#8a2be2}.profile-button{background-color:#8a2be2;color:#fff;padding:10px 15px;border:none;border-radius:2px;cursor:pointer;font-size:13px;width:100%}.profile-button:hover{color:#000}.profileimages{width:150px;height:150px;border-radius:50%;border:2px solid rgb(167,165,165)}@media screen and (max-width:768px){.profile-form{max-width:300px;margin:20px auto;padding:0 75px;border-radius:0;background-color:#f9f9f9}.profile-form label{display:block;margin-bottom:8px;font-weight:500}.profile-form input{width:100%;height:35px;padding:5px;margin-bottom:15px;border-radius:2px;box-sizing:border-box}.profile-form input:hover{border-color:#8a2be2}.profile-button{background-color:#8a2be2;color:#fff;padding:10px 15px;border:none;border-radius:2px;cursor:pointer;font-size:13px;width:100%}.profile-button:hover{color:#000}.profileimages{width:150px;height:150px;border-radius:50%;border:2px solid rgb(167,165,165)}}.profile-item1{grid-area:header}.profile-item2{grid-area:main}.profile-item3{grid-area:right}.profile-item4{grid-area:footer}.profile-container{display:grid;grid-template-areas:"header header header header header header" "main main main right right right" "footer footer footer footer footer footer";gap:5px;background-color:none}.profile-container>div{background-color:none;text-align:center;padding:25px 0;font-size:25px;transition:transform .3s,box-shadow .3s;cursor:pointer}.account-container{display:inline-block;width:400px;padding:20px;border:1px solid #ddd;border-radius:0;background-color:#f9f9f9}.account-field{display:flex;align-items:center;margin-bottom:2px}.account-label{margin-right:10px;font-weight:700}.account-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:2px;background-color:#fff;outline:none}.account-input:hover{border-color:#8a2be2}input[readonly]{background-color:#e9ecef}.account-button{padding:8px 10px;border:none;border-radius:2px;background-color:#8a2be2;color:#fff;cursor:pointer;transition:background-color .3s;width:100px}.account-button:hover{color:#000}@media screen and (max-width:768px){.account-container{display:inline-block;max-width:300px;padding:20px;border:1px solid #ddd;border-radius:0;background-color:#f9f9f9}.account-field{display:flex;align-items:center;margin-bottom:2px}.account-label{margin-right:10px;font-weight:700}.account-input{flex:1;padding:8px;border:1px solid #ccc;border-radius:2px;background-color:#fff;outline:none}.account-input:hover{border-color:#8a2be2}input[readonly]{background-color:#e9ecef}.account-button{padding:8px 10px;border:none;border-radius:2px;background-color:#8a2be2;color:#fff;cursor:pointer;transition:background-color .3s;width:80px}.account-button:hover{color:#000}}.error-message,.error-message span{color:red;font-size:12px;text-align:left;margin-left:5px}.admin-form-item1{grid-area:header}.admin-form-item2{grid-area:menu}.admin-form-item3{grid-area:main}.admin-form-item4{grid-area:footer}.admin-form{display:grid;grid-template-areas:"menu header" "menu main" "menu footer";gap:10px;background-color:none;padding:10px}.admin-form>div{background-color:none;text-align:center;padding:20px 0;font-size:25px}.admin-form>div:hover{transform:translateY(-0px)}.admin-form-item2{background-color:#dcdcdc;position:fixed;top:0;left:0;width:250px;height:100%}.admin-form-item3{margin-left:200px;width:1040px;height:auto;display:flex;flex-wrap:wrap}label{color:#000;text-align:left}.menu-admin-link{font-size:15px;font-weight:600;color:#000;margin-left:10px;margin-right:10px;text-align:left}.menu-admin-link:hover{color:#8a2be2;text-decoration:underline;cursor:pointer}.UserManager-container{display:grid;grid-template-columns:50px 180px 120px 120px 80px 100px 100px 180px 100px 120px 120px 100px;padding:0}.UserManager-item{border:1px solid rgb(0,0,0);padding:3px;font-size:12px;text-align:center;cursor:pointer}.style-back-dashboard{font-size:13px;color:#fff;background-color:#8a2be2;padding:15px;border-radius:5px}.style-back-dashboard:hover{color:#fff;background-color:#000}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0}.pagination button{background-color:#8a2be2;color:#fff;border:none;padding:10px 15px;margin:0 5px;border-radius:5px;cursor:pointer;transition:background-color .3s;width:50px;font-size:13px}.pagination button:hover{background-color:#000}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination button.active{background-color:gray;font-weight:700}.pagination span{margin:0 10px;font-size:16px}.icon-style{width:25px;height:25px;float:left;margin-left:10px;margin-right:10px;margin-bottom:10px;cursor:pointer;transition:background-color .3s,transform .3s}.icon-style:hover{transform:scale(1.5)}@media (max-width: 768px){.icon-style{width:10px;height:10px;float:left;margin-left:5px;margin-right:5px;margin-bottom:5px;cursor:pointer;transition:background-color .3s,transform .3s}.icon-style:hover{transform:scale(1.5)}}.search-container{display:flex;position:relative;margin:25px 0}.search-input{text-align:left;width:350px;height:40px;border:1px solid #ccc;border-radius:2px;font-size:13px;margin-top:0}.search-input:hover{border-color:#8a2be2}.search-input:focus{border-color:#8a2be2;border-width:2px;outline:none}.search-button{height:45px;width:100px;font-size:13px;color:#fff;background-color:#8a2be2;border-radius:2px;margin-top:0}.search-button:hover{font-weight:600;background-color:#000}.results{position:absolute;top:35px;left:0;background:#fff;border:1px solid #ccc;border-radius:5px;width:325px;z-index:1;font-size:12px;text-align:left;padding:20px;margin-left:2px}.results li{list-style-type:none;cursor:pointer}.results li:hover{background-color:#f0f0f0;color:#8a2be2;font-weight:600}.productsManager-Title{margin-top:50px;font-size:25px;font-weight:500;color:#000;margin-bottom:25px}.product-container{display:grid;grid-template-columns:50px 180px 100px 100px 100px 150px 100px 100px 100px 50px 110px 70px;padding:0}.product-item{border:1px solid rgb(0,0,0);padding:3px;font-size:12px;text-align:center;cursor:pointer}.product-add-ico{width:25px;height:25px;margin-top:10px}.search-product{width:300px;height:35px;margin-right:15px;font-size:13px;border-radius:2px}@media (max-width: 768px){.product-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.productCreate-container{display:block}.productCreate-label{margin-bottom:2px;font-size:12px;float:left}.productCreate-input{font-size:12px;font-weight:400;margin:5px;cursor:text;float:center;text-align:left;float:left;width:100%;height:35px}.productCreate-textarea{font-size:12px;margin-bottom:5px;height:100px;width:100%;cursor:text}.productUpdate-container{display:block}.productUpdate-label{margin-bottom:2px;font-size:12px;float:left}.productUpdate-input{font-size:12px;font-weight:400;margin:5px;cursor:text;float:center;text-align:left;float:left;width:100%;height:35px}.productUpdate-textarea{font-size:12px;margin-bottom:5px;height:100px;width:100%;cursor:text}.Productimages{width:200px;height:200px;border-radius:5px;border:2px solid black}.product-order-container{display:grid;grid-template-columns:50px 180px 150px 100px 150px 80px 80px 100px 80px 80px 80px 200px 100px 105px;padding:0}.product-order-item{border:1px solid rgb(0,0,0);padding:5px;font-size:12px;word-wrap:break-word;text-align:center;cursor:pointer}.product-order-img{border-radius:0%;width:100px;height:100px}@media (max-width: 768px){.product-order-container{display:grid;grid-template-columns:25px 83px 75px 50px 75px 40px 40px 50px 50px 40px 50px 100px 50px 50px;padding:0}.product-order-item{border:1px solid rgb(0,0,0);padding:2px;font-size:12px;text-align:center;cursor:pointer}.product-order-img{border-radius:0%;width:50px;height:50px}.product-order-item{background-color:#fff3;border:1px solid rgb(0,0,0);padding:3px;font-size:5px;text-align:center;cursor:pointer}}.link-manager-product{font-size:13px;color:#000}.link-manager-product:hover{color:#6a5acd}@media print{body *{visibility:hidden;width:100%}.print-section,.print-section *{visibility:visible}button{display:none}}.problemsManager-Title{margin-top:50px;font-size:25px;font-weight:500;color:#000;margin-bottom:25px}.problem-container{display:grid;grid-template-columns:50px 180px 250px 100px 250px 200px 200px 150px 150px 150px;padding:0}.problem-item{border:1px solid rgb(0,0,0);padding:3px;font-size:12px;text-align:center;cursor:pointer}img{border-radius:0%}.search-problem{width:300px;height:35px;margin-right:15px;font-size:13px;border-radius:2px}@media (max-width: 768px){.problem-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.product-form-item1{grid-area:header}.product-form-item2{grid-area:menu}.product-form-item3{grid-area:main}.product-form-item4{grid-area:footer}#root{font-family:Arial,Helvetica,sans-serif}.product-form-container{display:grid;grid-template-areas:"header header header header header header" "menu main main main main main" "menu footer footer footer footer footer";gap:5px;background-color:none}.product-form-container>div{background-color:none;text-align:left;padding:0;font-size:25px;transition:transform .3s,box-shadow .3s;cursor:pointer}.product-form-container>div:hover{transform:translateY(-0px)}.product-form-item1{margin-top:15px;margin-bottom:15px;z-index:1;position:sticky;top:60px;background-color:#f5f5f5;width:105%}.product-form-item2{background-color:#fff;float:left;text-align:left;width:220px;z-index:0;position:sticky}.product-form-item3{float:left;text-align:left;width:1080px}.product-loadmore{width:200px;height:40px;font-size:13px;font-family:Arial,Helvetica,sans-serif;font-weight:600;background-color:#8a2be2;color:#fff;border-radius:5px;float:right}.product-loadmore:hover{color:#000;background-color:#dfdfdf}@media screen and (max-width: 768px){.product-form-container{display:grid;grid-template-areas:"header header header" "menu main main" "menu footer footer";gap:5px;background-color:none}.product-form-container>div{background-color:none;text-align:left;padding:0;font-size:25px;transition:transform .3s,box-shadow .3s;cursor:pointer}.product-form-container>div:hover{transform:translateY(-0px)}.product-form-item1{background-color:blak;max-width:100%;margin-top:50px;margin-bottom:15px;z-index:1}.product-form-item2{background-color:#fff;float:left;text-align:left;max-width:150px}.product-form-item3{float:left;text-align:left;width:235px}.product-loadmore{width:150px;height:40px;font-size:10px;font-family:Arial,Helvetica,sans-serif;font-weight:600;background-color:#8a2be2;color:#fff;border-radius:5px;float:left}.product-loadmore:hover{color:#000;background-color:#dfdfdf}}.product-menu-container p{display:block;text-align:left;cursor:pointer;margin-left:15px;margin-right:15px;margin-bottom:10px;font-size:12px;font-weight:600;height:auto;color:#000}.product-drop-side{position:relative;display:inline-block;background-color:#8a2be2;width:100%;height:35px;z-index:1}.product-drop-side:hover .product-drop-side-content{display:block}.product-drop-side-content{display:none;position:absolute;background-color:#8a2be2;min-width:200px;top:0;right:-200px}.product-drop-side-content p{color:#000;padding:5px;text-decoration:none;display:block;text-align:left}.product-drop-side-content p:hover,.product-drop-side:hover{background-color:#dfdfdf}@media screen and (max-width:768px){.product-menu-container p{display:block;text-align:left;cursor:pointer;margin-left:15px;margin-right:15px;margin-bottom:10px;font-size:10px;font-weight:600;height:auto;color:#000}}.card{box-shadow:0 4px 15px #00000080;background-color:#fff;max-width:200px;height:300px;margin-left:3px;margin-right:3px;margin-bottom:10px;padding:5px}.card:hover{box-shadow:0 8px 16px #00000080}img{margin-left:auto;margin-right:auto;width:200px;height:200px;cursor:pointer}p{color:#000;text-align:left;cursor:pointer}.productname{font-size:13px;font-weight:500;text-overflow:clip;display:block;overflow:hidden;white-space:wrap;word-wrap:break-word;width:195px;height:55px;margin-left:5px;margin-right:5px}.productname:hover{color:#8a2be2}.price{color:#ff4500;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:0;text-wrap:nowrap;margin-left:5px;margin-right:5px}.ProductsList{display:flex;float:left}@media screen and (max-width:768px){.card{box-shadow:0 4px 15px #00000080;background-color:#fff;max-width:100px;height:170px;margin-left:3px;margin-right:3px;margin-bottom:10px;padding:5px}.card:hover{box-shadow:0 8px 16px #00000080}img{margin-left:auto;margin-right:auto;width:100px;height:100px;cursor:pointer}p{color:#000;text-align:left;cursor:pointer}.productname{font-size:10px;font-weight:500;text-overflow:clip;display:block;overflow:hidden;white-space:wrap;word-wrap:break-word;width:95px;height:25px;margin-left:5px;margin-right:5px}.productname:hover{color:#8a2be2}.price{color:#ff4500;font-size:10px;font-weight:700;cursor:pointer;margin-bottom:0;text-wrap:nowrap;margin-left:5px;margin-right:5px}.ProductsList{display:flex;float:left}}.search-container-product{position:relative;margin:25px 0;float:left}.search-input-product{width:350px;height:30px;padding:5px;border:1px solid grey;border-radius:4px;font-size:12px}.search-input-product:focus{border-color:#8a2be2;box-shadow:0 0 5px #00000080;outline:none}.results-product{position:absolute;top:35px;right:0;background:#fff;border:1px solid grey;border-radius:5px;width:325px;z-index:2;font-size:12px;text-align:left;padding:20px}.results-product li{list-style-type:none;cursor:pointer}.results-product li:hover{color:#8a2be2;font-weight:600}.button-product-search{width:100px;height:40px;font-size:13px;margin-top:30px;background-color:#8a2be2;border-radius:2px}.button-product-search:hover{color:#000;background-color:gray}@media screen and (max-width:768px){.search-input-product{float:right;max-width:200px;height:30px;padding:5px;border:1px solid gray;border-radius:4px;font-size:12px}.search-input-product:focus{border-color:#8a2be2;box-shadow:0 0 5px #00000080;outline:none}.results-product{position:absolute;top:35px;right:0;background:#fff;border:1px solid gray;border-radius:5px;width:180px;z-index:2;font-size:12px;text-align:left;padding:20px}.results-product li{list-style-type:none;cursor:pointer}.results-product li:hover{color:#8a2be2;font-weight:600}}.loading-modal{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.loading-modal-content{border-radius:10px;text-align:center}.loader{border:8px solid #f3f3f3;border-top:8px solid blueviolet;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}p{margin-top:10px;font-size:18px}.About-Title{margin-top:50px;font-size:25px;font-weight:500;color:#000;margin-bottom:25px}.About-container{display:flex;align-items:center}.About-container img{width:50px;height:50px;margin-right:10px;margin-left:10px;border-radius:0%}.About-container p{font-size:12px;font-weight:400;color:#000}.Contact-Title{margin-top:50px;font-size:25px;font-weight:500;color:#000;margin-bottom:25px}.Contact-container{display:flex;align-items:center}.Contact-container img{width:50px;height:50px;margin-right:10px;margin-left:10px;border-radius:0%}.Contact-container p{font-size:12px;font-weight:400;color:#000}.product-detail-item1{grid-area:header}.product-detail-item2{grid-area:productimg}.product-detail-item3{grid-area:main}.product-detail-item4{grid-area:right}.product-detail-item5{grid-area:footer}.product-detail-container{display:grid;grid-template-areas:"header header header header right right" "productimg main main main right right" "footer footer footer footer footer footer"}.product-detail-container>div{text-align:center;font-size:13px}.product-detail-item1,.product-detail-item2,.product-detail-item3{background-color:#fff}.product-detail-item4{background-color:#fff;margin-left:1px}.product-detail-item5{background-color:#fff;margin-top:1px}@media screen and (max-width: 768px){.product-detail-container{display:grid;grid-template-areas:"header" "productimg" "right" "main" "footer"}.product-detail-container>div{text-align:center;font-size:13px}}p{font-family:Arial,Helvetica,sans-serif;font-size:15px;text-align:left}.main-slide{text-align:center;margin-bottom:10px;width:450px}.product-detail-img{width:400px;height:400px;padding:0;display:flex;margin:15px 25px;border:.1rem solid rgb(94,91,91)}.thumbnails{display:flex;justify-content:center}.thumbnails img{background:none;border:none;cursor:pointer;width:60px;height:60px;margin-left:5px}.thumbnails img{border:2px solid black}.thumbnails img:hover{border:2px solid blue}.dots{display:flex;justify-content:center;margin-top:10px}.dot{width:10px;height:10px;border-radius:50%;background:gray;margin:0 5px;border:none;cursor:pointer}.dot.active{background:#00f}.buy-container{display:block;width:650px;margin-top:250px;margin-left:15px;margin-right:15px}.buy-addtocart-container{display:flex}.buy-button{float:left;margin-left:50px;width:150px;height:40px;font-size:13px;font-weight:600;background-color:#ff4500}.buy-button:hover{color:#8a2be2}.add-to-cart-button{margin-left:20px;margin-right:50px;width:250px;height:40px;font-size:13px;font-weight:600;background-color:gray}.add-to-cart-button:hover{color:#8a2be2}.standarddelivery{width:200px;margin-top:25px;margin-left:15px;margin-right:15px}.description{margin-top:25px;margin-left:15px;margin-right:15px}@media screen and (max-width: 768px){.main-slide{text-align:center;margin-bottom:10px;max-width:300px}.product-detail-img{max-width:250px;max-height:250px;padding:0;display:flex;margin:15px 25px;border:.1rem solid rgb(94,91,91)}.thumbnails{display:flex;justify-content:center}.thumbnails img{background:none;border:none;cursor:pointer;width:40px;height:40px;margin-left:5px}.thumbnails img{border:2px solid black}.thumbnails img:hover{border:2px solid blue}.buy-container{display:block;max-width:300px;width:100%;margin-top:25px;margin-left:15px;margin-right:15px}.buy-addtocart-container{display:flex;width:100%}.buy-button{float:left;margin-left:50px;max-width:45px;height:40px;font-size:13px;font-weight:600;background-color:#ff4500}.add-to-cart-button{margin-left:20px;margin-right:50px;width:250px;height:40px;font-size:13px;font-weight:600;background-color:gray}.standarddelivery{max-width:200px;width:100%;margin-top:25px;margin-left:30px;margin-right:30px}.description{margin-top:25px;margin-left:20px;margin-right:20px}}.product-cart-item1{grid-area:header}.product-cart-item2{grid-area:productcartimg}.product-cart-item3{grid-area:left}.product-cart-item4{grid-area:main}.product-cart-item5{grid-area:right}.product-cart-item6{grid-area:footer}.product-cart-container{display:grid;grid-template-areas:"header header header header" "productcartimg left main right" "footer footer footer footer ";gap:0px;background-color:#f3ebeb;padding:10px;border-radius:5px;margin-bottom:15px}.product-cart-container>div{background-color:none;text-align:center;padding:0;font-size:13px}.selectproduct{display:flex;cursor:pointer;width:25px}.product-cart-img{display:flex;margin-top:5px;margin-left:5px;width:100px;height:100px;border-radius:1rem;border:2px solid black}.product-cart-img-out-of-stock{display:flex;margin-top:5px;margin-left:5px;width:100px;height:100px;border-radius:1rem;border:2px solid black;opacity:.5}.product-cart-list{display:block;width:500px;text-align:left;word-wrap:break-word;margin-left:20px}.product-cart-name{font-size:13px;margin-left:15px;margin-right:5px;color:#000;font-weight:500}.product-cart-price{font-size:13px;margin-top:30px;margin-left:15px;margin-right:15px;color:orange;font-weight:600}.product-cart-shippingcost,.product-cart-productcartqty{font-size:13px;margin-left:15px;margin-right:15px;color:gray}.product-cart-qty-value{font-size:13px;margin-right:10px;width:40px;color:#000}.product-cart-delete{margin-top:120px;margin-left:15px;margin-right:15px;cursor:pointer;float:right;transition:background-color .3s,transform .3s}.product-cart-delete:hover{transform:scale(1.5)}.total{margin-top:20px;padding:10px;background-color:#f3ebeb;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.productcartorder{height:40px;width:150px;background-color:#ff4500;font-size:13px;font-weight:600;border-radius:2px;color:#fff}.productcart-paymentmethod{margin-top:20px;padding:10px;background-color:#f3ebeb;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}@media screen and (max-width:768px){.selectproduct{display:flex;cursor:pointer;width:25px}.product-cart-img{display:flex;margin-top:5px;margin-left:5px;width:50px;height:50px;border-radius:1rem;border:2px solid black}.product-cart-img-out-of-stock{display:flex;margin-top:5px;margin-left:5px;width:50px;height:50px;border-radius:1rem;border:2px solid black;opacity:.5}.product-cart-list{display:block;max-width:240px;text-align:left;word-wrap:break-word;margin-left:20px}.product-cart-name{font-size:12px;margin-left:15px;margin-right:5px;color:#000;font-weight:500}.product-cart-price{font-size:12px;margin-top:30px;margin-left:15px;margin-right:15px;color:orange;font-weight:600}.product-cart-shippingcost,.product-cart-productcartqty{font-size:13px;margin-left:15px;margin-right:15px;color:gray}.product-cart-qty-value{font-size:13px;margin-right:10px;width:40px;color:#000}.product-cart-delete{margin-top:120px;margin-left:15px;margin-right:15px;cursor:pointer;float:right;transition:background-color .3s,transform .3s}.product-cart-delete:hover{transform:scale(1.5)}.total{margin-top:20px;padding:10px;background-color:#f3ebeb;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.productcartorder{height:40px;width:150px;background-color:#ff4500;font-size:13px;font-weight:600;border-radius:2px;color:#fff}.productcart-paymentmethod{margin-top:20px;padding:10px;background-color:#f3ebeb;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}}.modal-confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-confirmation{background-color:#fff;padding:20px;border-radius:8px;max-width:500px;width:100%;text-align:center}.modal-confirmation-actions button{margin:10px;padding:10px 20px;background-color:#8a2be2;color:#fff;border:none;border-radius:2px;cursor:pointer}.modal-confirmation-actions button:hover{background-color:gray}p{font-family:Arial,Helvetica,sans-serif;font-size:15px;text-align:left;margin-left:15px;margin-right:15px}b{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;text-align:left}.productpaynowform{display:block;width:500px;background-color:#fff;margin-top:50px;padding:20px}.productpaynowimg{width:250px;height:250px;display:block;margin-left:auto;margin-right:auto;border:1px solid gray}.productpaynow-qty{display:inline-block;width:100%;margin-left:15px;margin-right:15px}.selectpaynowmethod{display:inline-block;width:100%}.paynow-button{width:150px;height:40px;background-color:#ff4500;color:#fff;font-size:13px;font-weight:600}@media screen and (max-width:768px){p{font-family:Arial,Helvetica,sans-serif;font-size:15px;text-align:left;margin-left:15px;margin-right:15px}b{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;text-align:left}.productpaynowform{display:block;max-width:300px;background-color:#fff;margin-top:50px;padding:20px}.productpaynowimg{width:250px;height:250px;display:block;margin-left:auto;margin-right:auto;border:1px solid gray}.productpaynow-qty{display:inline-block;width:100%;margin-left:15px;margin-right:15px}.selectpaynowmethod{display:inline-block;width:100%}.paynow-button{width:150px;height:40px;background-color:#ff4500;color:#fff;font-size:13px;font-weight:600}}.product-order-list-item1{grid-area:header}.product-order-list-item2{grid-area:productimg}.product-order-list-item3{grid-area:main}.product-order-list-item4{grid-area:right}.product-order-list-item5{grid-area:footer}.product-order-list-container{display:grid;grid-template-areas:"header header header header header header" "productimg main main main right right";background-color:#f3ebeb;border-radius:5px;margin-bottom:15px;cursor:pointer}.product-order-list-container>div{text-align:center;font-size:13px}.productOrderList-title{font-size:20px;font-weight:600;margin-top:50px}.img-productOrderList-item2{margin-top:5px;margin-left:5px;max-width:100px;max-height:100px;border-radius:1rem;border:2px solid black}.productOrderList-Container-item3{display:inline-block;width:500px;margin-bottom:15px;text-align:left;word-wrap:break-word}.productOrderList-Container-item4{display:inline-block;width:200px;margin-bottom:15px;text-align:left;word-wrap:break-word}@media screen and (max-width: 768px){.img-productOrderList-item2{margin-top:5px;margin-left:5px;max-width:50px;max-height:50px;border-radius:5px;border:2px solid black}.productOrderList-Container-item3{display:inline-block;max-width:200px;margin-bottom:15px;text-align:left;word-wrap:break-word}.productOrderList-Container-item4{display:inline-block;max-width:150px;margin-bottom:15px;text-align:left;word-wrap:break-word}}.footer-content p{position:fixed;left:0;right:0;bottom:0;width:100%;height:50px;opacity:.5;color:#000;text-align:center;cursor:pointer;font-size:10px}li a{display:block;text-align:center;padding:5px 40px;text-decoration:none}.bottomnav-left{float:left;position:relative}.bottomnav-center{float:center;position:relative}.bottomnav-right{float:right;position:relative}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:12px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1;margin-top:10px}input{font-size:12px;font-weight:400;margin:5px;cursor:text;float:center;text-align:left;float:left;width:200px;height:20px}label{display:block;font-size:12px;margin:5px;cursor:default;float:left}a{font-size:12px;font-weight:400;color:#fff;text-decoration:inherit}a:hover{color:#535bf2}button{margin-top:15px;border:1px solid transparent;font-weight:500;font-family:inherit;transition:border-color .25s;height:40px;width:40%;padding:10px;background-color:b;color:#fff;border:none;border-radius:none;font-size:13px;cursor:pointer;margin-bottom:15px}@media (prefers-color-scheme: light){:root{color:#000;background-color:#f5f5f5}a:hover{color:#8a2be2}}#root{max-width:auto;margin:0 auto;text-align:center;padding-top:5rem;padding-bottom:5rem}