body.noScroll {
  overflow: hidden;
  position: fixed;
  inset: 0;
}

@keyframes dot-animation {
  0% {
    background-color: rgba(29, 29, 27, 0.4);
  }
  50% {
    background-color: rgba(29, 29, 27, 0.7);
  }
  100% {
    background-color: #1d1d1b;
  }
}
.batcom--loading {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  background-color: grey;
  animation: dot-animation 1.2s infinite;
  animation-delay: 0.8s;
  border-radius: 50%;
}
.batcom--loading::before, .batcom--loading::after {
  border-radius: 50%;
  content: "";
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #1d1d1b;
  animation: dot-animation 1.2s infinite;
}
.batcom--loading::before {
  animation-delay: 0.4s;
  left: -20px;
}
.batcom--loading::after {
  animation-delay: 1.2s;
  right: -20px;
}

.batcom__loading-container {
  position: relative;
}
.batcom__loading-container .batcom--loading {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.batcom__loading-container.loading {
  pointer-events: none;
  opacity: 0.3;
}
.batcom__loading-container.loading .batcom--loading {
  display: inline-block;
}

.batcom-overlay__shorthand {
  position: relative;
  z-index: 0;
}

/* doc
---
title: z-index
name: nn-z-index
category: functions
---

Because z-indices can get tricky we manage them in the theme.scss globally.

Always use this mixin to set set a z-index.

Read the Best Practice to get an full documentation:
https://projects.netcentric.biz/wiki/display/FRONTEND/z-index+management+with+SCSS

## Live Template abbreviations
---
-z

## Parameters
---
@parameter $element = Name of the element (normally this will be the module name for the main stack)
@parameter $list = Name of the list (default $z-indices). Must be only set for stack context
@parameter $min = Set a minimum z-index which will be added to the list.

## Dependencies
---
$z-indices variable in the theme.scss

## Example
---

```html_example

// In the SASS theme file

$z-indices: slider, modal, dialog, navigation;

// In the SASS module file

.modal {
    &__base {
        position: absolute;
        z-index: nn-z-index(modal);
    }
}
```

## Source
---
http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/
*/
/*
* Mixin used to create the arrows for the menu items.
*/
/* doc
---
title: Clearfix
name: clearfix
category: mixins
---

Clears after floating element

Use this mixin only inside media queries where you can't use the
abstract/extends/utils/_clearfix version, which adds less code to css

## Live Template abbreviations
---

## Example
---

```html_example
@include clearfix;
```

## Source
---
<https://css-tricks.com/snippets/css/clear-fix/>
*/
/*
lt0 = (default) 1 column at a 100%
lt1 = 2 columns (50%, 50%)
lt2 = 2 columns (33%, 66%)
lt3 = 2 columns (66%, 33%)
lt4 = 3 columns (33%, 33%, 33%)
lt5 = 4 columns (25%, 25%, 25%, 25%)

## Parameters
@parameter $layout-type = lt0 | lt1 | lt2 | lt3 | lt4 | lt5
*/
/* doc
---
title: Component Normalize / item Normalize
name: font
category: mixins
---
Use this mixing to regular AEM wrappers and normalization.
*/
/* stylelint-disable max-nesting-depth */
/* stylelint-disable media-feature-name-no-vendor-prefix */
/* doc
---
title: Font
name: font
category: mixins
---

Use this mixing to add fonts and normalization.

Documentation:

- https://projects.netcentric.biz/wiki/display/FRONTEND/CSS+-+Font+Normalization
- https://projects.netcentric.biz/wiki/display/FRONTEND/SCSS+-+Font+management

## Parameters
---
@param $font-type
@param $normalize

## Dependencies
---
/abstract/functions/nn-px-to-em
/abstract/functions/nn-px-to-rem
/abstract/functions/nn-px-to-unitless
/abstract/mixins/font-icon
*/
/*
* This mixin is used to set styles for elements according to typography in their respective viewport.
* It uses the variables defined in the typography
* @include typography("button") will enable the font size and lineheight according to typography button tokens in all the 3 viewports
*/
/* doc
---
title: Visibility
name: visibility
category: mixins
---

Mixin to add visibility to control to elements

---

## Example
---

```html_example
.container {
  &__base {
    @include visible;

    @include breakpoint($b-01) {
      @include hidden;
    }
  }
}
```
*/
/*
* This mixin is used to style headings of any level in a responsive way.
* It uses the variables defined in the typography map to style the headings so
* the levels it can effectively style are 1 to 6.
* It also styles the use of spans and links inside the headings.
*
* @param {number} $level - The heading level to style.
* @param {string} $weight - The font weight to use for the heading. By default it uses the weight defined in the typography map.
*/
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*
* This mixin is used to set styles for name, price, button label elements in:
* batcom-algolia-bw-productsearch.clientlibs.scss
* batcom-bff-dynamiclist.clientlibs.scss
* product-list.clientlibs.scss
*/
/**
* Reverse container
*/
.batcom-bff-grouped-product-accordion {
  --batcom-color-primary: var(--batcom-color-grouped-accordion-bg-primary, #e54800);
}
.batcom-bff-grouped-product-accordion__filter {
  background-color: var(--batcom-color-grouped-accordion-grey-50, rgba(61, 61, 61, 0.5019607843));
  border: 1px solid var(--batcom-color-grouped-accordion-white-20, rgba(255, 255, 255, 0.2));
  border-width: 0 1px;
  box-shadow: 2px 4px 17px 0 var(--batcom-color-grouped-accordion-filter-shadow, rgba(147, 132, 123, 0.4));
  color: var(--batcom-color-grouped-accordion-white, #fff);
  border-radius: 20px;
  margin-bottom: 40px;
}
.batcom-bff-grouped-product-accordion__filter-toggle {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__filter-toggle::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__filter-toggle:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__filter-toggle {
  cursor: pointer;
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: flex-start;
  font: inherit;
  gap: 16px;
  padding: 32px 100px 32px 32px;
  width: 100%;
  text-align: left;
  position: relative;
}
.batcom-bff-grouped-product-accordion__filter-toggle::after {
  content: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-orange-right.svg");
  position: absolute;
  inset: 0 70px 0 auto;
  margin: auto;
  height: 25px;
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: no-preference) {
  .batcom-bff-grouped-product-accordion__filter-toggle::after {
    transition: transform 200ms ease;
  }
}
.batcom-bff-grouped-product-accordion__filter-toggle[aria-expanded=true]::after {
  transform: rotate(-90deg);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__filter-heading {
    font-size: var(--batcom-typography-h3-size-mobile);
    line-height: var(--batcom-typography-h3-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__filter-heading {
    font-size: var(--batcom-typography-h3-size-tablet);
    line-height: var(--batcom-typography-h3-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__filter-heading {
    font-size: var(--batcom-typography-h3-size-desktop);
    line-height: var(--batcom-typography-h3-line-height-desktop);
  }
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__filter-description {
    font-size: var(--batcom-typography-body-size-mobile);
    line-height: var(--batcom-typography-body-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__filter-description {
    font-size: var(--batcom-typography-body-size-tablet);
    line-height: var(--batcom-typography-body-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__filter-description {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__filter-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0 32px 32px;
  overflow: hidden;
  opacity: 1;
  pointer-events: auto;
  max-height: none;
}
@media (prefers-reduced-motion: no-preference) {
  .batcom-bff-grouped-product-accordion__filter-body {
    transition: max-height 300ms ease, opacity 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .batcom-bff-grouped-product-accordion__filter-body {
    transition: none;
  }
}
.batcom-bff-grouped-product-accordion__filter-toggle[aria-expanded=false] + .batcom-bff-grouped-product-accordion__filter-body, .batcom-bff-grouped-product-accordion__filter-body[data-collapsed=true] {
  max-height: 0;
  opacity: 0;
  padding-bottom: 0;
  pointer-events: none;
}
.batcom-bff-grouped-product-accordion__filter-toggle[aria-expanded=true] + .batcom-bff-grouped-product-accordion__filter-body, .batcom-bff-grouped-product-accordion__filter-body[data-collapsed=false] {
  max-height: none;
  opacity: 1;
  pointer-events: auto;
}
.batcom-bff-grouped-product-accordion__groups {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.batcom-bff-grouped-product-accordion__panel {
  background: linear-gradient(140.12deg, var(--batcom-color-grouped-accordion-black, #000) -6.73%, var(--batcom-color-grouped-accordion-panel-bg-end, #1f1f1f) 105.72%);
  border-radius: 16px;
}
.batcom-bff-grouped-product-accordion__panel-header {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__panel-header::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__panel-header:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__panel-header {
  cursor: pointer;
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: flex-start;
  font: inherit;
  gap: 16px;
  padding: 32px 100px 32px 32px;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: 100px;
}
.batcom-bff-grouped-product-accordion__panel-header::after {
  content: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-orange-right.svg");
  position: absolute;
  inset: 0 70px 0 auto;
  margin: auto;
  height: 25px;
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: no-preference) {
  .batcom-bff-grouped-product-accordion__panel-header::after {
    transition: transform 200ms ease;
  }
}
.batcom-bff-grouped-product-accordion__panel-header[aria-expanded=true]::after {
  transform: rotate(-90deg);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__panel-title {
    font-size: var(--batcom-typography-h3-size-mobile);
    line-height: var(--batcom-typography-h3-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__panel-title {
    font-size: var(--batcom-typography-h3-size-tablet);
    line-height: var(--batcom-typography-h3-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__panel-title {
    font-size: var(--batcom-typography-h3-size-desktop);
    line-height: var(--batcom-typography-h3-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__panel-icon {
  max-width: 200px;
  max-height: 65px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__panel-description {
    font-size: var(--batcom-typography-body-size-mobile);
    line-height: var(--batcom-typography-body-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__panel-description {
    font-size: var(--batcom-typography-body-size-tablet);
    line-height: var(--batcom-typography-body-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__panel-description {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__panel-body {
  padding: 0 100px 16px;
  position: relative;
  overflow: hidden;
  opacity: 1;
  pointer-events: auto;
  max-height: none;
}
@media (prefers-reduced-motion: no-preference) {
  .batcom-bff-grouped-product-accordion__panel-body {
    transition: max-height 300ms ease, opacity 200ms ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .batcom-bff-grouped-product-accordion__panel-body {
    transition: none;
  }
}
.batcom-bff-grouped-product-accordion__panel-body[data-collapsed=true] {
  max-height: 0;
  opacity: 0;
  padding-bottom: 0;
  pointer-events: none;
}
.batcom-bff-grouped-product-accordion__panel-body[data-collapsed=false] {
  max-height: none;
  opacity: 1;
  pointer-events: auto;
}
.batcom-bff-grouped-product-accordion__panel--expanded .batcom-bff-grouped-product-accordion__panel-track {
  display: grid;
  grid-template-columns: repeat(var(--carousel-visible-count, 3), 1fr);
  overflow-x: visible;
}
.batcom-bff-grouped-product-accordion__panel--expanded .batcom-bff-grouped-product-accordion__panel-nav,
.batcom-bff-grouped-product-accordion__panel--expanded .batcom-bff-grouped-product-accordion__panel-dots {
  display: none;
}
.batcom-bff-grouped-product-accordion__panel-track {
  display: flex;
  gap: 16px;
  overflow-x: hidden;
  scroll-snap-type: x mandatory;
  touch-action: pan-y;
}
@media (prefers-reduced-motion: no-preference) {
  .batcom-bff-grouped-product-accordion__panel-track {
    scroll-behavior: smooth;
  }
}
@media (prefers-reduced-motion: reduce) {
  .batcom-bff-grouped-product-accordion__panel-track {
    scroll-behavior: auto;
  }
}
.batcom-bff-grouped-product-accordion__panel-track[data-view-all-active=true] .batcom-bff-grouped-product-accordion__card:nth-child(3n)::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__panel-track[data-view-all-active=true] .batcom-bff-grouped-product-accordion__card:nth-child(2n)::after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__panel-track .batcom-bff-grouped-product-accordion__card::after {
    display: none;
  }
}
.batcom-bff-grouped-product-accordion__panel-nav {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__panel-nav::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__panel-nav:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__panel-nav {
  align-items: center;
  background: var(--batcom-color-grouped-accordion-white-5, rgba(255, 255, 255, 0.0509803922));
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 0.8px solid var(--batcom-color-grouped-accordion-white-10, rgba(255, 255, 255, 0.1019607843));
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.batcom-bff-grouped-product-accordion__panel-nav:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.batcom-bff-grouped-product-accordion__panel-nav--prev {
  left: 40px;
}
.batcom-bff-grouped-product-accordion__panel-nav--prev::after {
  content: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-down-orange.svg");
  font-size: 0;
  line-height: 0;
  transform: rotate(90deg);
}
.batcom-bff-grouped-product-accordion__panel-nav--next {
  right: 40px;
}
.batcom-bff-grouped-product-accordion__panel-nav--next::after {
  content: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/chevron-down-orange.svg");
  font-size: 0;
  line-height: 0;
  transform: rotate(-90deg);
}
.batcom-bff-grouped-product-accordion__panel-dots {
  display: flex;
  gap: 6px;
  justify-content: center;
  margin: 20px 0;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__panel-disclaimer {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__panel-disclaimer {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__panel-disclaimer {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__panel-disclaimer {
  margin: 12px 0;
  text-align: left;
}
.batcom-bff-grouped-product-accordion__panel-dot {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__panel-dot::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__panel-dot:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__panel-dot {
  background: var(--batcom-color-grouped-accordion-white-20, rgba(255, 255, 255, 0.2));
  border-radius: 100%;
  cursor: pointer;
  height: 7px;
  width: 7px;
}
.batcom-bff-grouped-product-accordion__panel-dot--active {
  background: var(--batcom-color-grouped-accordion-bg-primary, #e54800);
  box-shadow: 0 0 8px 0 var(--batcom-color-grouped-accordion-bg-primary, #e54800);
  cursor: default;
  width: 28px;
  border-radius: 7px;
}
.batcom-bff-grouped-product-accordion__panel-view-all {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__panel-view-all::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__panel-view-all:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__panel-view-all {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__panel-view-all {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__panel-view-all {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__panel-view-all {
  cursor: pointer;
  display: block;
  padding: 4px 8px;
  margin: 12px auto 0;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 6px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__panel-no-products {
    font-size: var(--batcom-typography-h5-size-mobile);
    line-height: var(--batcom-typography-h5-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__panel-no-products {
    font-size: var(--batcom-typography-h5-size-tablet);
    line-height: var(--batcom-typography-h5-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__panel-no-products {
    font-size: var(--batcom-typography-h5-size-desktop);
    line-height: var(--batcom-typography-h5-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__panel-no-products {
  text-align: center;
  padding: 20px 16px;
}
.batcom-bff-grouped-product-accordion__card {
  flex: 0 0 calc((100% - (var(--carousel-visible-count, 3) - 1) * 12px) / var(--carousel-visible-count, 3));
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px 12px 20px;
  position: relative;
}
.batcom-bff-grouped-product-accordion__card::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 0;
  width: 2px;
  bottom: 0;
  height: 50%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, var(--batcom-color-grouped-accordion-bg-primary, #e54800) 40%, var(--batcom-color-grouped-accordion-bg-primary, #e54800) 60%, rgba(0, 0, 0, 0) 95%);
  box-shadow: 0 0 12px 0 var(--batcom-color-grouped-accordion-divider-glow, rgba(167, 139, 250, 0.4392156863));
  margin: auto;
}
.batcom-bff-grouped-product-accordion__card:last-child::after {
  display: none;
}
.batcom-bff-grouped-product-accordion__card-link:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__card-link {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-decoration: none;
  text-align: center;
}
.batcom-bff-grouped-product-accordion__card-link:visited, .batcom-bff-grouped-product-accordion__card-link:hover {
  color: inherit;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-category {
    font-size: var(--batcom-typography-small-size-mobile);
    line-height: var(--batcom-typography-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-category {
    font-size: var(--batcom-typography-small-size-tablet);
    line-height: var(--batcom-typography-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-category {
    font-size: var(--batcom-typography-small-size-desktop);
    line-height: var(--batcom-typography-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-visual {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  min-height: 160px;
  position: relative;
}
.batcom-bff-grouped-product-accordion__card-glow {
  background: var(--batcom-card-glow-color, transparent);
  border-radius: 50%;
  filter: blur(24px);
  height: 65%;
  left: 50%;
  opacity: 0.45;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
}
.batcom-bff-grouped-product-accordion__card-image {
  max-height: 160px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-name {
    font-size: var(--batcom-typography-body-size-mobile);
    line-height: var(--batcom-typography-body-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-name {
    font-size: var(--batcom-typography-body-size-tablet);
    line-height: var(--batcom-typography-body-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-name {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-name {
  min-height: 66px;
  font-weight: var(--batcom-typography-weight-bold, 600);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-description {
    font-size: var(--batcom-typography-body-size-mobile);
    line-height: var(--batcom-typography-body-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-description {
    font-size: var(--batcom-typography-body-size-tablet);
    line-height: var(--batcom-typography-body-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-description {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-description {
  min-height: 44px;
  max-height: 44px;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.batcom-bff-grouped-product-accordion__card-rating {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.batcom-bff-grouped-product-accordion__card-rating .product-card__rating-container {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 20px;
  font-size: 0;
  background: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/star-empty-plp.svg") repeat-x;
}
.batcom-bff-grouped-product-accordion__card-rating .product-card__rating-filled {
  position: absolute;
  top: 0;
  left: 1.5px;
  display: block;
  height: 100%;
  width: 0;
  background: url("../../../../../../etc.clientlibs/batcom/base/clientlibs/publish/resources/icons/star-filled-glo-plp.svg") repeat-x;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-rating .product-card__rating-reviews {
    font-size: var(--batcom-typography-small-size-mobile);
    line-height: var(--batcom-typography-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-rating .product-card__rating-reviews {
    font-size: var(--batcom-typography-small-size-tablet);
    line-height: var(--batcom-typography-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-rating .product-card__rating-reviews {
    font-size: var(--batcom-typography-small-size-desktop);
    line-height: var(--batcom-typography-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-rating .product-card__rating-reviews {
  white-space: nowrap;
}
.batcom-bff-grouped-product-accordion__card-indicators {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.batcom-bff-grouped-product-accordion__card-indicator {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-indicator-label {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-indicator-label {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-indicator-label {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-indicator-dots {
  display: flex;
  gap: 4px;
}
.batcom-bff-grouped-product-accordion__card-indicator-dot {
  align-items: center;
  border: 1px solid var(--batcom-color-grouped-accordion-white, #fff);
  border-radius: 100%;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.batcom-bff-grouped-product-accordion__card-indicator-dot--filled {
  background-color: var(--batcom-color-grouped-accordion-bg-primary, #e54800);
  border-color: var(--batcom-color-grouped-accordion-bg-primary, #e54800);
}
.batcom-bff-grouped-product-accordion__card-indicator-dot--capsule {
  background-color: transparent;
}
.batcom-bff-grouped-product-accordion__card-indicator-dot-inner-circle {
  border-radius: 100%;
  display: block;
  height: 10px;
  width: 10px;
}
.batcom-bff-grouped-product-accordion__card-cart-wrapper {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 8px;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto;
}
.batcom-bff-grouped-product-accordion__card-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-wrap,
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-wrap {
    font-size: var(--batcom-typography-quote-size-mobile);
    line-height: var(--batcom-typography-quote-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-wrap,
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-wrap {
    font-size: var(--batcom-typography-quote-size-tablet);
    line-height: var(--batcom-typography-quote-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-wrap,
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-wrap {
    font-size: var(--batcom-typography-quote-size-desktop);
    line-height: var(--batcom-typography-quote-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-price .product-card__price-wrap,
.batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-wrap {
  display: flex;
  align-items: baseline;
  gap: 2px;
  flex-flow: column wrap;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price {
    font-size: var(--batcom-typography-quote-size-mobile);
    line-height: var(--batcom-typography-quote-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price {
    font-size: var(--batcom-typography-quote-size-tablet);
    line-height: var(--batcom-typography-quote-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price {
    font-size: var(--batcom-typography-quote-size-desktop);
    line-height: var(--batcom-typography-quote-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price {
  font-weight: var(--batcom-typography-weight-bold, 600);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-regular--price {
    font-size: var(--batcom-typography-body-size-mobile);
    line-height: var(--batcom-typography-body-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-regular--price {
    font-size: var(--batcom-typography-body-size-tablet);
    line-height: var(--batcom-typography-body-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-regular--price {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-price .product-card__price-regular--price {
  text-decoration: line-through;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-suffix-text, .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-suffix-text {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-suffix-text, .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-suffix-text {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-price .product-card__price-suffix-text, .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-suffix-text {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-price .product-card__price-suffix-text, .batcom-bff-grouped-product-accordion__card-price .product-card__price-final--price-suffix-text {
  display: block;
}
.batcom-bff-grouped-product-accordion__card-price .product-card__price-inline-suffix {
  font: inherit;
  line-height: inherit;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-price-final {
    font-size: var(--batcom-typography-x-large-size-mobile);
    line-height: var(--batcom-typography-x-large-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-price-final {
    font-size: var(--batcom-typography-x-large-size-tablet);
    line-height: var(--batcom-typography-x-large-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-price-final {
    font-size: var(--batcom-typography-x-large-size-desktop);
    line-height: var(--batcom-typography-x-large-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-price-final {
  font-weight: var(--batcom-typography-weight-bold, 600);
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-price-regular {
    font-size: var(--batcom-typography-small-size-mobile);
    line-height: var(--batcom-typography-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-price-regular {
    font-size: var(--batcom-typography-small-size-tablet);
    line-height: var(--batcom-typography-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-price-regular {
    font-size: var(--batcom-typography-small-size-desktop);
    line-height: var(--batcom-typography-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-price-regular {
  text-decoration: line-through;
}
.batcom-bff-grouped-product-accordion__card-quantity {
  align-items: center;
  border: 2px solid var(--batcom-color-grouped-accordion-white, #fff);
  border-radius: 999px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 4px 12px;
  height: 40px;
  margin-bottom: 8px;
}
.batcom-bff-grouped-product-accordion__card-quantity--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.batcom-bff-grouped-product-accordion__card-quantity-btn {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__card-quantity-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__card-quantity-btn:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__card-quantity-btn {
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
  font-size: 24px;
}
.batcom-bff-grouped-product-accordion__card-quantity-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.batcom-bff-grouped-product-accordion__card-quantity-input {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__card-quantity-input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__card-quantity-input:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-quantity-input {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-quantity-input {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-quantity-input {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-quantity-input {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  background: transparent;
  border: 0;
  text-align: center;
  flex: 1;
  color: var(--batcom-color-grouped-accordion-white, #fff);
  height: 100%;
}
.batcom-bff-grouped-product-accordion__card-quantity-input::-webkit-inner-spin-button, .batcom-bff-grouped-product-accordion__card-quantity-input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
.batcom-bff-grouped-product-accordion__card-buy {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__card-buy::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__card-buy:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-buy {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-buy {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-buy {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-buy {
  background-color: var(--batcom-color-grouped-accordion-white, #fff);
  color: var(--batcom-color-grouped-accordion-add-to-cart-text, #272626);
  cursor: pointer;
  border-radius: 999px;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
  min-height: 40px;
  font-weight: var(--batcom-typography-weight-bold, 600);
}
.batcom-bff-grouped-product-accordion__card-buy:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.batcom-bff-grouped-product-accordion__card-buy:hover {
  background-color: var(--batcom-color-grouped-accordion-add-to-cart-bg-hover, #e6e6e6);
}
.batcom-bff-grouped-product-accordion__card-notification, .batcom-bff-grouped-product-accordion__card-notification-set {
  width: 100%;
  display: block;
}
.batcom-bff-grouped-product-accordion__card-notification {
  margin-top: 8px;
}
.batcom-bff-grouped-product-accordion__card-notification:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.batcom-bff-grouped-product-accordion__card-notification-set {
  margin-top: 8px;
  background-color: var(--batcom-color-grouped-accordion-white, #fff);
  color: var(--batcom-color-grouped-accordion-black, #000);
  cursor: default;
  border-radius: 999px;
  min-height: 40px;
  padding: 8px 16px;
  text-align: center;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__card-status {
    font-size: var(--batcom-typography-small-size-mobile);
    line-height: var(--batcom-typography-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__card-status {
    font-size: var(--batcom-typography-small-size-tablet);
    line-height: var(--batcom-typography-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__card-status {
    font-size: var(--batcom-typography-small-size-desktop);
    line-height: var(--batcom-typography-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__card-status {
  font-weight: var(--batcom-typography-weight-bold, 600);
  text-align: left;
}
.batcom-bff-grouped-product-accordion__card-status--instock {
  color: var(--batcom-color-grouped-accordion-status-instock, #068475);
}
.batcom-bff-grouped-product-accordion__card-status--unavailable, .batcom-bff-grouped-product-accordion__card-status--nonsellable {
  color: var(--batcom-color-grouped-accordion-status-unavailable, #991f39);
}
.batcom-bff-grouped-product-accordion__sr-status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.batcom-bff-grouped-product-accordion__card--out-of-stock .batcom-bff-grouped-product-accordion__card-buy {
  border-color: var(--batcom-color-grouped-accordion-white, #fff);
}
.batcom-bff-grouped-product-accordion__facet-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__facet-heading {
    font-size: var(--batcom-typography-body-size-mobile);
    line-height: var(--batcom-typography-body-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__facet-heading {
    font-size: var(--batcom-typography-body-size-tablet);
    line-height: var(--batcom-typography-body-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__facet-heading {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__facet-options {
  display: grid;
  gap: 16px 20px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.batcom-bff-grouped-product-accordion__facet-option:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__facet-option {
  align-items: center;
  background: var(--batcom-color-grouped-accordion-facet-option-bg, #1b1b1b);
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  display: grid;
  gap: 16px;
  grid-column: span 2;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 53px;
  padding: 16px 20px;
  transition: border-color 200ms ease, background-color 200ms ease, opacity 200ms ease;
}
.batcom-bff-grouped-product-accordion__facet-option--half {
  grid-column: span 3;
}
.batcom-bff-grouped-product-accordion__facet-option--selected {
  background: linear-gradient(90deg, var(--batcom-color-grouped-accordion-bg-primary, #e54800), var(--batcom-color-grouped-accordion-panel-bg-end, #1b1b1b));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  outline: none;
}
.batcom-bff-grouped-product-accordion__facet-option--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.batcom-bff-grouped-product-accordion__facet-option:has(.batcom-bff-grouped-product-accordion__facet-option-input:focus-visible) {
  outline: 2px solid var(--batcom-color-primary, #e54800);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__facet-option:focus-within:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__facet-option-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 1px;
}
.batcom-bff-grouped-product-accordion__facet-option-indicator {
  align-items: center;
  border: 2px solid var(--batcom-color-grouped-accordion-white, #fff);
  border-radius: 50%;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.batcom-bff-grouped-product-accordion__facet-option-indicator::after {
  background: var(--batcom-color-grouped-accordion-white, #fff);
  border-radius: 50%;
  content: "";
  height: 12px;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 200ms ease, transform 200ms ease;
  width: 12px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__facet-option-text {
    font-size: var(--batcom-typography-body-size-mobile);
    line-height: var(--batcom-typography-body-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__facet-option-text {
    font-size: var(--batcom-typography-body-size-tablet);
    line-height: var(--batcom-typography-body-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__facet-option-text {
    font-size: var(--batcom-typography-body-size-desktop);
    line-height: var(--batcom-typography-body-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__facet-option-text {
  min-width: 0;
}
.batcom-bff-grouped-product-accordion__facet-option-input:checked + .batcom-bff-grouped-product-accordion__facet-option-indicator {
  border-color: var(--batcom-color-grouped-accordion-white, #fff);
}
.batcom-bff-grouped-product-accordion__facet-option-input:checked + .batcom-bff-grouped-product-accordion__facet-option-indicator::after {
  opacity: 1;
  transform: scale(1);
}
.batcom-bff-grouped-product-accordion__facet-option-input:focus-visible + .batcom-bff-grouped-product-accordion__facet-option-indicator {
  box-shadow: 0 0 0 2px var(--batcom-color-grouped-accordion-bg-primary, #e54800);
}
.batcom-bff-grouped-product-accordion__filter-clear-all {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__filter-clear-all::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__filter-clear-all:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__filter-clear-all {
    font-size: var(--batcom-typography-x-small-size-mobile);
    line-height: var(--batcom-typography-x-small-line-height-mobile);
  }
}
@media only screen and (min-width: 768px) {
  .batcom-bff-grouped-product-accordion__filter-clear-all {
    font-size: var(--batcom-typography-x-small-size-tablet);
    line-height: var(--batcom-typography-x-small-line-height-tablet);
  }
}
@media only screen and (min-width: 1024px) {
  .batcom-bff-grouped-product-accordion__filter-clear-all {
    font-size: var(--batcom-typography-x-small-size-desktop);
    line-height: var(--batcom-typography-x-small-line-height-desktop);
  }
}
.batcom-bff-grouped-product-accordion__filter-clear-all {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  padding: 4px 8px;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 6px;
  letter-spacing: 1px;
}
.batcom-bff-grouped-product-accordion__loading, .batcom-bff-grouped-product-accordion__error {
  text-align: center;
}
.batcom-bff-grouped-product-accordion__loading.batcom-hide, .batcom-bff-grouped-product-accordion__error.batcom-hide {
  display: none;
}
.batcom-bff-grouped-product-accordion__retry {
  overflow: visible;
  width: auto;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  line-height: normal;
}
.batcom-bff-grouped-product-accordion__retry::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.batcom-bff-grouped-product-accordion__retry:focus-visible {
  outline: 2px solid var(--batcom-color-primary, #000);
  outline-offset: 2px;
}
.batcom-bff-grouped-product-accordion__retry {
  text-decoration: underline;
  text-underline-offset: 6px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .batcom-bff-grouped-product-accordion__panel-body {
    padding: 0 60px 24px;
  }
  .batcom-bff-grouped-product-accordion__panel-nav--prev {
    left: 8px;
  }
  .batcom-bff-grouped-product-accordion__panel-nav--next {
    right: 8px;
  }
}
@media only screen and (max-width: 1023px) {
  .batcom-bff-grouped-product-accordion__filter-toggle, .batcom-bff-grouped-product-accordion__panel-header {
    padding: 24px 60px 24px 20px;
  }
  .batcom-bff-grouped-product-accordion__filter-toggle::after, .batcom-bff-grouped-product-accordion__panel-header::after {
    right: 30px;
  }
  .batcom-bff-grouped-product-accordion__filter-body {
    padding: 0 24px 24px;
  }
  .batcom-bff-grouped-product-accordion__panel-body {
    padding: 0 50px 24px;
  }
  .batcom-bff-grouped-product-accordion__panel-nav--prev {
    left: 8px;
  }
  .batcom-bff-grouped-product-accordion__panel-nav--next {
    right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .batcom-bff-grouped-product-accordion__facet-options {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .batcom-bff-grouped-product-accordion__facet-option, .batcom-bff-grouped-product-accordion__facet-option--half {
    grid-column: span 2;
    min-height: 56px;
    padding: 14px 16px;
  }
}
@media only screen and (max-width: 479px) {
  .batcom-bff-grouped-product-accordion__filter-toggle, .batcom-bff-grouped-product-accordion__panel-header {
    padding: 24px 55px 24px 16px;
  }
  .batcom-bff-grouped-product-accordion__filter-toggle::after, .batcom-bff-grouped-product-accordion__panel-header::after {
    right: 25px;
  }
  .batcom-bff-grouped-product-accordion__filter-body {
    padding: 0 16px 24px;
  }
  .batcom-bff-grouped-product-accordion__panel-body {
    padding: 0 16px 24px;
  }
  .batcom-bff-grouped-product-accordion__panel-nav {
    top: 15%;
  }
  .batcom-bff-grouped-product-accordion__panel-nav--prev {
    left: 18px;
  }
  .batcom-bff-grouped-product-accordion__panel-nav--next {
    right: 18px;
  }
  .batcom-bff-grouped-product-accordion__card {
    padding: 16px 0 20px;
  }
}

.batcom-bff-grouped-product-accordion__tab-panel {
  min-width: 0;
}