.btn-filter{padding:20px;margin:0 auto}@media (min-width: 992px){.btn-filter{padding:10px 40px 0 40px}}.btn-filter .content{padding-top:20px;display:flex;justify-content:flex-start;border-top:1px solid #dddddd}.btn-filter .content .btn{display:flex;gap:8px;align-items:center;cursor:pointer}.btn-filter .content .btn .picto{font-size:0px;line-height:0px}.btn-filter .content .btn .picto svg{width:12px}.btn-filter .content .btn .label{font-size:12px;text-transform:uppercase}.filtre-collection{padding:40px;position:fixed;right:0;top:0;height:100%;z-index:10;background:#ffffff;bottom:0;width:100%;display:flex;flex-direction:column;transform:translateX(100%);transition:all 0.3s ease}@media (min-width: 992px){.filtre-collection{width:500px}}.filtre-collection .close{height:20px;width:20px;position:absolute;top:40px;right:40px;z-index:1;border-radius:100%;background:#eeeeee;display:flex;align-items:center;justify-content:center;font-size:0;line-height:0;transition:all 0.3s ease;cursor:pointer}.filtre-collection .close:after{color:#000000;content:"✕";font-size:10px;line-height:0;transition:all 0.3s ease}.filtre-collection .close:hover{background:#000000}.filtre-collection .close:hover:after{color:#ffffff}.filter-open .filtre-collection{transform:translateX(0)}.filtre-collection .bottom{flex-direction:column;flex:1;overflow:auto}.filtre-collection .content-btn-apply .apply{line-height:40px;font-size:12px;text-transform:uppercase;padding:0 20px;text-align:center;cursor:pointer;border:1px solid #000000;color:#000000;transition:all 0.3s ease}.filtre-collection .content-btn-apply .apply:hover{background:#000000;color:#ffffff}.filtre-collection .filter-group{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eeeeee}.filtre-collection .filter-group .label-group{text-transform:uppercase;font-size:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.filtre-collection .filter-group .label-group .picto svg{transition:all 0.3s ease;width:12px}.filtre-collection .filter-group .list-filtre-group{display:flex;gap:10px;overflow:hidden;transition:all 0.3s ease;transform-origin:top;transform:scaleY(0);height:0;flex-wrap:wrap}.filtre-collection .filter-group.open .label-group .picto svg{transform:rotate(-180deg)}.filtre-collection .filter-group.open .list-filtre-group{padding:10px 0;height:auto;transform:scaleY(1)}.filtre-collection .top{padding-bottom:30px}.filtre-collection .top .filter-group{border:none;text-transform:uppercase}.filtre-collection .top .filter-group .filter-reset{border:none;appearance:none;text-decoration:underline;background:none;padding:0;display:none}.filtre-collection .top .filter-group .filter-reset.on{display:inline-block}.filtre-collection .filter-item button{background:transparent;border-radius:20px;cursor:pointer;font-size:12px;letter-spacing:0px;text-align:left;transition:background 0.2s, color 0.2s;border:none;appearance:none;color:#000000;padding:0;display:flex;align-items:center;gap:6px;line-height:36px;padding:0 14px;border:1px solid var(--color-green);transition:all 0.3s ease}.filtre-collection .filter-item button:hover,.filtre-collection .filter-item button.active{background:var(--color-green);color:#ffffff}.filtre-collection .filter-item button.active:before{display:inline-block;content:"✓";margin-right:2px;font-size:12px}.product-min.hide{display:none !important}.filtre-collection .filter-group--list .list-filtre-group{gap:0}.filtre-collection .filter-group--list .filter-item{width:50%}.filtre-collection .filter-group--list .filter-item button{width:100%;border:none !important;border-radius:0 !important;background:transparent !important;color:#000 !important;line-height:normal !important;padding:10px 0 10px 24px !important;justify-content:flex-start;position:relative}.filtre-collection .filter-group--list .filter-item button:before{content:"" !important;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px !important;height:14px !important;border:1px solid #000 !important;border-radius:2px !important;background:transparent !important;margin:0 !important;font-size:0 !important}.filtre-collection .filter-group--list .filter-item button:hover{color:var(--color-green) !important}.filtre-collection .filter-group--list .filter-item button:hover:before{border-color:var(--color-green) !important}.filtre-collection .filter-group--list .filter-item button.active{color:var(--color-green) !important}.filtre-collection .filter-group--list .filter-item button.active:before{content:"✓" !important;background:var(--color-green) !important;border-color:var(--color-green) !important;color:#fff;font-size:9px !important;display:flex !important;align-items:center;justify-content:center}.filter-color-btn:has(.color-swatch){width:36px;height:36px;padding:0 !important;border-radius:50% !important;border:2px solid transparent !important;background:transparent !important;display:flex;align-items:center;justify-content:center}.filter-color-btn:has(.color-swatch):before{display:none !important}.filter-color-btn:has(.color-swatch):hover,.filter-color-btn:has(.color-swatch).active{background:transparent !important;border-color:var(--color-green) !important}.color-swatch{display:block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,0.15)}