{"product_id":"festool-cordless-orbital-sander-rtsc-400-li-basic","title":"Festool | Cordless orbital sander RTSC 400 LI-Basic","description":"\u003cstyle\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.background[data-v-1a6298e4] {\n  width: 100%;\n  height: 100%;\n  background-color: rgba(25, 30, 43, 0.8);\n  z-index: 1004;\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n.background .modal[data-v-1a6298e4] {\n    z-index: 1010;\n    background-color: white;\n    position: relative;\n    min-height: 10rem;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    padding: 1.875rem;\n    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.4);\n    border-radius: 3px;\n    border: 1px solid #666;\n}\n@media only screen and (max-width: 45em) {\n.background .modal[data-v-1a6298e4] {\n        min-height: 100vh;\n}\n}\n.background .modal.small[data-v-1a6298e4] {\n      width: 40%;\n}\n@media only screen and (max-width: 45em) {\n.background .modal.small[data-v-1a6298e4] {\n          width: 100%;\n}\n}\n.background .modal.medium[data-v-1a6298e4] {\n      width: 65%;\n}\n@media only screen and (max-width: 45em) {\n.background .modal.medium[data-v-1a6298e4] {\n          width: 100%;\n}\n}\n.background .modal.large[data-v-1a6298e4] {\n      width: 100%;\n}\n.background .modal__close[data-v-1a6298e4] {\n      text-align: right;\n}\n.background .modal .icon-close[data-v-1a6298e4] {\n      position: absolute;\n      top: .5rem;\n      right: .5rem;\n}\n.background .modal .icon-close[data-v-1a6298e4]:hover {\n        cursor: pointer;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.td-relative[data-v-8d0dbec0] {\n  position: relative;\n}\n.table-with-horizontal-scroll[data-v-8d0dbec0] {\n  border-collapse: separate;\n}\n.f-dropdown--list[data-v-8d0dbec0] {\n  padding: .65em 1.6em;\n}\n.f-dropdown.show[data-v-8d0dbec0] {\n  display: block;\n  top: 3rem;\n  left: 0;\n}\n.f-dropdown .stand-alone[data-v-8d0dbec0] {\n  white-space: nowrap;\n  font-size: 1rem;\n}\n.f-dropdown .stand-alone[data-v-8d0dbec0]:hover {\n    color: white;\n}\n.button[data-v-8d0dbec0]::after {\n  top: .7rem;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.quick-tool-reg[data-v-1d112f55] {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  position: relative;\n}\n.quick-tool-reg__title[data-v-1d112f55] {\n    padding-bottom: .75rem;\n}\n.quick-tool-reg__tool[data-v-1d112f55] {\n    padding-bottom: .2rem;\n}\n.quick-tool-reg__tool h5[data-v-1d112f55] {\n      margin-left: .625rem;\n}\n@media only screen and (min-width: 75.065rem) {\n.quick-tool-reg__tool[data-v-1d112f55] {\n        padding: 0;\n}\n.quick-tool-reg__tool h5[data-v-1d112f55] {\n          margin-top: .625rem;\n}\n}\n.quick-tool-reg .close-btn[data-v-1d112f55] {\n    text-decoration: none;\n    position: relative;\n    right: 1rem;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.hide[data-v-0abd63f9] {\n  display: none;\n}\ntextarea#userComment[data-v-0abd63f9] {\n  margin-bottom: 0;\n}\n.comment-size-text[data-v-0abd63f9] {\n  padding-top: .3rem;\n}\n.tts-error[data-v-0abd63f9]:before {\n  border: 1px solid #ce272d !important;\n}\n.tts-error[data-v-0abd63f9]:focus {\n  border-color: #ce272d !important;\n}\n.cost-underline-text[data-v-0abd63f9] {\n  font-size: .8rem;\n  font-weight: bold;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.search-results-content[data-v-5ddaf931] {\n  position: relative;\n  margin: 0 auto;\n  min-height: 15rem;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.search-results-content .columns {\n  padding-left: .625rem;\n  padding-right: .625rem;\n  float: left;\n}\n.search-results-content .grid ul {\n  margin-left: -0.675rem;\n  margin-right: -0.675rem;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-content .grid ul li.fixed-grid-list {\n      padding-left: 0.46875rem;\n      padding-right: 0.46875rem;\n}\n}\n@media only screen and (min-width: 45.065rem) and (max-width: 75rem) {\n.search-results-content .grid ul li.fixed-grid-list {\n      padding-left: 0.53125rem;\n      padding-right: 0.53125rem;\n}\n}\n@media only screen and (min-width: 75.065rem) {\n.search-results-content .grid ul li.fixed-grid-list {\n      padding-left: 0.625rem;\n      padding-right: 0.625rem;\n}\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.tts-checkbox + label[data-v-bb40bf12] {\n  margin: 0;\n  padding-left: 2.375rem;\n  line-height: inherit;\n}\n.tts-checkbox + label[data-v-bb40bf12]:before {\n    position: absolute;\n    left: 0;\n    margin-top: 0;\n}\n.tts-checkbox:disabled + label[data-v-bb40bf12],\n.tts-checkbox:disabled + label[data-v-bb40bf12]:before {\n  cursor: default;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.expand-enter-active[data-v-9c776a04],\n.expand-leave-active[data-v-9c776a04] {\n  transition: height 500ms ease-in-out;\n  overflow: hidden;\n}\n.expand-enter[data-v-9c776a04],\n.expand-leave-to[data-v-9c776a04] {\n  height: 0;\n}\n\n\/*\n    These rules hould hopefully enable browsers to perform\n    hardware acceleration optimizations.\n*\/\n*[data-v-9c776a04] {\n  will-change: height;\n  transform: translateZ(0);\n  backface-visibility: hidden;\n  perspective: 1000px;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.search-results-filter-item[data-v-7c08b1c6] {\n  margin-bottom: 1.75rem;\n}\n.search-results-filter-item__title[data-v-7c08b1c6] {\n    border-top: 0.0625rem solid #EFEFEF;\n    border-bottom: 0.0625rem solid #EFEFEF;\n    padding: 0.75rem 1.875rem 0.75rem 0;\n    position: relative;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-weight: bold;\n    cursor: pointer;\n}\n.search-results-filter-item .icon-angle-up[data-v-7c08b1c6],\n  .search-results-filter-item .icon-angle-down[data-v-7c08b1c6],\n  .search-results-filter-item .icon-filter[data-v-7c08b1c6] {\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 2rem;\n}\n.search-results-filter-item ul[data-v-7c08b1c6] {\n    list-style: none;\n    margin: 0;\n    overflow: hidden;\n    transition: height 0.5s ease;\n}\n.search-results-filter-item ul li[data-v-7c08b1c6] {\n      padding: 0.5rem 0;\n      font-size: 1.125rem;\n      line-height: 1.5rem;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filter-item ul li[data-v-7c08b1c6] {\n          font-size: 1rem;\n          line-height: 1.375rem;\n}\n}\n.search-results-filter-item ul \u003e li[data-v-7c08b1c6]:first-child {\n      padding-top: 0.75rem;\n}\n.search-results-filter-item .view-more[data-v-7c08b1c6] {\n    cursor: pointer;\n}\n.search-results-filter-item .view-more span[data-v-7c08b1c6] {\n      padding-left: 2.375rem;\n      font-weight: bold;\n      text-decoration: underline;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filter-item .view-more span[data-v-7c08b1c6] {\n          font-size: 1rem;\n}\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.search-results-filter-item ul li label {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filter-item ul li label {\n      font-size: 1rem;\n      line-height: 1.375rem;\n}\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.search-results-filters[data-v-3e3a2bf9] {\n  color: #191e2b;\n}\n.search-results-filters .icon-angle-right[data-v-3e3a2bf9],\n  .search-results-filters .icon-angle-left[data-v-3e3a2bf9],\n  .search-results-filters .icon-filter[data-v-3e3a2bf9] {\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 2rem;\n}\n.search-results-filters__mobile-filters-button[data-v-3e3a2bf9] {\n    border-top: 0.0625rem solid #EFEFEF;\n    border-bottom: 0.0625rem solid #EFEFEF;\n    padding: 0.75rem 0 0.75rem 2.5rem;\n    cursor: pointer;\n    display: none;\n    font-weight: bold;\n    margin-bottom: 1.875rem;\n    position: relative;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filters__mobile-filters-button[data-v-3e3a2bf9] {\n        display: block;\n}\n}\n.search-results-filters__mobile-filters-button .icon-filter[data-v-3e3a2bf9] {\n      right: initial;\n      left: 0;\n}\n.search-results-filters__mobile-back-button[data-v-3e3a2bf9] {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: 0;\n    border-top: 0.0625rem solid #536877;\n    background: #191e2b;\n    font-size: 1.3125rem;\n    line-height: 1;\n    padding: 1.25rem 2.375rem 1.25rem 3.5rem;\n    cursor: pointer;\n    display: none;\n    color: #fff;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filters__mobile-back-button[data-v-3e3a2bf9] {\n        display: block;\n}\n}\n.search-results-filters__mobile-back-button .icon-angle-left[data-v-3e3a2bf9] {\n      right: initial;\n      left: 1.5rem;\n}\n.search-results-filters__container[data-v-3e3a2bf9] {\n    margin-right: 0.625rem;\n    font-size: 1.125rem;\n    line-height: 1.5rem;\n    overflow: hidden;\n    position: relative;\n}\n.search-results-filters__container .loading-container[data-v-3e3a2bf9] {\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      bottom: 0;\n      background-color: rgba(255, 255, 255, 0.9);\n      text-align: center;\n      padding-top: 6.25rem;\n      display: none;\n      z-index: 1;\n}\n.search-results-filters__container .loading-container .loading-spinner[data-v-3e3a2bf9] {\n        width: 5rem;\n        height: 5rem;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filters__container[data-v-3e3a2bf9] {\n        margin-right: 0;\n        font-size: 1rem;\n        line-height: 1.375rem;\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        z-index: 10000;\n        background: #fff;\n        transform: translateX(100%);\n        transition: transform 0.3s ease;\n}\n.search-results-filters__container--loading .loading-container[data-v-3e3a2bf9] {\n          display: block;\n}\n.search-results-filters__container--mobile-visible[data-v-3e3a2bf9] {\n          transform: translateX(0);\n}\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filters__level-container[data-v-3e3a2bf9] {\n      padding: 2rem 2.375rem;\n      overflow-y: auto;\n      position: absolute;\n      top: 3.8125rem;\n      right: 0;\n      left: 0;\n      bottom: 0;\n}\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filters__level-container--level2[data-v-3e3a2bf9] {\n      bottom: 6rem;\n}\n}\n.search-results-filters__category[data-v-3e3a2bf9] {\n    margin-bottom: 1.75rem;\n}\n.search-results-filters__category-title[data-v-3e3a2bf9], .search-results-filters__selected-level1-category-title[data-v-3e3a2bf9] {\n    font-weight: bold;\n    padding-bottom: 0.75rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.search-results-filters__selected-level1-category[data-v-3e3a2bf9] {\n    margin-bottom: 2rem;\n    position: relative;\n}\n.search-results-filters__selected-level1-category span[data-v-3e3a2bf9] {\n      cursor: pointer;\n      padding-left: 2.375rem;\n      display: block;\n      overflow: hidden;\n      text-overflow: ellipsis;\n}\n.search-results-filters__selected-level1-category span .icon-close[data-v-3e3a2bf9] {\n        color: #fff;\n        background: #191e2b;\n        border-radius: 0.1875rem;\n        padding: 0.125rem;\n        font-size: 1.375rem;\n        position: absolute;\n        left: 0;\n}\n.search-results-filters__category-title[data-v-3e3a2bf9] {\n    border-top: 0.0625rem solid #EFEFEF;\n    border-bottom: 0.0625rem solid #EFEFEF;\n    padding-top: 0.75rem;\n    position: relative;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n.search-results-filters ul[data-v-3e3a2bf9] {\n    list-style: none;\n    margin: 0;\n    overflow: hidden;\n    transition: height 0.5s ease;\n}\n.search-results-filters ul li[data-v-3e3a2bf9] {\n      padding: 0.5rem 0;\n      font-size: 1.125rem;\n      line-height: 1.5rem;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filters ul li[data-v-3e3a2bf9] {\n          font-size: 1rem;\n          line-height: 1.375rem;\n}\n}\n.search-results-filters ul li span[data-v-3e3a2bf9] {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: block;\n}\n.search-results-filters ul li[data-v-3e3a2bf9]:first-child {\n        padding-top: 0.75rem;\n}\n.search-results-filters__level1-items span[data-v-3e3a2bf9] {\n    cursor: pointer;\n}\n.search-results-filters__mobile-controls[data-v-3e3a2bf9] {\n    display: none;\n    position: fixed;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    height: 6rem;\n    padding: 1rem;\n    background: #536877;\n    text-align: center;\n    color: #fff;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-filters__mobile-controls[data-v-3e3a2bf9] {\n        display: block;\n}\n}\n.search-results-filters__mobile-controls-button[data-v-3e3a2bf9] {\n    background: #191e2b;\n    display: inline-block;\n    cursor: pointer;\n    width: 8.375rem;\n    height: 2rem;\n    line-height: 2rem;\n    margin: 0.5rem 0.25rem 0;\n    border-radius: 0.25rem;\n}\n.search-results-filters__mobile-controls-button .icon-close[data-v-3e3a2bf9],\n    .search-results-filters__mobile-controls-button .icon-tick[data-v-3e3a2bf9] {\n      font-size: 2rem;\n      line-height: 2rem;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.search-results-filters input[type=\"checkbox\"].tts-checkbox + label {\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n--\u003e\u003c\/style\u003e\r\n\u003cstyle type=\"text\/css\"\u003e\u003c!--\n\/* Font sizes START *\/\n\/** H1 **\/\n\/** H2 **\/\n\/** H3 **\/\n\/** H4 **\/\n\/** H5 **\/\n\/** e.g. p **\/\n\/** breadcrumb font size **\/\n\/* gaps Start ('dark-green' color after design) *\/\n\/** used at rf-row (FIXME when rf-row transfors tooo row) **\/\n\/** used at top of rf-row ('light-green' color after design) **\/\n\/** used at left and right gaps for e.g. rf-row **\/\n\/** used mostly on gaps for headlines, also used for gaps between elements inside a row \n    ('simple-green' color after design)\n**\/\n\/** used for gaps in and between elements ('red' \/ 'violet' color after design) **\/\n\/** used for gaps in and between elements ('orange' color after design) **\/\n\/** used to calculate the gap on each side of an element, e.g. grids **\/\n\/** used for e.g. gaps in between bullet points of the triangle list **\/\n\/* widths Start *\/\n\/*------------------------------------*\\\n    $VARIABLES\n\\*------------------------------------*\/\n.search-results-container__main.rf-row[data-v-2eadf605] {\n  margin: 0 auto;\n  overflow: hidden;\n}\n.search-results-container__main[data-v-2eadf605] {\n  position: relative;\n}\n.search-results-container__main .loading-container[data-v-2eadf605] {\n    display: none;\n    position: absolute;\n    z-index: 1;\n    background-color: rgba(255, 255, 255, 0.9);\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    padding-top: 6.25rem;\n    left: 0;\n    top: 0;\n}\n.search-results-container__main .loading-container .loading-spinner[data-v-2eadf605] {\n      width: 5rem;\n      height: 5rem;\n}\n.search-results-container__main--loading .loading-container[data-v-2eadf605] {\n    display: block;\n}\n.search-results-container__main--empty[data-v-2eadf605] {\n    min-height: 6rem;\n}\n.search-results-container__main--empty .loading-container[data-v-2eadf605] {\n      padding-top: 0;\n}\n.search-results-container__filters[data-v-2eadf605] {\n  width: 25%;\n  float: left;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-container__filters[data-v-2eadf605] {\n      width: initial;\n      float: initial;\n}\n}\n.search-results-container__content[data-v-2eadf605] {\n  width: 75%;\n  float: left;\n}\n@media only screen and (max-width: 45rem) {\n.search-results-container__content[data-v-2eadf605] {\n      width: initial;\u003c\/style\u003e","brand":"Festool","offers":[{"title":"Default Title","offer_id":49154863595675,"sku":"FES201519","price":6619.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6199\/1323\/files\/3e64176e-0215-4c01-abec-ed6c79df336c.jpg?v=1785566977","url":"https:\/\/bpmpowertools.co.za\/products\/festool-cordless-orbital-sander-rtsc-400-li-basic","provider":"BPM Powertools","version":"1.0","type":"link"}