body {
  background: var(--color-bg-neutral-xs);
}

.clearfix::after {
  display: none;
  clear: both;
  content: "";
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

:root {
  --gap: var(--size-grid-gutter-variable);
}

.column {
  /* Column 3 */
  /* Column 10 */
  /* Column 12 */
}
.column-system-3 {
  --fr: calc(calc(100% - calc(var(--gap)* 2)) / 3);
  --column-one-third: var(--fr) 1fr;
  --column-two-third: 1fr var(--fr);
  --width-one-third: var(--fr);
  --width-two-third: calc(calc(var(--fr)* 2) + var(--gap));
}
.column-system-10 {
  --fr: calc(calc(100% - calc(var(--gap)* 9)) / 10);
  --column-one-fourth: calc(calc(var(--fr) * 3) + calc(var(--gap) * 2)) 1fr;
}
.column-system-12 {
  --fr: calc(calc(100% - calc(var(--gap) * 11)) / 12);
  --column-one-two: calc(calc(var(--fr) * 4) + calc(var(--gap) * 3)) 1fr;
  --column-one-third: calc(calc(var(--fr) * 4) + calc(var(--gap) * 3)) 1fr;
  --column-two-third: 1fr calc(calc(var(--fr) * 4) + calc(var(--gap) * 3));
  --column-one-fourth: calc(calc(var(--fr) * 3) + calc(var(--gap) * 2)) 1fr;
  --column-three-fourth: 1fr calc(calc(var(--fr) * 3) + calc(var(--gap) * 2));
  --width-one-third: calc(calc(var(--fr) * 4) + calc(var(--gap) * 3));
  --width-two-third: calc(calc(var(--fr) * 8) + calc(var(--gap) * 7));
}
.column {
  display: grid;
}
.column_base, .column-base {
  width: var(--width-two-third);
  justify-self: end;
}
.column_one, .column-one, .column-1, .column_1 {
  grid-template-columns: 1fr;
}
.column_one_third, .column_one-third, .column-one_third, .column-one-third, .column-1_third, .column-1-third, .column_1_third, .column_1-third {
  grid-template-columns: var(--column-one-third);
}
.column_two, .column-two, .column-2, .column_2 {
  grid-template-columns: repeat(2, 1fr);
}
.column_two_third, .column_two-third, .column-two_third, .column-two-third, .column-2_third, .column-2-third, .column_2_third, .column_2-third {
  grid-template-columns: var(--column-two-third);
}
.column_three, .column-three, .column-3, .column_3 {
  grid-template-columns: repeat(3, 1fr);
}
.column_four, .column-four, .column-4, .column_4 {
  grid-template-columns: repeat(4, 1fr);
}
.column_five, .column-five, .column-5, .column_5 {
  grid-template-columns: repeat(5, 1fr);
}
.column_six, .column-six, .column-6, .column_6 {
  grid-template-columns: repeat(6, 1fr);
}
.column_twelve, .column-twelve, .column-12, .column_12 {
  grid-template-columns: repeat(12, 1fr);
}
.column_asymmetric > *:nth-child(2), .column-asymmetric > *:nth-child(2) {
  grid-column: 2/4;
}
.column_spacing_md, .column_spacing-md, .column-spacing_md, .column-spacing-md {
  gap: var(--size-grids-gutter-md);
}
.column_spacing_lg, .column_spacing-lg, .column-spacing_lg, .column-spacing-lg {
  gap: var(--size-block-space-lg) var(--size-grids-gutter-md);
}
.column_spacing_xl, .column_spacing-xl, .column-spacing_xl, .column-spacing-xl {
  gap: var(--size-block-space-xl) var(--size-grids-gutter-md);
}
.column_spacing_2xl, .column-spacing_2xl {
  gap: calc(var(--size-grids-margin-horizontal-lg) * 2);
}
.column_spacing_none, .column_spacing-none, .column-spacing_none, .column-spacing-none {
  gap: unset;
}

@container main (max-width: 1179px) {
  .column_four, .column-four, .column-4, .column_4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container main (max-width: 893px) {
  .column_four, .column-four, .column-4, .column_4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container main (max-width: 603px) {
  .column_four, .column-four, .column-4, .column_4 {
    grid-template-columns: 1fr;
  }
}
.container-offset {
  margin: 0 var(--size-grid-margin-sm);
}

.region-categories {
  margin-bottom: var(--size-grid-container-space-head-md);
}
.region-heading .breadcrumb {
  margin-bottom: var(--size-content-space-1xl);
}
.region-heading .heading {
  margin-bottom: var(--size-grid-container-space-head-md);
}

.block-system-messages-block {
  display: none;
}
.block-system-messages-block:has(div[data-drupal-messages]) {
  display: block;
}

.form-disabled input ~ label {
  opacity: 0.5;
}

.filter-switch {
  display: flex;
  height: var(--size-button-height-md);
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--radius-button-xl);
  background: var(--color-button-filled-neutral-bg-sm-default);
  padding: var(--size-button-padding-xs);
}
.filter-switch > .form-item {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
.filter-switch > .form-item input {
  display: none;
}
.filter-switch > .form-item input:checked ~ label {
  background: var(--color-button-filled-neutral-bg-variable-default);
}
.filter-switch > .form-item label {
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-button-lg);
  cursor: pointer;
  transition: var(--transition);
  color: var(--color-button-filled-neutral-content-primary-default);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-content-space-md);
}
.tags__item {
  display: flex;
  height: var(--size-button-height-sm);
  width: -moz-max-content;
  width: max-content;
  padding: var(--size-base-0x-0) var(--size-button-padding-sm) var(--size-base-0x-0) calc(var(--size-button-padding-sm) + 16px + var(--size-button-space-md));
  border-radius: var(--radius-button-xl);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-button-filled-neutral-content-secondary-default);
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.87874 4.46447C5.48821 4.07394 4.85505 4.07394 4.46452 4.46447C4.074 4.85499 4.074 5.48816 4.46452 5.87868L6.58586 8.00002L4.46452 10.1214C4.074 10.5119 4.074 11.145 4.46452 11.5356C4.85505 11.9261 5.48821 11.9261 5.87874 11.5356L8.00008 9.41423L10.1214 11.5355C10.5119 11.9261 11.1451 11.9261 11.5356 11.5355C11.9261 11.145 11.9261 10.5118 11.5356 10.1213L9.41429 8.00002L11.5356 5.87872C11.9261 5.48819 11.9261 4.85503 11.5356 4.4645C11.1451 4.07398 10.5119 4.07398 10.1214 4.4645L8.00008 6.5858L5.87874 4.46447Z" fill="%236A6A6A"/></svg>');
  background-repeat: no-repeat;
  background-position: var(--size-button-padding-sm) center;
  background-color: var(--color-button-filled-neutral-bg-md-default);
  font-family: var(--font-button);
  font-size: var(--size-font-lg-size);
  font-style: normal;
  font-weight: 500;
  line-height: var(--size-font-xs-line);
  letter-spacing: var(--size-font-lg-letter-spacing);
}
.tags__item::first-letter {
  text-transform: capitalize;
}
.tags__item_flush {
  order: 1;
  padding: var(--size-base-0x-0) var(--size-button-padding-sm);
  background-image: unset;
}

.path-product .region-heading .breadcrumb, .region-heading .path-product .breadcrumb {
  margin-bottom: var(--size-grid-container-space-head-md);
}
.path-cart .region-heading .heading, .region-heading .path-cart .heading {
  margin-bottom: var(--size-content-space-1xl);
}

.page-node-type-promo .region-heading .breadcrumb, .region-heading .page-node-type-promo .breadcrumb {
  margin-bottom: var(--size-grid-container-space-head-md);
}

.ajax-progress-throbber {
  display: none;
}

.user-login-form {
  max-width: 480px;
  display: grid;
  padding: var(--size-block-padding-lg);
  gap: var(--size-content-space-1xl);
  background: var(--color-bg-neutral-sm);
  border-radius: var(--radius-card-lg);
  overflow: hidden;
}

.ajax-throbber.sk-pulse {
  background-color: var(--color-base-primary-400);
}/*# sourceMappingURL=style.css.map */