#products-page{margin:13.7rem 0 20.8rem}#products-page .col-22{flex:0 0 22%;max-width:22%;padding-right:2rem}#products-page .col-22 .filter{position:-webkit-sticky;position:sticky;top:17rem;padding:30px 15px;background:#fcfcfc;border:1px solid #f0f0f0}#products-page .col-22 .filter .filter-item{margin-bottom:1rem}#products-page .col-22 .filter .filter-item h2{font-size:1.8rem;font-weight:600;color:var(--text-color-2);cursor:pointer;transition:.25s;&:hover{color:#ff2e00}}#products-page .col-22 .filter .filter-item h2:hover{opacity:.7}#products-page .col-22 .filter .filter-item ul{display:none;list-style:none;margin-left:2rem;padding:4px 0}#products-page .col-22 .filter .filter-item.active ul{display:block}#products-page .col-22 .filter .filter-item ul li{font-size:1.5rem;font-weight:500;color:var(--text-color-2);padding:.5rem 1rem;margin:5px 0 5px -1rem;letter-spacing:.5px;cursor:pointer;transition:.25s}#products-page .col-22 .filter .filter-item ul li:hover{background:#f4f4f4}#products-page .col-22 .filter .filter-item ul li.active{background:#ff2e00;color:#fff}#products-page .col-22 .mobil-size{display:none}#products-page .col-78{flex:0 0 78%;max-width:78%}#products-page .col-78 .products-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem}#products-page .col-78 .products-grid p{color:var(--text-color-2)}#products-page .col-78 .products-grid .product-box{position:relative;display:none;overflow:hidden;border:1px solid #e4e2e2;border-radius:5px;transition:.25s;cursor:pointer;padding:0 2rem 2rem;& .product-box-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;gap:1rem;opacity:0;transition:.25s;& a{font-size:1.7rem;font-weight:600;padding:1rem 2rem;background:#ff2e00;color:#fff;border:none;cursor:pointer;transition:.25s;&:hover{background:#fff;color:#ff2e00}}}&:hover .product-box-overlay{opacity:1}}@media screen and (max-width:575.98px){.product-box-overlay{flex-direction:column;text-align:center;padding-top:25px;& .btn,& .whatsapp{padding:8px!important}}}#products-page .col-78 .products-grid .product-box.active{display:block}#products-page .col-78 .products-grid .product-box img{width:100%;object-fit:contain;aspect-ratio:1/1;transition:.25s}#products-page .col-78 .products-grid .product-box:hover img{transform:scale(1.03)}#products-page .col-78 .products-grid .product-box h4{font-size:1.7rem;font-weight:500;color:var(--text-color-2);padding-top:1.2rem;overflow:hidden;text-align:center}#products-page .col-78 .products-grid .product-box span{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:1.7rem;font-weight:600;padding:1rem 2rem;background:#ff2e00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:575.98px){#products-page{margin:5rem 0 7rem}#products-page .col-22{position:-webkit-sticky;position:sticky;top:7rem;flex:0 0 100%;max-width:100%;padding-right:0;background:var(--text-color);z-index:3}#products-page .col-22 .filter{display:flex;flex-wrap:wrap;gap:8px;padding:1rem .5rem;border:none;background:#fff;border-radius:5px}#products-page .col-22 .filter .filter-item{border:1px solid #f0f0f0;margin-bottom:0}#products-page .col-22 .filter .filter-item h2{font-size:1.4rem;padding:.5rem;white-space:nowrap;text-decoration:none;overflow:hidden}#products-page .col-22 .filter .filter-item.active h2{color:#f0f0f0;background:#ff2e00}#products-page .col-22 .filter .filter-item.active ul{display:none}#products-page .col-22 .mobil-size{display:flex;list-style:none;margin-bottom:1rem;overflow-y:hidden;overflow-x:scroll}#products-page .col-22 .mobil-size::-webkit-scrollbar{height:0;display:none}#products-page .col-22 .mobil-size li{font-size:1.3rem;font-weight:500;padding:.5rem 1rem;white-space:nowrap;color:var(--text-color-2)}#products-page .col-22 .mobil-size li.active{background:#f4f4f4}#products-page .col-78{flex:0 0 100%;max-width:100%}#products-page .col-78 .products-grid{grid-template-columns:repeat(2,1fr);grid-gap:1rem}#products-page .col-78 .products-grid .product-box h4{font-size:1.4rem}#products-page .col-78 .products-grid .product-box span{font-size:1.4rem;padding:.5rem 1rem}}