.catalog main{display:flex;height:100%;min-height:calc(100vh - 144px);position:relative;width:100%}.catalog .aside-bar{border-right:.5px solid #d9d9d9;min-height:100%!important;overflow:auto;padding:1.5rem;position:sticky;top:0;transform:translateX(-320px);transition:.2s;width:320px}.catalog .aside-bar.show{transform:translateX(0)}.footer{margin:0!important}.form-search{align-items:center;display:flex;margin:1.5rem 0;position:relative;width:100%}.form-search input{border:1px solid #d9d9d9;border-radius:4px;height:40px;padding-left:24px;padding-right:32px;width:100%}.form-search i{color:#7d7d7d;font-size:1.2rem;position:absolute;right:12px}.catalog .aside-bar h4{color:var(--gray-100);font-size:1.5rem;font-weight:400}.brand-select h5,.category-select h5{margin-bottom:1.5rem}.brand-select .wrapper{display:flex;flex-wrap:wrap;gap:8px}.brand-select .wrapper .input-box{flex:1;min-width:28%}.brand-select .wrapper .input-box input{display:none}.brand-select .wrapper .input-box input:checked~label{border:1px solid #ff7d00}.brand-select .wrapper .input-box .content{align-items:center;background:#fff;border:1px solid #ededed;border-radius:4px;display:flex;flex-direction:column;padding:8px}.brand-select .wrapper .input-box .content label{color:#7d7d7d;font-size:12px;font-weight:600;line-height:14px}.category-select .checkbox{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.category-select label{color:#7d7d7d;font-size:14px;font-weight:600;line-height:17px}.category-select input{display:none}.category-select input:checked~span{border:1px solid var(--secondary-color)}.category-select span{align-items:center;background:#fff;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.25);display:flex;height:18px;justify-content:center;width:18px}.category-select span i{color:var(--secondary-color);display:none}.category-select input:checked~span i{display:flex;font-size:12px}.section-results{flex:1;margin-left:-320px;transition:.2s;width:100vw}.section-results.show{flex:1;margin-left:0}.section-results nav{align-items:center;border-bottom:.5px solid #d9d9d9;display:flex;height:56px;padding:0 1.5rem;width:100%}.section-results nav button{background:transparent;border:0;height:24px;padding:0;width:24px}.section-results nav button i{color:var(--gray-100);display:flex;font-size:18px}.section-results .content{padding:32px 24px}.section-results .content h2{font-size:24px;font-weight:400;line-height:29px}.section-results .content p{color:#373737;font-size:12px;font-weight:400;line-height:14px}.btn-close{display:none!important}@media (max-width:1200px){.catalog .aside-bar{background:#fff;height:100vh;left:-100%;position:fixed;top:0;transform:translate(0);width:100%;z-index:9999}.catalog .aside-bar:not(.show){left:0}.section-results.show,.section-results:not(.show){flex:1;margin-left:0}.btn-close{display:flex!important;position:absolute;right:16px;top:16px}}.card{height:350px;width:275px}.card .card-header{background:#fff;border-bottom:0;padding:0;width:100%}.card .card-header .card-image{height:100%;width:100%}.card .card-header img{height:100%;object-fit:cover;width:100%}.card .card-body{display:flex;flex-direction:column;padding:.75rem}.card .card-body .card-title{color:#373737;display:flex;font-size:16px;font-weight:700;line-height:19px;margin-bottom:8px}.card .card-body .card-subtitle{color:#373737;display:flex;font-size:14px;font-weight:400;line-height:17px;margin-bottom:24px}.card .card-body .card-link{align-items:center;background:var(--secondary-color);border-radius:4px;color:#fff;display:flex;font-weight:500;height:40px;justify-content:center;text-decoration:none;width:100%}.swiper-pagination-bullet-active{background:var(--secondary-color)!important}