.products{background:var(--secondary-color);position:relative}.products::before{content:"";position:absolute;top:-.1rem;right:-.1rem;width:79.2rem;height:19.6rem;background-color:var(--lightgray);clip-path:polygon(100% 0,0 0,100% 100%)}@media only screen and (max-width:1580.98px){.products::before{width:50rem;height:12.4rem}}@media only screen and (max-width:640.98px){.products::before{width:32rem;height:8rem}}.products::after{content:"";position:absolute;bottom:-24.1rem;right:-.1rem;width:98rem;aspect-ratio:98/24.2;background-color:var(--secondary-color);clip-path:polygon(100% 0,0 0,100% 100%)}@media only screen and (max-width:1580.98px){.products::after{width:82rem;bottom:-20.1rem}}@media only screen and (max-width:1366.98px){.products::after{width:50rem;bottom:-12.2rem}}.products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4.8rem 2.4rem}@media only screen and (max-width:1580.98px){.products__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.products__header{max-width:70rem;margin-bottom:7.2rem}.products__header::before{content:attr(data-title);font-size:18rem;font-weight:800;color:rgba(255,255,255,.05);position:absolute;top:-12.5rem;left:-17.5rem}@media only screen and (max-width:1876.98px){.products__header::before{font-size:16rem;top:-11.5rem;left:-6.5rem}}@media only screen and (max-width:1280.98px){.products__header::before{font-size:10rem;top:-8.5rem;left:-5.5rem}}@media only screen and (max-width:992.98px){.products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.6rem 2rem}.products__header::before{font-size:7rem;top:-5.5rem;left:-3.5rem}}@media only screen and (max-width:640.98px){.products::after{width:32rem;bottom:-7.8rem}.products__grid{grid-template-columns:auto;row-gap:2rem}.products__header{margin-bottom:3.6rem}.products__header::before{left:-1.5rem}}@media only screen and (max-width:480.98px){.products__header::before{font-size:5.6rem;top:-3.5rem}}.products__title{color:#fff}.product__category{height:41rem;overflow:hidden;position:relative}.product__category:hover .product__category__img{transform:scale(1.05) translateX(.9rem) translateY(.7rem)}.product__category:hover .product__category__title{transform:translateY(-5.4rem)}.product__category:hover .product__category__arrow::after{transform:translateX(0)}.product__category__image{position:absolute}.product__category__img{transition:transform .25s linear}.product__category__header{display:grid;align-content:end;width:31rem;height:100%;padding:0 2.4rem 2.6rem;background:linear-gradient(90deg,#121212 0,rgba(18,18,18,0) 25%,rgba(18,18,18,0) 75%,#121212 100%),linear-gradient(180deg,#121212 0,rgba(18,18,18,0) 25%,rgba(18,18,18,0) 75%,#121212 100%),url(../../assets/img/product_item_bg.png) center center no-repeat}.product__category__title{color:#fff;transition:transform .25s linear;margin-bottom:0}.product__category__arrow{position:absolute;width:4rem;height:4rem;bottom:2.6rem;cursor:pointer}.product__category__arrow::after{content:"\f061";font:1.9rem/1 var(--icon);color:#fff;width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:rgba(227,227,225,.3);transition:transform .25s linear;transform:translateX(-8rem)}