:root{--main_color: #0B85EE}*{padding:0;margin:0;list-style:none;text-decoration:none;box-sizing:border-box}body,button,input,textarea{font-family:Tajawal,sans-serif}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:var(--main_color)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.container{margin-inline:auto;padding-inline:10px}button:disabled,select:disabled{opacity:.5;cursor:no-drop!important}.loading{display:flex;align-items:center;justify-content:center;animation:loading 1s linear infinite;font-size:17px}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.loading-text{text-align:center}@media (min-width: 1300px){.container{width:1270px}}@media (max-width: 1199px){.container{width:100%;padding-inline:25px}}@media (max-width: 767px){*{cursor:auto!important}}.header{border-bottom:2px solid var(--main_color);padding-block:15px}.header .container{display:flex;align-items:center;justify-content:space-between;gap:25px}.header .container>div:last-of-type{display:flex;align-items:center;gap:25px}.header .container ul{display:flex;align-items:center;gap:30px}.header .container ul a{color:var(--main_color);font-size:18px;font-weight:600}.header .container .menu-btn,.header .container .close-menu{display:none}.header .container .search{flex:1;display:flex;align-items:center;justify-content:center}.header .container .search form{display:flex;align-items:center;gap:10px;border:2px solid var(--main_color);padding:7px 15px;max-width:400px;width:100%;border-radius:20px}.header .container .search form input{width:100%;border:none;outline:none;font-size:16px}.header .container .search form button{display:flex;align-items:center;font-size:17px;background-color:transparent;border:none;background-color:var(--main_color);color:#fff;padding:3px 12px;border-radius:10px;cursor:pointer}.header .container .user{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:25px}.header .container .user a{color:var(--main_color);display:flex;align-items:center}.header .container .user .cart{position:relative}.header .container .user .cart span{position:absolute;font-size:16px;display:flex;align-content:center;justify-content:center;background-color:var(--main_color);color:#fff;width:22px;height:22px;border-radius:50%;top:-10px;right:-10px}.header .container .user .logout{display:flex;align-items:center;border:none;background-color:transparent;color:var(--main_color);font-size:25px;cursor:pointer}.header .container .user .user-login{font-size:20px;display:flex;align-items:center;gap:5px;padding-inline-end:10px}.header .container .logo{display:flex;align-items:center;justify-content:center}.header .container .logo img{width:120px}@media (max-width: 991px){.header .container{flex-direction:column}.header .container ul{position:fixed;top:0;right:0;flex-direction:column;justify-content:center;background-color:#fff;width:200px;height:100vh;z-index:3;transition:all .4s;transform:translate(100%)}.header .container ul.open{transform:translate(0)!important}.header .container ul .close-menu{position:absolute;left:10px;top:10px;display:flex;align-items:center;justify-content:center;font-size:35px;border:none;background-color:transparent;color:var(--main_color)}.header .container .user{gap:10px;flex:1}.header .container .user .cart span{padding-top:5px}.header .container .user .user-login{font-size:17px!important}.header .container .menu-btn{display:flex;align-items:center;color:var(--main_color);border:none;background-color:transparent;font-size:30px}.header .container .search{justify-content:flex-start}.header .container .search form{width:300px}.header .container .search form input,.header .container .search form button{padding-top:7px}.header .container>div:last-of-type{justify-content:space-between;width:100%;gap:10px}.header .logo img{width:95px!important}}.top-bar{background-color:var(--main_color);color:#fff;padding-block:10px}.top-bar .container{display:flex;align-items:center;justify-content:space-between}.top-bar .container .address{display:flex;align-items:center;gap:10px;font-size:18px}.top-bar .container .address span{display:flex;align-items:center}.top-bar .container .phone{display:flex;align-items:center;gap:15px;font-size:18px}.top-bar .container .phone p{display:flex;align-items:center;gap:7px}.top-bar .container .phone p span{display:flex;align-items:center}@media (max-width: 767px){.top-bar .container{flex-direction:column;gap:12px}.top-bar .container span{display:inline!important}}.footer{background-color:var(--main_color);color:#fff;padding-block:20px;margin-top:30px}.footer .container{display:flex;align-items:center;justify-content:space-between}.footer .container .app{display:flex;align-items:center;gap:15px}.footer .container .app a{display:flex;align-items:center}.footer .container .app a img{width:120px}.footer .container .powered{color:#fff;font-size:17px}.footer .container .links{display:flex;align-items:center;gap:15px}.footer .container .links a{color:#fff;font-size:17px}@media (max-width: 991px){.footer .container{flex-direction:column;gap:20px}}.product{box-shadow:0 0 5px #0000004d;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.product .image{display:flex;align-items:center;justify-content:center;padding:15px}.product .image img{width:140px;height:140px;object-fit:contain}.product .info{padding:25px 20px}.product .info h4{color:var(--main_color);font-size:18px;margin-bottom:10px}.product .info p{color:#333;font-size:16px}.product .info .unit{margin-top:15px;display:flex;flex-direction:column;gap:7px}.product .info .unit .item{display:flex;align-items:center;gap:5px}.product .info .unit .item p{font-size:17px}.product .info .unit .item p .old{text-decoration:line-through}.product .info .unit .item p:last-of-type{display:flex;align-items:center;gap:10px}.product .info .error{margin-top:15px;color:brown;font-weight:600}.product .info .success{margin-top:15px;color:#228b22;font-weight:600}.product .control{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.product .control .no-token{text-align:center;color:red;width:100%}.product .control button{font-size:17px;cursor:pointer;background-color:var(--main_color);color:#fff;border:none;padding:7px;border-radius:10px}.product .control button,.product .control .quntity{display:flex;align-items:center;justify-content:center}.product .control .quntity{gap:10px}.product .control .update{font-size:15px!important;padding-block:5px!important;padding-inline:15px!important;width:70px}.search-box{padding-top:30px;min-height:calc(100vh - 230px)}.search-box .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.home .container .slider{padding-block:50px}.home .container .slider .mySwiper{width:100%;height:400px}.home .container .slider .mySwiper .box{width:100%;height:100%}.home .container .slider .mySwiper .box img{width:100%;height:100%;object-fit:cover;object-position:center}.home .container .categories-section{padding-block:30px}.home .container .categories-section .items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.home .container .brands-section{padding-block:30px}.home .container .brands-section .items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.home .container .featured-products{padding-block:30px}.home .container .featured-products .bar-section a{display:none}.home .container .featured-products .items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}@media (max-width: 767px){.home .container .slider{padding-block:25px}.home .container .slider .mySwiper{height:250px}.home .container .categories-section .items,.home .container .brands-section .items{grid-template-columns:repeat(2,1fr)}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.bar-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.bar-section h3{font-size:25px;color:var(--main_color);border-bottom:2px solid var(--main_color);padding-bottom:7px;font-weight:500}.bar-section a{color:var(--main_color);font-size:18px;font-weight:500}.category{box-shadow:0 0 5px #0000004d;border-radius:20px;overflow:hidden}.category .image{display:flex;align-items:center;justify-content:center;padding:15px}.category .image img{width:140px;height:140px;object-fit:contain}.category .info{text-align:center;padding:10px;background-color:var(--main_color);color:#fff}.category .info h3{font-size:17px}@media (max-width: 767px){.category .image img{width:100px}.category .info h3{font-size:15px;line-height:1.6}}.brand{box-shadow:0 0 5px #0000004d;border-radius:20px;overflow:hidden}.brand .image{display:flex;align-items:center;justify-content:center;padding:15px}.brand .image img{width:140px;height:140px;object-fit:contain}.brand .info{text-align:center;padding:13px;background-color:var(--main_color);color:#fff}.brand .info h3{font-size:17px}.brand .info p{margin-top:5px}@media (max-width: 767px){.brand .image img{width:100px}.brand .info h3{font-size:15px;line-height:1.6}}.products{min-height:calc(100vh - 230px);padding-block:40px}.products h2{text-align:center;margin-bottom:30px;color:var(--main_color);font-size:30px}.products .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.products .more{display:flex;align-content:center;justify-content:center;margin-top:30px}.products .more button{display:block;width:150px;background-color:var(--main_color);color:#fff;font-size:17px;padding:7px 0;border:none;cursor:pointer;border-radius:20px}.categories{min-height:calc(100vh - 230px);padding-block:40px}.categories h2{text-align:center;margin-bottom:30px;color:var(--main_color);font-size:30px}.categories .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.brands{min-height:calc(100vh - 230px);padding-block:40px}.brands h2{text-align:center;margin-bottom:30px;color:var(--main_color);font-size:30px}.brands .container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.login{min-height:calc(100vh - 230px);display:flex;align-items:center;justify-content:center;padding:70px 15px 35px}.login .form{border:2px solid var(--main_color);padding:30px 20px;border-radius:25px;max-width:500px;width:100%}.login .form .title{text-align:center;margin-bottom:20px;color:var(--main_color);font-size:30px}.login .form form{display:flex;flex-direction:column;gap:25px}.login .form form input{width:100%;outline:none;border:1px solid var(--main_color);padding:10px;font-size:16px;border-radius:10px}.login .form form .phone{display:flex;align-items:stretch;gap:15px}.login .form form .phone .input{flex:1;display:flex;align-items:center;border:1px solid var(--main_color);padding:10px;border-radius:10px;gap:7px}.login .form form .phone .input input{border:none;padding:1px}.login .form form .phone .input svg{font-size:18px;color:var(--main_color)}.login .form form .phone .country{display:flex;align-items:center;gap:5px;border:1px solid var(--main_color);padding-inline:10px;border-radius:10px}.login .form form .phone .country img{width:20px}.login .form form .remember{display:flex;align-items:center;gap:10px;font-size:17px;padding-inline:10px;cursor:pointer}.login .form form .remember input{width:auto;cursor:pointer}.login .form form>button{padding:10px;background-color:var(--main_color);color:#fff;border:none;font-size:17px;margin-top:5px;border-radius:10px;cursor:pointer}.login .form form .no-account{display:flex;align-items:center;justify-content:center;gap:5px;font-size:17px}.login .form form .no-account a{color:var(--main_color)}.register{min-height:calc(100vh - 230px);display:flex;align-items:center;justify-content:center;padding:35px 15px 10px}.register .form{border:2px solid var(--main_color);padding:30px 20px;border-radius:25px;max-width:500px;width:100%}.register .form .title{text-align:center;margin-bottom:20px;color:var(--main_color);font-size:30px}.register .form form{display:flex;flex-direction:column;gap:20px}.register .form form input{width:100%;outline:none;border:1px solid var(--main_color);padding:10px;font-size:16px;border-radius:10px}.register .form form .phone{display:flex;align-items:stretch;gap:15px}.register .form form .phone .input{flex:1;display:flex;align-items:center;border:1px solid var(--main_color);padding:10px;border-radius:10px;gap:7px}.register .form form .phone .input input{border:none;padding:1px}.register .form form .phone .input svg{font-size:18px;color:var(--main_color)}.register .form form .phone .country{display:flex;align-items:center;gap:5px;border:1px solid var(--main_color);padding-inline:10px;border-radius:10px}.register .form form .phone .country img{width:20px}.register .form form .governorate,.register .form form .area{display:flex;flex-direction:column;gap:5px}.register .form form .governorate label,.register .form form .area label{color:#5e5e5e}.register .form form .governorate .select,.register .form form .area .select{border:1px solid var(--main_color);padding:0 5px;border-radius:10px}.register .form form .governorate .select select,.register .form form .area .select select{padding-block:10px;width:100%;border:none;outline:none;font-size:16px;background-color:transparent}.register .form form>button{padding:10px;background-color:var(--main_color);color:#fff;border:none;font-size:17px;margin-top:10px;border-radius:10px;cursor:pointer}@media (max-width: 767px){.login .form form>button{padding-top:15px}.login .form form .phone .country p{padding-top:5px}}.cart-page{min-height:calc(100vh - 230px);padding-block:35px}.cart-page .title{text-align:center;margin-bottom:30px;color:var(--main_color)}.cart-page .container{display:flex;align-items:flex-start;gap:20px}.cart-page .container .products-itmes{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.cart-page .container .products-itmes .no-items{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px}.cart-page .container .products-itmes .no-items a{color:var(--main_color)}.cart-page .container .summary{width:280px;border:1px solid var(--main_color);padding:15px;display:flex;flex-direction:column;gap:15px}.cart-page .container .summary h3{text-align:center;font-size:18px;color:var(--main_color)}.cart-page .container .summary>div{display:flex;align-items:center;gap:5px}.cart-page .container .summary .checkout{border:none;padding:7px;font-size:16px;background-color:var(--main_color);color:#fff;border-radius:15px;margin-top:20px;cursor:pointer}@media (max-width: 991px){.cart-page .container{flex-direction:column-reverse}.cart-page .container .summary,.cart-page .container .products-itmes{width:100%}}@media (max-width: 767px){.cart-page .container .products-itmes{grid-template-columns:repeat(1,1fr)}}.profile{min-height:calc(100vh - 230px);padding-top:30px;display:flex;align-items:center;justify-content:center}.profile .box{width:350px;height:350px;border:1px solid var(--main_color);padding:20px;display:flex;flex-direction:column;justify-content:center;gap:20px;margin-inline:20px}.profile .box>div{display:flex;align-items:center;justify-content:center;gap:5px}.profile .box>div p{font-size:17px}.profile .box>div p:first-of-type{color:var(--main_color);font-size:19px;font-weight:500}.profile .box .address{gap:10px}.profile .box .address>div{display:flex;align-items:center;justify-content:center;gap:5px}.profile .box .all-bills{margin-top:15px}.profile .box .logout,.profile .box .all-bills{padding:10px;font-size:16px;background-color:var(--main_color);color:#fff;border:none;border-radius:20px;cursor:pointer;text-align:center}.bills{padding-top:25px;min-height:calc(100vh - 230px)}.bills .container h2{text-align:center;color:var(--main_color);margin-bottom:20px}.bills .container .table{overflow:auto}.bills .container .table table{table-layout:fixed;border-collapse:collapse;min-width:1000px;width:100%}.bills .container .table table thead tr td{background-color:var(--main_color);color:#fff;border:1px solid #FFF;text-align:center;padding:10px;font-size:17px;font-weight:500}.bills .container .table table thead tr td:first-of-type{width:50px}.bills .container .table table tbody tr td{text-align:center;padding:10px;border:1px solid #FFF;background-color:#f0f0f0}.bills .container .table table tbody tr td a{color:var(--main_color);text-decoration:underline}.order-details{min-height:calc(100vh - 230px);padding-top:25px}.order-details h2{text-align:center;font-size:20px;color:var(--main_color);margin-top:10px}.order-details .container .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}