@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(../fonts/barlow-v12-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(../fonts/poppins-v22-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cairo;font-style:normal;font-weight:400;src:url(../fonts/cairo-v28-arabic-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Cairo;font-style:normal;font-weight:700;src:url(../fonts/cairo-v28-arabic-700.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;--random-color: cornflowerblue;--logo-orange: #F06621;--logo-orange: #ff5c04;--logo-orange-trans: #f0662172;--super-black: #001122;--logo-black: #223645;--logo-black-trans: #223645b2;--logo-grey: #5F5F5F;--cool-purple: #BC4BFF;--pretty-pink: #D31272;--light-orange: #ddd6d6;--animation-distance: 20px;--trans-time: .5s}body{background-color:#012;margin:0;min-width:320px;display:flex;flex-direction:column;min-height:100vh}.left{margin-left:calc(10vw - 20px);margin-right:auto}.right{margin-right:7vw;margin-left:auto}img{display:block;height:auto}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}p{margin-block:0;margin-inline:auto}h1{width:fit-content;margin-block:0;margin-inline:auto;font-family:Geneva,Verdana,sans-serif;font-weight:500;font-size:clamp(2rem,3vw,3rem);line-height:1.1}h2{font-family:Barlow,sans-serif;width:fit-content;margin-block:0;margin-inline:auto;font-weight:400;font-size:clamp(1rem,2vw,2.5rem);line-height:1.1}h3{margin:0;font-family:Barlow,sans-serif;color:var(--logo-black);width:fit-content;margin-block:0;margin-inline:auto;font-size:clamp(.9rem,1.3vw,1.3rem);line-height:1.1}.large{margin-bottom:40px;margin-top:20px;margin-inline:auto;font-family:Poppins,sans-serif;font-size:clamp(1.4rem,1.7vw,1.7rem);line-height:1.4}.medium{margin:0;font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(1rem,2vw,1.5rem)}.small{font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(.75rem,1.3vw,1.3rem);line-height:1.1}.service-text{padding:20px;position:absolute;bottom:0;min-height:150px;background-color:var(--logo-black);border-radius:20px;font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(.85rem,1.35vw,1.35rem);line-height:1.2}.about-text{margin-top:16px;font-family:Barlow,sans-serif;font-weight:400;font-size:clamp(.8rem,1.5vw,1.4rem);line-height:1.3}header{margin:auto;display:flex;justify-content:space-between;align-items:center;width:85%}#header-logo{max-width:130px;padding-block:5px;padding-inline:min(2vw,10px);pointer-events:none;border-radius:10px}.pages-parent{min-width:50%;top:0}.pages{padding:min(20px,1.4vw);width:auto;max-height:3rem;min-width:fit-content;background-color:var(--logo-black-trans);border-radius:10px;display:flex;align-items:center;justify-content:space-around}.pages-item{text-decoration:none;font-family:Barlow,sans-serif;font-size:clamp(.7rem,.5rem + 1vw,1.5rem);font-weight:500;color:#fff;margin-inline:3px;margin-bottom:40px;transition:font-size .3s,padding .3s,border-radius .3s,border-bottom .3s,background-color .2s;border-radius:2px;border-bottom:dashed var(--logo-black) 3px;padding:.1rem}.pages-item:hover{background-color:var(--logo-orange);font-size:clamp(1.2rem,1rem + 2vw,2.7rem);border-radius:20px;border-bottom:none;padding:6px}button{margin:0;border-radius:32px;border:3px solid rgb(42,41,66);padding-inline:min(1vw + 4px,20px);padding-block:min(.5vw + 2px,10px);font-size:clamp(.7rem,1.2vw,1.3rem);font-weight:500;font-family:inherit;background-color:var(--logo-black);color:#eaeaea;cursor:pointer;transition:background-color .25s,border .25s;text-align:center}button:hover{background-color:var(--logo-orange);border:3px solid rgb(198,197,207)}button:focus,button:focus-visible{outline:none}footer{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:20px 5px;background-color:var(--light-orange);border-top:solid 2px var(--logo-grey);padding-block:min(10px,2vw);height:fit-content}.foot-list{display:flex;flex-direction:column;justify-content:flex-start}#foot-logo{height:100px;pointer-events:none}.socials.foot{display:flex;justify-content:center;gap:10px;margin-top:15px;height:100%}.socials.foot{align-items:center;gap:10px}.social.logo{width:36px;height:auto}.foot.nav{display:flex;margin-top:min(10px,.4vw);gap:10px;max-height:100px;flex-flow:column wrap;justify-content:start}.nav-item{font-weight:400;font-size:clamp(.8rem,1.3vw,1.3rem);line-height:1.1;color:var(--logo-black)}.foot.contacts{margin-top:min(10px,.4vw);display:flex;flex-direction:column;gap:8px}main{flex-grow:1;display:flex;flex-direction:column;width:100%}section{margin:0;position:relative;width:100%}.logo{transition:scale .3s;transition:rotate .1s}.logo:hover{scale:110%;rotate:3deg}@media screen and (orientation:portrait),screen and (min-resolution: 200dpi){.floaters-right,.floaters-left{visibility:hidden}.left,.left:lang(ar){margin-left:auto;margin-right:auto}.right,.right:lang(ar){margin-left:auto;margin-right:auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;width:min(600px,90%)}nav{order:-1;margin-block:20px;margin-inline:auto;width:100%}.pages{justify-content:space-around}#header-logo{max-width:80px;pointer-events:none}footer{display:grid;justify-content:space-around;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:40px 20px}.socials.foot{align-items:center;gap:10px}.foot-logo{order:4}}*:lang(ar){text-align:right;font-family:Cairo}.left:lang(ar){margin-right:7vw;margin-left:auto}.right:lang(ar){margin-left:calc(10vw - 20px);margin-right:auto}:is(header,.pages,.map,.contact-us,.check-out):lang(ar){flex-direction:row-reverse}.pages:lang(ar){max-height:3.5rem}@media (orientation:portrait),(min-resolution: 200dpi){.map:lang(ar){flex-direction:column-reverse}}.bg-services:lang(ar),.bg-clients:lang(ar){scale:-1 1}.view-all:lang(ar){margin-right:auto;margin-left:0}h1:lang(ar){font-weight:500;font-size:clamp(2rem,3vw,3rem);line-height:1.8}h2:lang(ar){font-weight:400;font-size:clamp(1rem,2vw,3.6rem);line-height:1.8}h3:lang(ar){font-weight:600;font-size:clamp(.9rem,1.3vw,1.3rem);line-height:1.8}.large:lang(ar){font-weight:500;font-size:clamp(1.5rem,1.8vw,1.8rem);line-height:1.8}.medium:lang(ar){font-weight:500;font-size:clamp(1rem,1.5vw,1.5rem)}.small:lang(ar){font-weight:400;font-size:clamp(.75rem,1.3vw,1.3rem);line-height:1.8}.service-text:lang(ar){font-weight:400;font-size:clamp(1rem,1.4vw,1.4rem);line-height:1.6}.about-text:lang(ar){font-weight:400;font-size:clamp(1rem,1.6vw,1.6rem);line-height:1.8}.floaters-right:lang(ar){left:0;right:unset}.floaters-left:lang(ar){right:0;left:unset}body{background-color:#232325;background-color:#1f1f1f;--transition:.4s}#section-products{display:grid;max-width:97%;margin-inline:auto;margin-top:40px;margin-bottom:75px;grid-template-columns:auto 1fr;grid-template-areas:"b a" "b c";align-items:start;justify-items:start;gap:25px 50px}.product-intro{grid-area:a;width:fit-content;margin:0 auto;padding:10px;border-radius:5px;background-color:var(--logo-black);box-shadow:1px 3px 10px #0000006b}.product-intro h1{margin-bottom:20px}.product-intro p{margin:0 30px}.product-sidebar{grid-area:b;width:fit-content;margin:0 auto;border-radius:20px;background-color:var(--logo-black)}.brands-text{margin:10px auto 25px}.brands{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:min(20px,1.7vw)}.brand-logo{width:150px;width:clamp(80px,50px + 10vw,150px)}.logo-button{padding:min(20px,1.7vw);border-radius:10px;background:none;border-color:transparent}.brand-selected{background-color:var(--logo-orange)}.products-grid.active{display:grid}.products-grid{display:none;padding-top:32px;grid-area:c;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));place-items:center;gap:50px 0;width:100%;margin:0 auto}.product-card{width:100%;width:clamp(250px,90%,350px);height:350px;position:relative;text-align:left}.product-image{position:absolute;right:0;bottom:0;left:0;top:32px;width:auto;height:70%;margin-inline:auto;object-fit:contain;transition:translate ease var(--transition);filter:saturate(1.11)}.product-title,.product-title:lang(ar){position:absolute;bottom:15px;text-align:center;width:100%;font-size:clamp(1rem,1vw,1.5rem);font-weight:600;color:#fff}.product-card:before{z-index:-1;content:"";position:absolute;bottom:0;width:100%;height:75%;border-radius:10px;background-color:var(--logo-black);box-shadow:#0006 1px 3px 20px}.product-card:after{z-index:-1;content:"";position:absolute;width:50%;margin-inline:25%;height:8%;border-radius:50%;bottom:45px;background-color:#00000050;filter:blur(7px);transition:filter var(--transition)}.product-card:hover .product-image{translate:0 -32px}.product-card:hover:after{filter:blur(10px)}.lightbox{display:none;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;padding:2vw;background:#000c}.lightbox:target{display:flex;align-items:center;justify-content:center;gap:2%;animation:show linear .25s}@keyframes show{0%{opacity:0}to{opacity:1}}.lightbox img{display:block;height:95%;width:auto;object-position:center;object-fit:contain}.product-info{margin-bottom:auto;margin-top:5%;font-size:clamp(1.5rem,2.5vw,3rem);line-height:1.5;color:wheat;background-color:var(--super-black);padding:1rem;border-radius:20px}@media screen and (orientation:portrait),screen and (min-resolution: 200dpi){#section-products{max-width:97%;margin-inline:auto;margin-block:32px;grid-template-columns:1fr;grid-template-areas:"a" "b" "c";align-items:center;justify-items:center;gap:25px 0}.brands-text{margin:5px auto 15px}.product-sidebar{min-width:90%}.brands{flex-direction:row;gap:10px}.products-grid{gap:16px 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.lightbox:target{flex-direction:column}.lightbox img{height:80%;max-width:98%}.product-info{margin-bottom:auto;margin-top:5%;padding:1rem}}