html[lang=ar] section.landing:before{transform:scaleX(-1)}section.landing{color:#fff;height:100vh;padding-top:90px;position:relative;overflow:hidden}section.landing:before{content:"";z-index:-1;background-image:linear-gradient(#0009),url(/images/home/landing.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:absolute;inset:0}section.landing .container{margin-top:40px}section.landing .container .popup{background-color:color-mix(in srgb, var(--main-color), #0d0e12 80%);border:1px solid var(--main-color);border-radius:20px;width:fit-content;margin-bottom:30px;padding:5px 10px 5px 30px;position:relative}section.landing .container .popup:before{content:"";background-color:var(--main-color);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}section.landing .container .popup p{color:var(--main-color);font-size:14px}section.landing .container h1{font-size:70px;font-weight:800;line-height:1.2}section.landing .container h1 .highlight{color:var(--main-color)}section.landing .container>p{color:#aaaaac;max-width:600px;margin-top:20px;font-size:18px}section.landing .container .links{gap:20px;margin-top:30px;display:flex}section.landing .container .links a{background-color:var(--main-color);color:#fff;border:1px solid var(--main-color);border-radius:15px;justify-content:center;align-items:center;gap:10px;padding:10px 15px;transition:all .3s ease-in-out;display:flex}section.landing .container .links a:first-child{box-shadow:0 0 10px color-mix(in srgb, var(--main-color), transparent 50%)}section.landing .container .links a:nth-child(2){background-color:#222126;border-color:#4e4e51}section.landing .container .ranks{border-top:2px solid #232327;gap:25px;max-width:600px;margin-top:50px;padding-top:30px;display:flex}section.landing .container .ranks .box p:first-of-type{color:#fff;align-items:center;gap:5px;font-size:20px;font-weight:700;display:flex}section.landing .container .ranks .box p{color:#aaaaac}section.categories{padding:60px 0}section.categories .container h1{margin-bottom:30px;font-size:40px}section.categories .container .boxContainer{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}section.categories .container .boxContainer .box{color:#fff;background-position:50%;background-size:cover;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;height:200px;display:flex}section.categories .container .boxContainer .box p{color:#c7c7c9}section.categories .container .boxContainer .box:first-of-type{background-image:linear-gradient(#9f07124d),url(/images/home/categories/engine.jpg)}section.categories .container .boxContainer .box:nth-of-type(2){background-image:linear-gradient(#312c8599),url(/images/home/categories/gearbox.jpg)}section.categories .container .boxContainer .box:nth-of-type(3){background-image:linear-gradient(#104e6499),url(/images/home/categories/suspension.jpg)}section.categories .container .boxContainer .box:nth-of-type(4){background-image:linear-gradient(#0f172b80),url(/images/home/categories/electrical.jpg)}section.categories .container .boxContainer .box:nth-of-type(5){background-image:linear-gradient(#00bc7d66),url(/images/home/categories/body.jpg)}section.categories .container .boxContainer .box:nth-of-type(6){background-image:linear-gradient(#a65f0066),url(/images/home/categories/brake.jpg)}section.categories .container .boxContainer .box:nth-of-type(7){background-image:linear-gradient(#0006),url(/images/home/categories/wheel.jpg)}section.categories .container .boxContainer .box:nth-of-type(8){background-image:linear-gradient(#193cb866),url(/images/home/categories/accessories.jpg)}