:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.App{width:100vw}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Almarai}.header{width:100vw;height:80px;display:flex;flex-direction:row-reverse;justify-content:space-evenly;align-items:center;border-bottom:1px solid #e5e7eb}*[type=button]:focus{outline:none}*[type=button]{-webkit-appearance:button;background-color:transparent;background-image:none}.header .logo{height:3rem}.header>button>img{width:1.5rem;height:1.5rem}.sideBarMenu{position:fixed;top:0;right:-100%;min-width:150px;width:45%;height:100vh;background-color:#fff;transition:all .5s;z-index:20}.side_bar_open{right:0}.sideBarMenu ul{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px;padding-right:10px}.sideBarMenu li{list-style:none}.sideBarMenu li a{color:#000}.sideBarMenu .item_header{font-size:1.25rem;font-weight:700;align-self:flex-end}.sideBarMenu li:not(.item_header){padding-right:15px}.cartBarMenu{position:fixed;top:0;left:-100%;min-width:150px;width:75%;height:100vh;background-color:#fff;transition:all .5s;z-index:20}.cart_bar_open{left:0}.page_shader{visibility:hidden;position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#000;opacity:0;transition:visibility 0s linear,opacity .5s linear}.page_shader.active{visibility:visible;opacity:.25}h1.head{font-weight:800;font-size:1.875rem}center.head{padding-top:4rem;padding-bottom:4rem}