*{margin:0}body{font-family:Space Grotesk,sans-serif}.nav{align-items:center;background-color:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:12px 55px}.nav h2{font-size:22px}.list{align-items:center;color:gray;display:flex;font-size:16px;font-weight:400;gap:24px;justify-content:center;margin-left:auto;text-decoration:none}.list p:hover{color:#000}.button{display:flex;gap:5px;margin-left:auto}Link{color:#000;text-decoration:none}@media screen and (max-width:1050px){.nav{padding:12px 20px}.nav h2{font-size:18px}.list{font-size:15px;gap:12px}.button{gap:2px}}.login{align-items:center;-webkit-backdrop-filter:contrast(60%);backdrop-filter:contrast(60%);display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:50}.loginIn{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);width:40%}.loginhead{align-items:center;border-bottom:1px solid #bcbbbb;display:flex;justify-content:space-between;padding:15px 15px 10px}.loginhead .cancel{color:grey;cursor:pointer;font-size:25px}.loginbody{gap:18px;padding:20px 15px}.loginbody,.logininput{display:flex;flex-direction:column}.logininput{gap:15px;padding:12px 0}@media screen and (max-width:1050px){.loginIn{width:55%}}@media screen and (max-width:730px){.loginIn{width:75%}}@media screen and (max-width:500px){.loginIn{width:95%}}.input{display:flex;flex-direction:column;gap:10px}label{color:gray}input{border:1px solid #c0bebe;border-radius:5px}.Register{align-items:center;-webkit-backdrop-filter:contrast(60%);backdrop-filter:contrast(60%);display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:50}.RegisterIn{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);width:40%}.Registerhead{align-items:center;border-bottom:1px solid #bcbbbb;display:flex;justify-content:space-between;padding:15px 15px 10px}.Registerhead .cancel{color:grey;cursor:pointer;font-size:25px}.Registerbody{gap:18px;padding:20px 15px}.Registerbody,.Registerinput{display:flex;flex-direction:column}.Registerinput{gap:15px;padding:12px 0}.email p{color:gray;font-size:12px;padding-top:5px}.password .checkbox{align-items:center;display:flex;gap:8px;padding-top:7px}.submitbtn{display:flex;flex-direction:column;margin-top:20px}@media screen and (max-width:1050px){.RegisterIn{width:55%}}@media screen and (max-width:730px){.RegisterIn{width:75%}}@media screen and (max-width:500px){.RegisterIn{width:95%}}.navm{align-items:center;background-color:#fff;box-shadow:2px 2px 3px rgba(0,0,0,.2);display:flex;justify-content:space-between;padding:12px 25px;position:relative}.listNav{left:-800px;position:absolute;right:0;top:50px;transition:all .5s ease;width:100%;z-index:40}.active{left:0}.linkNav{background-color:#edecec;border-radius:10px;box-shadow:2px 2px 10px 3px rgba(0,0,0,.2);flex-direction:column;font-size:18px;font-weight:600;gap:10px;margin:0 20px;padding:20px 0}.buttonNav,.linkNav{align-items:center;display:flex}.buttonNav{flex-wrap:wrap;gap:5px;justify-content:center;margin:10px 0}@media screen and (max-width:500px){.navm{padding:12px 10px}}.desktop{display:block}.mobile{display:none}@media screen and (max-width:800px){.desktop{display:none}.mobile{display:block}}.home{align-items:center;background-color:#daa520;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:120px 55px;text-align:center}.home h1{font-size:45px}.home p{font-size:20px;padding:5px 0 0}@media screen and (max-width:1050px){.home{padding:100px 20px}.home h1{font-size:30px}.home p{font-size:15px}}@media screen and (max-width:730px){.home{padding:70px 20px}.home h1{font-size:28px}.home p{font-size:14px}}@media screen and (max-width:500px){.home{padding:50px 10px}}.products{padding:50px 55px}.products h1{padding-bottom:15px;text-align:center}.c-products{display:flex;flex-direction:column;justify-content:center}.showproduct{gap:10px;margin:30px auto}.card-grid,.showproduct{display:flex;flex-wrap:wrap;justify-content:center}.card-grid{gap:20px;padding:20px 0}.card,.card-grid{align-items:center}.card{border:1px solid #dcdcdc;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:15px 5px 25px;width:20%}.card:hover{box-shadow:0 1px 1px 0}.card-body{margin:20px 0;text-align:center}.card-body p{font-size:14px;font-weight:600;padding:2px 0 12px}@media screen and (max-width:1050px){.products{padding:30px 20px}.products h1{font-size:23px;padding-bottom:10px}.card-grid{gap:15px;padding:20px 0}.card{width:30%}}@media screen and (max-width:730px){.products{padding:30px 20px}.products h1{font-size:20px;padding-bottom:8px}.showproduct{margin:20px auto}.card{width:45%}}@media screen and (max-width:500px){.products{padding:30px 10px}.card{width:80%}}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.cart{background-color:#e1f6f6;margin:70px 0;padding:30px 80px 40px}.cancelbtn{align-items:flex-end;text-align:right}.cartitem{display:flex;gap:250px;padding:0 150px}.cartitem img{height:200px;width:180px}.item{width:60%}.checkoutbtn{align-items:center;display:flex;justify-content:center;margin:20px 0 50px}@media screen and (max-width:1050px){.cart{margin:50px 0;padding:20px 20px 35px}.cartitem{gap:200px;padding:0 90px}.item{font-size:15px;width:80%}}@media screen and (max-width:730px){.cart{margin:40px 0;padding:20px 20px 35px}.cartitem{gap:80px;padding:0 50px}.item{font-size:13px;width:80%}}@media screen and (max-width:500px){.cart{margin:30px 0;padding:10px 10px 20px}.cartitem img{height:150px;width:130px}.cartitem{gap:30px;padding:0 20px}}.aboutus{align-items:center;display:flex;gap:80px;padding:50px 55px}.about .main{padding:30px 0}@media screen and (min-width:1061px) and (max-width:1275px){.aboutus{gap:20px}.img0{width:500px}}@media screen and (max-width:1060px){.aboutus{flex-direction:column-reverse;gap:50px;padding:50px 20px}}@media screen and (max-width:630px){.img0{width:500px}}@media screen and (max-width:542px){.img0{width:400px}}@media screen and (max-width:425px){.img0{width:320px}}@media screen and (max-width:500px){.aboutus{padding:50px 10px}}.contacthead{padding:50px 90px}.question{border-bottom:1px solid gray;padding:12px 0;text-align:center}.main{align-items:center;display:flex;gap:60px;justify-content:center;padding:50px 0}.idea{padding-bottom:20px}.get{flex-direction:column;gap:20px}.get,.num{display:flex}.num{align-items:center;gap:10px}@media screen and (max-width:1050px){.contacthead{padding:30px 40px}.question h1{font-size:23px}}@media screen and (max-width:740px){.main{flex-direction:column-reverse;gap:35px;padding:50px 0 0}.imageEmail{align-items:center;display:flex;justify-content:center;padding:0}.imageEmail img{width:50%}form{width:100%}}@media screen and (max-width:500px){.contacthead{padding:15px 10px}.question h1{font-size:20px}}.checkout{display:flex;min-height:100vh;padding:0 55px}.shop{padding:50px 65px 50px 0;width:65%}.shophead{align-items:center;display:flex;justify-content:space-between;padding-bottom:25px}.cshop{margin:50px 0 20px}.tablep{display:flex;gap:50px;margin-top:-10px}.table img{height:120px;width:90px}.table .rate{color:#8f2c2c;font-size:15px;font-weight:600}.table .qty{display:flex;gap:10px;margin-top:-70px}.qty button{background-color:#fff;border:0;cursor:pointer;font-size:20px;font-weight:600}.qty .num{border:1px solid #000;padding:3px 7px}.price{font-size:15px;font-weight:600;margin-top:-70px}.summary{background-color:#faf0f0;padding:50px 40px;width:35%}.summaryhead{padding-bottom:25px}.order{align-items:center;display:flex;justify-content:space-between;padding-top:17px}.promo{display:flex;flex-direction:column;gap:16px;padding:20px 0 40px}label{font-weight:600}input{font-size:13px;height:30px;outline:none;padding-left:10px}.summary .btn{display:flex;flex-direction:column;margin-top:30px}@media screen and (max-width:1050px){.checkout{padding:0 20px}.shop{padding:40px 30px 40px 0}.shophead{padding-bottom:15px}.shophead h2{font-size:20px}.shophead h3{font-size:17px}.summary{padding:40px 20px}.summaryhead{padding-bottom:15px}.summaryhead h2{font-size:20px}.promo{padding:20px 0 30px}.order h3{font-size:15px}}@media screen and (max-width:800px){.shop{padding:40px 10px 40px 0}.summary{padding:40px 10px}}@media screen and (max-width:730px){.checkout{display:flex;flex-direction:column;padding:0}.shop,.summary{padding:40px 20px;width:auto}}@media screen and (max-width:500px){.shop,.summary{padding:40px 10px}}.product-flex{display:flex;padding:70px 55px}.first{padding:50px}.first img{height:400px;width:400px}.second{padding:50px}.second h3{color:gray;font-size:28px}.second h1{font-size:40px;font-weight:400;margin:3px 0}.second .rating{align-items:center;display:flex;font-size:16px;font-weight:700}.second h4{font-size:32px;margin:15px 0}.second .description{color:grey;font-size:16px;font-weight:500}.second .button{display:flex;gap:10px;margin:20px 0}@media screen and (max-width:1050px){.product-flex{gap:20px;padding:50px 20px}.first{padding:0}.first img{height:300px;width:300px}.second{padding:0}.second h3{font-size:18px}.second h1{font-size:25px;font-weight:400;margin:2px 0}.second .rating{font-size:13px;font-weight:600}.second h4{font-size:25px;margin:10px 0}.second .description{font-size:14px}.second .button{display:flex;gap:8px;margin:12px 0}}@media screen and (max-width:730px){.product-flex{flex-direction:column;padding:40px 25px}}@media screen and (max-width:500px){.product-flex{padding:40px 10px}}
/*# sourceMappingURL=main.cefa1129.css.map*/