
.hero{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero img{filter:brightness(30%);flex:1;height:100%;inset:0}.hero .embla{--slide-height:19rem;--slide-spacing:0rem;--slide-size:100%;margin:0}.hero .embla__viewport{overflow:hidden}.hero .embla__container{touch-action:pan-y pinch-zoom;display:flex}.embla__slide{flex:0 0 100%;justify-content:center;align-items:center;display:flex}.embla__slide img{width:100%;height:auto;scale:1.02}@media (min-width:768px){.embla__slide{flex:0 0 50%}}@media (min-width:1024px){.embla__slide{flex:0 0 33.33%}}.hero .text{z-index:1;color:#fff;width:50%;font-family:var(--first-family);flex-direction:column;justify-content:center;align-items:center;gap:25px;margin:auto;display:flex;position:absolute}.hero .text h1{font-weight:600}.hero p{text-align:center;line-height:20px}.hero .button{border:var(--second-color-primary) 2px solid;border-radius:14px;width:130px;height:50px;padding:15px 25px;transition:all .5s;position:relative;overflow:hidden}.hero .button:hover{background:var(--second-color-primary)}.hero .button:hover:after,.hero .button:hover:before{transform:translateY(-100%)}.hero .button.en:after,.hero .button.en:before{content:"Shop Now"}.hero .button.ar:after,.hero .button.ar:before{content:"تسوق الآن"}.hero .button:after,.hero .button:before{justify-content:center;align-items:center;width:127px;height:47px;transition:all .5s;display:flex;position:absolute;left:0}.hero .button:after{top:0}.hero .button:before{top:100%}@media screen and (max-width:550px){.hero p{font-size:.8rem}.hero .text{gap:10px;width:90%}.hero .button{width:120px;height:40px}.hero .button:after,.hero .button:before{width:117px;height:37px}}
section{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:80px 20px;display:flex}section.categories{margin:80px 0}.section-title{font-family:var(--first-family);color:var(--fourth-color-primary);text-align:center;font-weight:400;position:relative}.section-title:before,.section-title:after{content:"";background:var(--theme);width:60px;height:3px;position:absolute;top:50%}.section-title:before{left:-70px}.section-title:after{right:-70px}.categorie-card{cursor:pointer;transition:all .5s;overflow:hidden}.categorie-card img{transition:all .6s}.categorie-card:hover{background:#f5f5f5}
.featured-product-link{position:relative;overflow:hidden}.featured-product-link:before{content:"";background:rgb(212 212 212/var(--tw-text-opacity));width:100%;height:3px;transition:all .3s;position:absolute;bottom:-1px;left:-100%}.featured-product-link.active:before,.featured-product-link:hover:before{left:0}.featured-product .open-product{height:45px;transition:all .5s;position:relative;overflow:hidden}.featured-product .open-product:hover{background:var(--theme)}.featured-product .open-product:hover:after,.featured-product .open-product:hover:before{transform:translateY(-100%)}.featured-product .open-product:after,.featured-product .open-product:before{justify-content:center;align-items:center;width:calc(100% - 3px);height:45px;transition:all .5s;display:flex;position:absolute;left:0}.featured-product .open-product.en:after{content:"Open Product"}.featured-product .open-product.ar:after{content:"إفتح المنتج"}.featured-product .open-product:before{content:"";font-family:"Font Awesome 6 Free";font-size:1.5rem;font-weight:900}.featured-product .open-product:after{top:0}.featured-product .open-product:before{top:100%}
.ProductsByCategory .open-product{height:45px;transition:all .5s;position:relative;overflow:hidden}.ProductsByCategory .open-product:hover{background:var(--theme)}.ProductsByCategory .open-product:hover:after,.ProductsByCategory .open-product:hover:before{transform:translateY(-100%)}.ProductsByCategory .open-product:after,.ProductsByCategory .open-product:before{justify-content:center;align-items:center;width:calc(100% - 3px);height:45px;transition:all .5s;display:flex;position:absolute;left:0}.ProductsByCategory .open-product.en:after{content:"Open Product"}.ProductsByCategory .open-product.ar:after{content:"إفتح المنتج"}.ProductsByCategory .open-product:before{content:"";font-family:"Font Awesome 6 Free";font-size:1.5rem;font-weight:900}.ProductsByCategory .open-product:after{top:0}.ProductsByCategory .open-product:before{top:100%}
