.collection-controls .collection-controls-wrap{display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:wrap}.collection-controls-right{display:flex}@media screen and (max-width: 768px){.collection-controls-right{width:100%;justify-content:space-between}}.collection-controls-right>div:last-child{margin:0 0 0 15px}.collection-controls-right .collection-filter-control .form-element{width:150px}.collection-controls-right .collection-filter-control.active .form-element{border-bottom-width:2px;outline:none;text-decoration:none;background-image:var(--icon-chevron-up)}.collection-filters-headings ul{list-style:none;margin:0 0 25px;padding:0;display:flex;width:100%;overflow-x:auto}.collection-filters-headings ul li{width:23%;margin:0 2% 0 0}.collection-filters-headings ul li a{font-size:16px;line-height:36px;height:36px;display:block;text-transform:capitalize;border-bottom:1px solid var(--text-color-base);font-family:var(--font-family-base);color:var(--text-color-base)}.collection-filters-headings ul li a:hover,.collection-filters-headings ul li.mobile-show a{text-decoration:none;border-bottom:3px solid var(--text-color-base)}@media screen and (max-width: 768px){.filter .collection-filters-options{display:flex;width:100%;justify-content:space-between;align-items:center;margin:30px 0}.filter .collection-filter-section,.filter .collection-filter-section .wrap-header{display:none}.filter .collection-filter-section.mobile-show{display:block}.filter .collection-filters-options a.btn.mb-block,.filter .collection-filters-options a.btn.mb-block:link,.filter .collection-filters-options a.btn.mb-block:visited{width:49%}}@media screen and (min-width: 769px){.filter .collection-filters-options{margin:30px 0;text-align:right}}.filter{padding:30px 0}.filter .collection-filter-section h3{height:38px;font-size:18px;line-height:38px;border-radius:0;border-bottom:1px solid var(--text-color-base);margin:0 0 18px;text-transform:capitalize;font-weight:400}.filter .collection-filter-section h3 a{text-decoration:none}.collection-filter-section-series{order:1}.collection-filter-section-size{order:2}.collection-filter-section-colourgroup{order:3}.collection-filter-section-style{order:4}.filter .collection-filter-section-colourgroup .collection-filter-search-name{display:none}.filter .collection-filter-options{max-height:200px;overflow-y:auto;overflow-x:hidden;padding:4px;margin:15px 0;border-bottom:1px solid var(--color-black)}.filter .collection-filter-section.collection-filter-section-colourgroup .collection-filter-options{max-height:259px;border-bottom:none;margin:0}.filter .collection-filter-options ul{list-style:none;margin:0;padding:0}.filter .collection-filter-section:not(.collection-filter-section-colourgroup) .collection-filter-options ul li{margin:0 0 13px}.filter .collection-filter-section:not(.collection-filter-section-colourgroup) .collection-filter-options ul li a{display:inline-block;position:relative;font-size:16px;line-height:19px;padding:2px 0 0 30px}.filter .collection-filter-section:not(.collection-filter-section-colourgroup) .collection-filter-options ul li a:before{content:"";display:block;width:19px;height:19px;border:1px solid var(--color-black);background-color:transparent;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}.filter .collection-filter-section:not(.collection-filter-section-colourgroup) .collection-filter-options ul li.selected a:after{content:"";display:block;width:11px;height:11px;background-color:var(--color-black);border-radius:2px;position:absolute;left:4px;top:50%;transform:translateY(-50%);z-index:2}.filter .collection-filter-section-colourgroup li{display:inline-block;position:relative;width:28px;height:28px;margin:8px}.filter .collection-filter-section-colourgroup li a{text-indent:-999em;position:absolute;width:28px;height:28px;left:0;top:0}.filter .collection-filter-section-colourgroup .colour-image img{width:28px;height:28px;border-radius:100%;border:2px solid transparent}.filter .collection-filter-section-colourgroup li.selected .colour-image img{border:2px solid #AEAEAE}body.brand-sloggi .model-viewer{display:none!important}body.brand-sloggi .collection-controls .collection-controls-wrap{justify-content:end}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-collection-filters.css.map */