main{display:grid;grid-template-columns:325px 1fr;grid-template-rows:auto 1fr auto;gap:1rem 5rem;grid-template-areas:"breadcrumbs breadcrumbs" "anchor-info-contact quick-filters-container" "aside main" ". pagination";max-width:1680px;width:100%;padding:2rem 2rem 5rem;margin:auto}.breadcrumbs{grid-area:breadcrumbs}.breadcrumbs ul{padding:1rem 0}.banner-container{--aspect-ratio: 1440/166;position:relative}.banner-container .banner{position:absolute;top:0;display:block;width:100%;height:100%;aspect-ratio:var(--aspect-ratio);z-index:10}.banner-container .banner img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--aspect-ratio)}.banner-container .content{position:relative;display:flex;justify-content:center;align-items:center;gap:50px;padding:1rem;background-color:#050505ab;width:100%;height:100%;aspect-ratio:var(--aspect-ratio);z-index:20}.banner-container .content h2{margin:0;font-size:51px;font-weight:700;color:#fff}.banner-container .content p{margin:0;max-width:812px;font-size:16px;color:#fff}.anchor-info-contact{grid-area:anchor-info-contact;align-self:center;display:flex;justify-content:center;align-items:center;gap:8px;background-color:var(--green-600);padding:10px 16px;border-radius:10px;font-size:13px;color:#fff;text-decoration:none;text-transform:uppercase}.anchor-info-contact i{font-size:13px;line-height:normal}.anchor-info-contact span{font-weight:600}.quick-filters-container{grid-area:quick-filters-container;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.quick-filters-container .quick-filters{display:flex;align-items:center;gap:27px}.quick-filters-container .quick-filters .title{margin:0}.quick-filters-container .quick-filters a{display:flex;justify-content:center;align-items:center;width:56px;height:48px;border:1px solid #000;border-radius:10px;color:#fff;text-decoration:none;transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.quick-filters-container .quick-filters a svg{filter:brightness(1) invert(0);transition:filter .25s ease-in-out}.quick-filters-container .quick-filters a:hover{background-color:var(--black-700);border-color:var(--black-700);transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.quick-filters-container .quick-filters a:hover svg{filter:brightness(0) invert(1);transition:filter .25s ease-in-out}.quick-filters-container .filters-container{display:flex;border:1px solid transparent;border-radius:5px}.quick-filters-container .filters-container .select-container{display:flex;align-items:center;gap:1rem;padding:6px 0;margin:0;border-bottom:1px solid var(--gray-400)}.quick-filters-container .filters-container .select-container h2,.quick-filters-container .filters-container .select-container label{color:var(--gray-400);font-size:15px}.quick-filters-container .filters-container .select-container select{background-color:transparent;padding:0;border:none;border-radius:5px;font-size:15px;color:#000;cursor:pointer}.quick-filters-container .filters-container .filters-mobile-btn{--icon-size: 12px;--transition: opacity var(--transiton-duration) ease-in-out, color var(--transiton-duration) ease-in-out, background-color var(--transiton-duration) ease-in-out;display:none;justify-content:center;align-items:center;gap:12px;width:100%;background-color:transparent;border:none;color:#000;text-decoration:none;text-transform:uppercase;cursor:pointer}.quick-filters-container .filters-container .filters-mobile-btn i{font-size:var(--icon-size);transition:var(--transition)}.quick-filters-container .filters-container .filters-mobile-btn:hover{background-color:var(--black-700);border-color:var(--black-700);color:#fff;transition:var(--transition)}aside.sidebar{grid-area:aside;background-color:#fff}aside.sidebar .filters-container{display:flex;flex-direction:column;gap:1rem}aside.sidebar .filters-container .filters-header{display:none;justify-content:space-between;align-items:center;gap:1rem;height:48px;border-bottom:1px solid var(--gray-400)}aside.sidebar .filters-container .filters-header .filters-title{flex:1;font-size:1.5rem;font-weight:700;color:#000}aside.sidebar .filters-container .filters-header .filters-close{--icon-size: 24px;--transition: opacity var(--transiton-duration) ease-in-out, color var(--transiton-duration) ease-in-out, background-color var(--transiton-duration) ease-in-out;display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer}aside.sidebar .filters-container .filters-header .filters-close i{font-size:var(--icon-size);color:#000;transition:var(--transition)}aside.sidebar .filters-container .filters-wrapper{display:flex;flex-direction:column;gap:1rem}aside.sidebar .filters-container .filters-wrapper .filters{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:5px}aside.sidebar .filters-container .filters-wrapper .filters.bg-gray{background-color:#f4f4f4}aside.sidebar .filters-container .filters-wrapper .filters h3{font-size:16px;font-weight:600;text-transform:uppercase}aside.sidebar .filters-container .filters-wrapper .filters .categories{display:flex;flex-direction:column;gap:1rem}aside.sidebar .filters-container .filters-wrapper .filters .categories .checkbox-category{display:flex;align-items:center;gap:.5rem}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price{display:flex;flex-direction:column;gap:.5rem}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price header{display:flex;align-items:center;justify-content:space-between;color:#000;font-size:12px}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price header p{margin:0}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content{display:flex;align-items:center;gap:10px}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range{flex:1;height:100%}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container{position:relative;display:flex;margin:0;padding:0}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container:first-child input{background-color:transparent;color:#bbbfbf;z-index:1}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container:last-child input{position:relative;z-index:0;transition:background .2s ease-in-out}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;pointer-events:none;width:100%;height:6px;background-color:var(--gray-500);border-radius:8px;font-size:10px;outline:0;z-index:0}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container input[type=range]::-webkit-slider-thumb{height:16px;width:16px;border-radius:100%;background:var(--black-300);cursor:pointer;-webkit-appearance:none;pointer-events:all;transition:background .2s ease-in-out}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container input[type=range]::-webkit-slider-thumb:hover,aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container input[type=range]::-webkit-slider-thumb:active,aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .range .range-input-container input[type=range]::-webkit-slider-thumb:focus{background:var(--red-500);transition:background .2s ease-in-out}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price .content .btn-primary{--btn-background: var(--black-300);--btn-color: #fff;--btn-hover-background: var(--red-500);--btn-hover-color: #fff;--btn-border-color: var(--btn-background);--btn-hover-border-color: var(--red-500);width:30px;height:25px;border-radius:15px;padding:0}aside.sidebar .filters-container .filters-wrapper .filters .keywords{display:flex;flex-direction:column;gap:1rem;background-color:#fff}aside.sidebar .filters-container .filters-wrapper .filters .keywords ul{display:flex;flex-wrap:wrap;gap:.375rem}aside.sidebar .filters-container .filters-wrapper .filters .keywords ul li{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:5px;background-color:#f4f4f4;color:#000}.products-container{position:relative;grid-area:main;display:flex;flex-direction:column;gap:1rem;background-color:#fff}.products-container ul{padding:0}.products-card-container{grid-template-columns:repeat(auto-fill,minmax(min(263px,100%),1fr));gap:16px;max-width:initial;padding:1rem}.pagination{grid-area:pagination}@media(max-width:1280px){main{gap:1rem 2rem}.anchor-info-contact{align-self:flex-end}.quick-filters-container{justify-content:space-between;align-items:flex-end}.quick-filters-container .quick-filters{flex-wrap:wrap;gap:10px 15px}.quick-filters-container .quick-filters .title{flex:100%}}@media(max-width:768px){main{display:flex;flex-direction:column}.banner-container{--aspect-ratio: 3/2}.banner-container .content{flex-direction:column;gap:1rem;text-align:center}.anchor-info-contact{align-self:flex-start}.quick-filters-container{flex-wrap:nowrap}.quick-filters-container .quick-filters{flex:1}.quick-filters-container .quick-filters a{width:50px;height:42px}.quick-filters-container .quick-filters a svg{width:32px;height:32px}.quick-filters-container .filters-container{position:relative;flex:1;min-width:300px;width:100%;border:1px solid #000}.quick-filters-container .filters-container .select-container{flex:50%;border-bottom:none;border-right:1px solid #000;padding:0}.quick-filters-container .filters-container .select-container label{position:absolute;top:-10px;left:8px;background-color:#fff;padding:0 5px;font-size:13px}.quick-filters-container .filters-container .select-container select{padding:10px;width:100%}.quick-filters-container .filters-container .filters-mobile-btn{flex:50%;display:flex}aside.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000075;z-index:40;visibility:hidden;opacity:0;transition:opacity .6s ease-in-out,visibility .6s ease-in-out}aside.sidebar.active{visibility:visible;opacity:1}aside.sidebar.active .filters-container{margin-top:20dvh;transition:margin-top .25s ease-in-out}aside.sidebar .filters-container{position:fixed;top:0;width:100%;height:80dvh;margin-top:100dvh;padding:1rem;background-color:#fff;border-radius:8px 8px 0 0;transition:margin-top .25s ease-in-out}aside.sidebar .filters-container .filters-header{display:flex}aside.sidebar .filters-container .filters-wrapper{height:100%;overflow:auto}aside.sidebar .filters-container .filters-wrapper .filters .categories .range-price,aside.sidebar .filters-container .filters-wrapper .filters .categories h5{flex-basis:100%}.products-container{padding:1rem 0}.products-container .select-container{flex-wrap:wrap}.products-container .products-card-container{padding:0}}@media(max-width:650px){.quick-filters-container{flex-direction:column;align-items:flex-start;gap:1.5rem}.quick-filters-container .filters-container{min-width:auto}}:root{--compiled: 1}