*{box-sizing:border-box;margin:0;padding:0}body{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;position:relative}.flex{display:flex}:root{--first-font-size:16px;--second-font-size:14px}button{cursor:pointer}.image{height:200px}.imgCon{text-align:center;background-color:#fff;border-radius:20px}.para1{color:#313131;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:16px;font-weight:600;line-height:20px;overflow:hidden}.paraCon,.priCon{text-align:center;margin:0% 0% 0% 4%;padding:0 18px 8px 5px}.priCon{flex-wrap:wrap;gap:8px;display:flex}.tag{margin-top:6px;font-size:13px;font-weight:600}.tag1{color:gray;text-decoration:line-through}.tag2{color:#079b07}.container{background-color:#fff;border:2px solid #e2e1e1;border-radius:8px;margin-top:20px;transition:transform .3s;box-shadow:0 0 5px #f5f5f5}.container:hover{z-index:10;transform:scale(1.02)}.price{text-align:left;font-size:22px;font-weight:600;line-height:32px}.cardCon{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-content:center;gap:20px;padding-top:100px;padding-left:20px;padding-right:20px;display:grid}.RevRat{align-items:center;margin-bottom:30px;margin-left:10px;display:flex}.rating{text-align:center;border-radius:100px;padding:6px 8px}.rating p{color:#fff;background-color:#079b07;font-size:12px}.review{font-size:12px}.col{color:#d40101}@media screen and (width<=500px){.cardCon{float:left;flex-wrap:wrap;justify-content:space-evenly;gap:10px;width:100%;padding-left:5px;padding-right:5px;display:flex}.container{width:200px}.image{height:150px}}@media screen and (width<=450px){.cardCon{padding-left:5px;padding-right:5px}.container{max-width:180px}}@media screen and (width<=380px){.container{max-width:150px}}.detailImage img{width:50px;height:50px}.Img img{width:100%;height:auto}.Div{padding:40px 0 10px 20px}.detailImage{border-radius:5px;max-width:fit-content;margin-top:10px;padding:8px;box-shadow:0 0 3px #929191}.divDivider{justify-content:space-around;gap:20px;display:flex}.Img{border-radius:8px;justify-content:center;align-items:center;padding-top:10px;padding-bottom:10px;display:flex;box-shadow:0 0 3px #a5a3a3}.CartImg{flex:2}.CartDiv{gap:20px;margin:20px 5px;display:flex}.Cart button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:100%;margin-bottom:20px;padding:0 40px;font-size:medium;display:flex}.Cart button:first-of-type{color:purple;border-color:purple;align-items:center;gap:8px;display:flex}.Cart button:last-of-type{color:#fff;background-color:purple;border:none;width:100%;padding:10px 0}.Cart img{filter:invert(10%)sepia(90%)saturate(500%)hue-rotate(260deg);width:35px;height:33px}.boxDiv{text-align:left;border-radius:10px;margin:0 18px;padding:15px 10px 5px 5px;box-shadow:0 0 2px #aca9a9}.boxDiv .RevRat{margin-bottom:10px;margin-left:10px}.boxDiv .para1{font-size:16px;font-weight:700}.boxDiv .h{padding:8px 0 0;font-size:15px;font-weight:100}.boxDiv .paraCon{text-align:left}.boxP{margin-top:23px;margin-bottom:30px;padding:20px 20px 20px 30px;line-height:26px}.ProH1{font-size:16px;font-weight:700}.proD{margin:8px 0;font-size:15px;font-weight:600}.ProUl{font-size:13px;list-style-type:none}.Rating{justify-content:space-between;margin-bottom:35px}hr{width:100%;margin-bottom:20px}.r{padding:0 14px;font-size:12px!important}.R{left:-50px;margin-left:0!important}.RatDat .rating{color:#fff;background-color:#079b07;margin:0}.name{font-size:16px}.RatDat{align-items:center;gap:20px}.date{color:gray;font-size:12px;font-weight:600}.divReview{line-height:35px}.revBtn{color:purple;cursor:pointer;background-color:#fff;border:none;padding:8px 12px 8px 0;font-size:18px;font-weight:600}.space{justify-content:space-between;align-items:center;margin:15px 25px 0}.space p{color:#525050;font-size:20px}.space h2{color:#525050;cursor:pointer;font-size:22px}hr{width:100%}.divR{margin:25px}.rate{color:green;font-size:40px;font-weight:600}.boxDiv .P{font-size:var(--first-font-size);padding-bottom:30px;font-weight:600}.red{background-color:red;width:70px;height:3px}.flexR{align-items:center}.widthDiv{width:300px}.divWidth{align-items:center;margin:0 6px}.starLabel{width:30px}.backcolor{border-radius:10px;flex:1;width:100%;height:8px;margin:0 6px;overflow:hidden;box-shadow:0 0 2px}.filled{color:gray;font-size:14px;line-height:15px}.fillDiv{width:100%;margin-top:30px}.allDetails{flex-wrap:nowrap;display:flex;overflow:hidden}.divfill{width:100%}@media screen and (width<=700px){.allDetails{flex-wrap:wrap}.Div{padding-right:20px}}@media screen and (width>=700px) and (width<=910px){.CartDiv{flex-direction:column!important;gap:0!important}}@media screen and (width<=556px){.CartDiv{flex-direction:column;gap:0}}.spinOutDiv{justify-content:center;align-items:center;height:100ch;display:flex}.spinInDiv{border:6px solid #ddd;border-top-color:#4f46e5;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Buy{padding:25px 5px}.Delivered{color:gray;margin-bottom:10px;padding-left:18px;font-weight:bolder}.Buyimage{padding:15px 20px}.Order{margin-top:20px;padding:10px 20px}.Orderh{font-size:17px;font-weight:700}.OrderP{font-size:14px;font-weight:500}.Orderdiv{margin-top:10px;margin-bottom:8px;line-height:1.5}.Orderbutton{color:#fff;background-color:purple;border:none;border-radius:20px;margin-top:15px;margin-left:20px;padding:10px;font-size:16px}.Editbutton{color:#fff;background-color:#2f0080;border:none;border-radius:20px;padding:10px;font-size:16px}.AddForm{flex-direction:column;gap:6px}.AddForm label{font-weight:600}.PayP{padding-bottom:6px;font-weight:600}.Payment select{background-color:#dad9d9;margin-bottom:10px;padding:8px;font-weight:600}.PayRadius{border-radius:10px}.Payment option{font-weight:600}.AddForm input{border:1px solid;border-radius:5px;padding:6px}.SucesP{font-size:7rem}.success{flex-direction:column;justify-content:center;align-items:center;height:100vh}.filter_class{text-align:center;scrollbar-width:none;gap:50px;margin-bottom:40px;margin-left:10px;padding:20px;display:flex;position:relative;top:130px;overflow:auto}.filimg{-webkit-backdrop-filter:brightness(1.3);backdrop-filter:brightness(1.3);width:90px}.filimgdiv{text-align:center;cursor:pointer;background-color:#f1ebf4;border:1px solid #bdbcbc;border-top-left-radius:50%;border-bottom-right-radius:50%;align-items:center;font-size:14px}.filimgdiv:hover{transition:transform .5s;transform:scale(1.1)}.catFil{cursor:pointer;text-align:center;border:1px solid #bdbcbc;border-top-left-radius:50%;border-bottom-right-radius:50%;align-items:center;margin-top:8px;margin-bottom:12px;padding-left:20px;padding-right:20px;font-size:14px;display:flex;box-shadow:inset 0 -5px 5px #debeee}.birdImg{border-radius:50%;width:80px;height:80px;padding-left:20px;top:0}.NavBar{z-index:1000;background-image:linear-gradient(90deg,#e61be6,#2c0ddd);justify-content:space-between;align-items:center;width:100%;margin:0;padding:8px;display:flex;position:fixed}.a{color:#fff;padding-right:30px;font-size:1.3rem;font-weight:bolder;text-decoration:none;transition:transform .3s;display:inline-block}.a:hover{color:wheat;-webkit-text-decoration:underline wheat;text-decoration:underline wheat;transform:scale(1.03)}.a:active{color:#adff2f;text-decoration:none}#button{z-index:1;cursor:pointer;background-color:#aae045;border:none;border-radius:20px;padding:8px;font-size:1.1rem;font-weight:700;transition:color .12s;position:relative;overflow:hidden}#button:before{content:"";z-index:-1;background-color:#000;border-radius:20px;width:0%;height:100%;transition:width .8s;position:absolute;top:0;left:0}#button:hover{color:#fff}#button:hover:before{width:100%}.menu,.cross{height:30px;display:none}#links{display:flex}@media screen and (width<=780px){.pad{margin-top:4px;padding-left:15px;padding-right:20px}.menu,.cross{display:block}#link{display:none!important}#link.active{text-align:center;-webkit-backdrop-filter:blur(15px)brightness(1.1);backdrop-filter:blur(15px)brightness(1.1);background-color:#0000005c;flex-direction:column;gap:20px;width:100%;height:200px;padding:15px 0 0;display:flex;position:absolute;top:100px;left:0;box-shadow:0 0 5px #5b59596c;display:flex!important}}body.light{color:#000;background:#fff}body.dark{color:#fff;background:#121212}.cartImg{filter:brightness(0)invert();cursor:pointer;width:40px;position:relative}.redd{color:#000;background-color:#fff;border:1px solid #000;border-radius:50%;padding:1px 5px;font-size:10px;font-weight:bolder;position:absolute;top:30px;right:5px}.Box{background-color:#e0cdf9fd;justify-content:center;align-items:center;height:100vh;display:flex}.divBox{border-radius:30px;width:60%;height:80vh;display:flex;overflow:hidden;box-shadow:0 0 20px 5px #bf96f5}.innerBox{background-color:#f7f4ee;flex-direction:column;flex:1;justify-content:center;padding:40px;animation:1s ease-in-out forwards slidForm;display:flex}.divImg{flex:1;animation:1s ease-in-out forwards slidImag;position:relative}@keyframes slidForm{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0%)}}@keyframes slidImag{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#paraDiv{z-index:100;color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#cecaca42;width:100%;padding:15px;font-weight:600;animation:2s ease-in-out 1s backwards paraAni;position:absolute;top:50%;box-shadow:0 0 2px #aba9a92d}@keyframes paraAni{0%{opacity:0;transform:translateY(-500%)}to{opacity:1;transform:translateY(0)}}.para{margin-left:43px;font-size:2rem}.purple{color:#3506df}.divImg img{object-fit:cover;opacity:.7;filter:hue-rotate(330deg)saturate(1.8);width:100%;height:100%}.h1{margin-bottom:20px;font-weight:500}.formDiv{margin-bottom:10px;padding:8px}.label{font-weight:500}.input{border:1px solid #bbb9b9;border-radius:8px;width:80%;margin-top:8px;padding:10px}.input:focus{border-color:#ff0;outline-color:#5c02c9}.input::placeholder{color:#2e0568}.button{color:#fff;background-color:#5b16e3;border-radius:5px;width:78%;margin-top:8px;margin-left:3px;padding:8px;font-weight:600}.inner{width:80%;padding-left:60px;padding-right:0}.formOverlay{color:red;font-size:.7rem}#menu{appearance:none;border-color:#c2c0c0;border-radius:7px;margin-top:6px;margin-bottom:10px;margin-left:6px;padding:8px}.label2{margin-left:2px}.stockImg{border-radius:10px;width:100px;box-shadow:0 0 5px #a4a2a2e0}@media screen and (width<=910px) and (width>=500px){.CartDiv{flex-direction:row!important;gap:15px!important}}.date{font-size:var(--second-font-size)}.stockFlex{align-items:center;gap:20px;margin-bottom:15px}.qnt{text-align:center;font-size:var(--second-font-size);margin-top:5px;margin-bottom:5px;padding-left:5px;padding-right:5px}.qntBtn{background-color:#fff;border:none;padding:0 8px;font-size:16px;font-weight:700}.stockDiv .rating{padding:1px 8px}.qntDiv{border-radius:5px;gap:5px;margin-top:2px;padding:1px;box-shadow:0 0 5px #a4a2a2e0}.moni{color:#000}
