@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Pacifico&display=swap";*{box-sizing:border-box;direction:rtl;margin:0;padding:0}body{background-color:#0f172a;min-height:100vh;margin:0;padding:0;font-family:IBM Plex Sans Arabic,sans-serif;position:relative;overflow-x:hidden}.aurora-bg{z-index:-1;filter:blur(100px);opacity:.7;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob-1{background:#3b82f6;border-radius:50%;width:250px;height:250px;position:absolute;top:-10%;left:-10%}.blob-2{background:#a855f7;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-10%;right:-10%}nav{isolation:isolate;z-index:99;width:100%;position:fixed}ul{list-style:none}.nav__header{background-color:#f4f4f4;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex}.logo{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#a855f7,#3b82f6);cursor:pointer;-webkit-background-clip:text;font-family:Pacifico,cursive;font-size:1.5rem;font-weight:700;text-decoration:none}.menu__btn i{background:linear-gradient(90deg,#3b82f6,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem}.nav__links{background:linear-gradient(45deg,#f4f4f4,#fff) border-box;border:2px solid #3b82f6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:250px;padding:2rem;display:none;position:absolute;top:80px;left:1rem}.open{display:flex}.close{display:none}.nav__links li{text-align:center;width:100%}.link{background:linear-gradient(90deg,#3b82f6,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.link:hover{-webkit-text-fill-color:#0f172a}.link{white-space:nowrap}.login__link{-webkit-text-fill-color:#f4f4f4;background:linear-gradient(90deg,#3b82f6,#a855f7);border-radius:10px;padding:.5rem}section,.all__reviews{width:100%;max-width:1200px;margin-inline:auto;padding:7rem 1rem 1rem}.home__section{text-align:center;color:#f4f4f4;flex-direction:column;gap:1.5rem;display:flex}.home__content{flex-direction:column;gap:.75rem;display:flex}.home__content p{font-size:1.25rem;font-weight:300}.home__content h1{background:linear-gradient(270deg,#f63b3b,#f6f63b);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home__btns{justify-content:center;align-items:center;gap:1rem;display:flex}.home__btn{cursor:pointer;white-space:nowrap;border:none;border-radius:1rem;margin-bottom:1rem;padding:.75rem 2.5rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:1rem;text-decoration:none;transition:all .3s}.home__btn:hover{transform:translateY(-5px)}.home__btn1{color:#f4f4f4;background:linear-gradient(90deg,#3b82f6,#a855f7,#3b82f6) 0 0/200%;animation:3s linear infinite wave}.home__btn2{color:#f4f4f4;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a) 0 0/200%;border:1px solid #f4f4f4;transition:all .3s;animation:3s linear infinite wave}.home__btn2:hover{color:#3b82f6;background-color:#f4f4f4}.home__btn3{color:#f4f4f4;background:linear-gradient(90deg,#f63b3b,#f63b3bae,#f63b3b) 0 0/200%;width:100%;animation:3s linear infinite wave}.home__bottom__content{margin-bottom:2rem}.search{background-color:#f4f4f4;border-radius:2rem;gap:10px;width:95%;max-width:650px;margin-inline:auto;padding:.5rem 1rem;display:flex;box-shadow:0 0 0 5px #ffffff1a}.search span{color:#f4f4f4;background-color:#3b82f6;border-radius:50%;place-content:center;width:3rem;height:3rem;padding:1rem;font-size:1.25rem;display:grid;box-shadow:0 0 10px #3b82f6}.search input{background-color:#0000;border:none;outline:none;width:100%;padding-inline:1rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:1rem}.categories{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:1rem;padding:1rem;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.category{color:#0f172a;white-space:nowrap;background-color:#f4f4f4;border:1px solid #727272;border-radius:2rem;flex:none;align-items:center;gap:5px;width:fit-content;padding:.5rem 1rem;text-decoration:none;display:flex}.cat__img{width:30px}.cat__img img{width:100%}.logo__b .logo{font-size:4rem}.features h2{text-align:center;color:#d0faff;font-weight:800}.container,.reviews__content{grid-template-columns:repeat(auto-fit,minmax(300px,350px));place-content:center;gap:2rem;width:100%;padding:1rem;display:grid}.feature{background:linear-gradient(45deg,#d0faff,#d3faff) padding-box padding-box,linear-gradient(45deg,#3b82f6,#a855f7) border-box;border:2px solid #0000;border-radius:1rem;padding:1.25rem;box-shadow:0 0 10px #3b82f6}.feature__icon{width:2rem}.feature__icon img{width:100%}.feature h3,.product h2{color:#333;font-weight:500}.feature p,.description,.product__brand{font-weight:300;color:#727272!important}.products__section,.product__details__section{padding-top:7rem}.product__details__section{margin-bottom:2rem}section h1{color:#d0faff;text-align:center}.products__section p{color:#d0faff;font-size:1.1rem;font-weight:300}hr{margin-inline:auto;background:linear-gradient(90deg,#0000,#3b82f6,#a855f7,#0000);border:none;width:5rem;height:5px;margin-bottom:2rem}.product__brand span,.rate span{color:#333;font-weight:500}.product{position:relative}.price{color:#f4f4f4;background-color:#f63b3b;border-radius:1rem 0;padding:1rem;font-weight:800;position:absolute;top:0;left:0;box-shadow:0 0 10px #fff3}.product p{margin-block:1rem}.product__img{background-color:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;width:100%;height:250px;margin-bottom:1rem;display:flex;overflow:hidden}.product__img img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .3s}.feature.product:hover .product__img img{transform:scale(1.05)}.loading{color:#f4f4f4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.total__price{font-size:1.5rem;font-weight:300;width:fit-content!important;padding:1rem!important}.quantity__btns{align-items:center;gap:1rem;width:100%;display:flex}.quantity__btns button{color:#f4f4f4;background:linear-gradient(90deg,#333,#333333b5,#333) 0 0/200%;flex:1;padding:.5rem 1rem;animation:3s linear infinite wave}.register h1{text-align:center;color:#f4f4f4}.register form,.reviews form{background:linear-gradient(45deg,#141f39,#1b2a4c) padding-box padding-box,linear-gradient(45deg,#0000 60%,#3b82f6,#a855f7);border:2px solid #0000;border-radius:1rem;flex-direction:column;gap:1rem;width:95%;max-width:750px;margin-inline:auto;padding:1rem;display:flex}.name__inps{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex;flex-direction:row!important}.name__inps div{flex:1}.register form div{flex-direction:column;gap:8px;display:flex}label{color:#f4f4f4}.register input,.reviews select,.reviews textarea{color:#f4f4f4;background-color:#243866;border:1px solid #f4f4f4;border-radius:8px;outline:none;width:100%;padding:.5rem 1rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:1rem}.register input::placeholder,.reviews select::placeholder,.reviews textarea::placeholder{color:#cacaca}.register input:focus{border-color:#a855f7;box-shadow:0 0 5px #a955f78e}.show__pass{cursor:pointer;color:#3b82f6;background-color:#0000;border:none;outline:none;width:fit-content;padding:.5rem 0;font-size:1rem;text-decoration:underline;transition:all .3s}.show__pass:hover{color:#f4f4f4}.message{text-align:center;color:#f4f4f4;border-radius:8px;width:95%;max-width:520px;margin-inline:auto;padding:1rem;font-size:1rem;position:absolute;bottom:1rem;left:1rem}.success{background-color:#43ff94}.error{background-color:#ff2626}.loader{border-radius:10px;width:54px;height:54px;position:relative}.loader div{opacity:0;background:gray;border-radius:50px;width:8%;height:24%;animation:1s linear infinite fade458;position:absolute;top:30%;left:50%;box-shadow:0 0 3px #0003}@keyframes fade458{0%{opacity:1}to{opacity:.25}}.loader .bar1{animation-delay:0s;transform:rotate(0)translateY(-130%)}.loader .bar2{animation-delay:-1.1s;transform:rotate(30deg)translateY(-130%)}.loader .bar3{animation-delay:-1s;transform:rotate(60deg)translateY(-130%)}.loader .bar4{animation-delay:-.9s;transform:rotate(90deg)translateY(-130%)}.loader .bar5{animation-delay:-.8s;transform:rotate(120deg)translateY(-130%)}.loader .bar6{animation-delay:-.7s;transform:rotate(150deg)translateY(-130%)}.loader .bar7{animation-delay:-.6s;transform:rotate(180deg)translateY(-130%)}.loader .bar8{animation-delay:-.5s;transform:rotate(210deg)translateY(-130%)}.loader .bar9{animation-delay:-.4s;transform:rotate(240deg)translateY(-130%)}.loader .bar10{animation-delay:-.3s;transform:rotate(270deg)translateY(-130%)}.loader .bar11{animation-delay:-.2s;transform:rotate(300deg)translateY(-130%)}.loader .bar12{animation-delay:-.1s;transform:rotate(330deg)translateY(-130%)}.logout__btn{color:#f4f4f4;white-space:nowrap;cursor:pointer;background-color:#f63b3b;border-radius:10px;padding:.5rem 1rem;font-size:1rem;transition:all .3s}.logout__btn:hover{background-color:#ba2c2c}.order__div{align-items:center;gap:1rem;display:flex}.order__div button{color:#f4f4f4;background:linear-gradient(90deg,#2bd5ae,#2bd5adac,#2bd5ae) 0 0/200%;border:1px #2bd5ae;font-size:1.5rem;animation:3s linear infinite wave;padding:1rem!important}.status{border-radius:10px;padding:.5rem 1rem}.paid{background-color:#84ffe2;color:#009f7a!important}.not_paid{background-color:#ffc9c9;color:#ba2c2c!important}.all__reviews{padding-top:unset;margin-block:3rem;display:grid}.all__reviews h1{text-align:center}.review__card{background-color:#f4f4f4;border-radius:1rem;padding:1rem;box-shadow:0 0 10px #fff3}.review__img{align-items:center;gap:10px;display:flex}.review__img div:first-child{width:50px}.review__img img{width:100%}.review__card span{color:#333;font-weight:500}.review__card p{color:#727272;font-size:1rem}.review__card div p{font-size:.85rem}.review__card h3{color:#e3c500}.title{color:#f4f4f4;text-align:center}@media (width>=1024px){nav{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(45deg,#f4f4f4,#f5f5f5) padding-box padding-box,linear-gradient(45deg,#3b82f6,#a855f7) border-box;border:2px solid #0000;border-radius:2rem;justify-content:space-between;align-items:center;max-width:1200px;margin-inline:auto;padding:1rem 2rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.menu__btn{display:none}.nav__header{padding:unset;background-color:unset;width:unset;display:unset;flex:1}.nav__links{position:unset;top:unset;right:unset;width:fit-content;padding:unset;border:unset;background:0 0;flex-direction:row;justify-content:flex-end;gap:2rem;display:flex!important}.link{font-size:1rem}.categories{flex-wrap:wrap;justify-content:center}.blob-1{background:#3b82f6;border-radius:50%;width:500px;height:500px;position:absolute;top:-10%;left:-10%}.blob-2{background:#a855f7;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-10%;right:-10%}.home__btn{padding:.75rem 4rem}.message{margin-inline:unset}}@keyframes wave{0%{background-position:0%}to{background-position:200%}}