address {
  font-style: inherit;
}
.print--link {
  margin: 3rem 0 1.5rem;
}
.is--nowrap {
  white-space: nowrap;
}
.modal--content > .is--loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@keyframes loading-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading-spinner {
  --spinner-color: #000;
  --spinner-size: 3.75rem;
  --spinner-offset: 0.125rem;
  display: none;
  position: relative;
  width: var(--spinner-size);
  height: var(--spinner-size);
}
.is--loading > .loading-spinner {
  display: inline-block;
}
.loading-spinner div {
  transform-origin: calc(var(--spinner-size) / 2) calc(var(--spinner-size) / 2);
  animation: loading-spinner 1.2s linear infinite;
}
.loading-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: var(--spinner-offset);
  left: calc((var(--spinner-size) - var(--spinner-offset) * 2) / 2);
  width: calc(var(--spinner-size) / 15);
  height: calc(var(--spinner-size) / 5);
  border-radius: 20%;
  background: var(--spinner-color);
}
.loading-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.loading-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.loading-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.loading-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.loading-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.loading-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.loading-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.loading-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.loading-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.loading-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.loading-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.loading-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
form.is--submitting {
  cursor: wait;
}
form.is--submitting * {
  pointer-events: none !important;
}
.dashboard {
  display: flex;
}
.dashboard.has--space .dashboard--item {
  padding-bottom: 3rem;
}
.dashboard--item {
  width: 50%;
}
.dashboard--item:nth-child(odd) {
  padding-right: 3rem;
}
.dashboard--item:nth-child(even) {
  padding-left: 3rem;
}
@media screen and (max-width: 768px) {
  .dashboard {
    display: block;
  }
  .dashboard--item {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 1.5rem;
  }
}
.note {
  --note-color: #000;
  --note-bg: #f2f2f2;
  --outline: auto 1px #000;
  position: relative;
  display: block;
  margin: 0 0 1.5rem;
  padding: 0.75rem 2rem 0.75rem 1rem;
  color: var(--note-color);
  background: var(--note-bg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.note--info {
  --note-color: #fff;
  --note-bg: #6daae0;
}
.note--success {
  --note-color: #fff;
  --note-bg: #79a548;
}
.note--warning {
  --note-color: #fff;
  --note-bg: #e8a33d;
}
.note--error {
  --note-color: #fff;
  --note-bg: #c83c3c;
}
.note + .note {
  margin-top: -1rem;
}
.note > *:last-child {
  margin-bottom: 0;
}
.note .icon--cross {
  all: unset;
  float: right;
  margin-right: -1.5rem;
  cursor: pointer;
}
.note .icon--cross::before {
  content: "\2715";
  display: block;
  font-family: sans-serif;
  line-height: 1;
}
.note .icon--cross::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.note:has(.icon--cross:focus-visible) {
  outline: var(--outline, auto 1px);
}
.note--details {
  font-size: 0.875rem;
  line-height: 1.5;
}
#webshop-notifications {
  position: fixed;
  top: 0.5rem;
  right: 0.5rem;
  max-width: 100%;
  width: 25rem;
  z-index: 100000;
}
#webshop-notifications .note {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.5rem 2rem 0.5rem 0.75rem;
}
.form--container.form--name-container {
  --container-columns: 10;
}
.form--name-container .form--salutation {
  grid-column: 0.33333333;
}
.form--name-container .form--container {
  grid-column: -3;
}
.form--container.form--zip-city-container {
  --container-columns: 8;
}
.form--zip-city-container .form--zip {
  grid-column: 0.25;
}
.form--zip-city-container .form--city {
  grid-column: -4;
}
.f3-form-error.selection--state[checked] + label {
  background-color: var(--invalid-bg);
  box-shadow: var(--invalid-shadow);
}
.input-group input {
  margin-right: 0.5rem;
}
.input-group button {
  font-size: 1rem;
  line-height: 1.2rem;
  text-transform: none;
  padding: 0.25rem 1rem;
}
@media screen and (max-width: 576px) {
  .form--name-container > * {
    grid-column: -1 !important;
  }
  .form--name-container .form--container {
    --container-columns: 1;
  }
}
.is--meta-info {
  font-size: 0.8rem;
}
.obligatory-disclosures p:not(:last-child) {
  margin: 0;
}
.product {
  overflow: hidden;
}
.product + .product {
  margin: 4.5rem 0 1.5rem;
}
.product--item-number + .product--name {
  margin-top: 0;
}
.graduated-prices {
  --graduated-price-bg: #f2f2f2;
  --graduated-price-border: #ccc;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1.5rem;
}
.graduated-price {
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.5rem 0.75rem;
  margin-right: auto;
  background: var(--graduated-price-bg);
  border: 1px solid var(--graduated-price-border);
}
.shop--list {
  --shop-image-width: 100px;
  --shop-image-space: 1.5rem;
}
.shop--list .product--name {
  margin-top: 0;
}
.shop--list .product--image {
  float: left;
  width: var(--shop-image-width);
  margin: 0 var(--shop-image-space) 1.5rem 0;
}
.shop--list .product--info {
  margin: 0 0 1.5rem calc(var(--shop-image-width) + var(--shop-image-space));
}
.list-control {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  margin: 0 0 1.5rem;
  padding: 0.25rem 0.75rem;
  background: #f2f2f2;
}
.list-control.is--bottom {
  margin: 1.5rem 0;
}
.list-control--sort * {
  display: inline;
}
.list-control--sort select {
  background: #fff;
  max-width: 10rem;
  height: 1.5rem;
}
/*
.media-breakpoint-down(480px, {
    .shop--list {
        .product {
            &--image,
            &--info {
                float: none;
                width: auto;
                margin: 0 0 1.5rem;
            }
        }
    }
});
*/
.list-control--pagination {
  --pagination-gap: 0.25rem;
  --pagination-item-width: 1.5em;
  --pagination-item-height: 1.5em;
  --pagination-color: #000;
  --pagination-hover: #5f7285;
  --pagination-active: #0e6160;
  --pagination-active-fw: 700;
  flex: 1 1 100%;
}
.list-control--pagination:not(:first-child) {
  margin-top: 0.5rem;
}
.list-control--pagination ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 0 var(--pagination-gap);
}
.list-control--pagination ul,
.list-control--pagination li {
  list-style-type: none;
  margin: 0;
}
.list-control--pagination a,
.list-control--pagination span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--pagination-item-width);
  height: var(--pagination-item-height);
  color: var(--pagination-color);
  text-decoration: none;
}
.list-control--pagination a:hover,
.list-control--pagination a:focus {
  color: var(--pagination-hover);
}
.list-control--pagination a.is--active {
  color: var(--pagination-active);
  font-weight: var(--pagination-active-fw, inherit);
}
.list-control--pagination span {
  cursor: default;
}
.list-control--pagination .is--disabled {
  opacity: 0.4;
}
.e-label {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.e-label .ingredients--list {
  flex: 1 0 50%;
}
.e-label .nutritional-information {
  flex: 0 1 auto;
}
.modal.is--e-label .e-label {
  flex-direction: row;
}
.modal.is--e-label .e-label .ingredients--list {
  margin-right: 1.5rem;
}
.nutritional-information--table {
  --nutri-width: auto;
  --nutri-width-missing: 280px;
  --nutri-border: 1px solid #000;
  --nutri-padding: 0.25rem 0.5rem;
  --nutri-lh: 1.2;
  width: var(--nutri-width);
  max-width: 100%;
  border: var(--nutri-border);
}
.nutritional-information--table th,
.nutritional-information--table td {
  padding: var(--nutri-padding);
  line-height: var(--nutri-lh);
}
.nutritional-information--table thead th {
  border-bottom: var(--nutri-border);
}
.nutritional-information--table tbody th,
.nutritional-information--table tbody td {
  border-top: var(--nutri-border);
}
.nutritional-information--table tbody th:last-child,
.nutritional-information--table tbody td:last-child {
  text-align: right;
  white-space: nowrap;
}
.nutritional-information--table tfoot th,
.nutritional-information--table tfoot td {
  border-top: var(--nutri-border);
}
.nutritional-information--sub {
  --nutri-border: 0;
}
.nutritional-information--small-amounts {
  max-width: var(--nutri-width-missing);
  font-style: italic;
}
.shop--filter {
  --filter-space: 1.5rem;
  --filter-option-bg: #f2f2f2;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}
.filter--item {
  width: 25%;
  padding: 0 0.75rem;
  margin: 0 0 1.5rem;
}
.filter--item.is--button {
  width: 100%;
  margin: 0 0 1.5rem;
}
.filter--item.is--button .is--primary {
  margin-right: 1rem;
}
.filter--title {
  font-weight: 700;
  margin: 0 0 0.25rem;
}
.filter--options {
  height: 6.5rem;
  padding: 0.25rem 0.75rem;
  background: var(--filter-option-bg);
  overflow-y: auto;
}
.filter--options label {
  display: block;
  position: relative;
  padding: 0.25rem 0 0.25rem 1rem;
  line-height: 1.2;
}
.filter--options label input {
  position: absolute;
  top: 0.85rem;
  left: 0;
  transform: translateY(-50%);
}
.range--slider {
  --range-slider-bg: #f2f2f2;
  --range-slider-bar: #aaa;
  -webkit-touch-callout: none;
  touch-callout: none;
}
.range--slider-container {
  display: block;
  height: 12px;
  margin: 4px 10px;
  background: var(--range-slider-bg);
  border: 1px solid var(--range-slider-bar);
  -ms-touch-action: none;
}
.range--slider-bar {
  position: relative;
  height: 100%;
  width: 100%;
  background: var(--range-slider-bar);
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.range--slider-handle {
  position: absolute;
  top: -4px;
  width: 20px;
  height: 20px;
  background: var(--range-slider-bg);
  border: 1px solid var(--range-slider-bar);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.range--slider-handle.is--min {
  left: -10px;
}
.range--slider-handle.is--max {
  right: -10px;
}
.range--slider-handle:hover,
.range--slider-handle:focus,
.range--slider-handle.is--dragging {
  background: var(--range-slider-bar);
}
.overview.is--btn {
  position: relative;
  display: block;
  float: left;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  overflow: hidden;
}
.overview--basket {
  margin: 0 0 1.5rem;
  overflow: hidden;
}
.overview--icon {
  position: absolute;
  top: 0.25rem;
  left: 0.5rem;
  display: block;
}
.overview--icon svg {
  display: block;
  width: 1.5rem;
  height: 1.2rem;
  padding: 0 0.5rem 0 0;
}
.overview--text {
  display: block;
  padding: 0 0 0 1.5rem;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview--mobile-basket {
  --basket-overview-bg: #000;
  --basket-overview-bg-hover: #5f7285;
  --basket-overview-count-color: #fff;
  --basket-overview-count-color-hover: #fff;
  --basket-overview-count-bg: #0e6160;
  --basket-overview-count-bg-hover: #0e6160;
}
.overview--mobile-basket a {
  position: relative;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  background: var(--basket-overview-bg);
  border: 0;
  text-decoration: none;
}
.overview--mobile-basket a:hover,
.overview--mobile-basket a:focus {
  background: var(--basket-overview-bg-hover);
}
.overview--mobile-basket a:hover .overview--count,
.overview--mobile-basket a:focus .overview--count {
  color: var(--basket-overview-count-color-hover);
  background: var(--basket-overview-count-bg-hover);
}
.overview--mobile-basket .overview--count {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 14px;
  padding: 2px;
  color: var(--basket-overview-count-color);
  font-size: 10px;
  line-height: 1;
  text-align: center;
  background: var(--basket-overview-count-bg);
}
.overview--mobile-basket .overview--count:empty {
  display: none;
}
form.into-basket {
  display: flex;
  align-items: center;
  margin: 0.75rem 0 1.5rem;
}
form.into-basket label {
  margin-right: 0.25rem;
}
form.into-basket input {
  width: 4rem;
  height: 2.25rem;
}
.into-basket--image {
  margin: 1.5rem 0;
}
.into-basket--product {
  display: flex;
}
.into-basket--info {
  flex-grow: 1;
}
.into-basket--divider {
  flex-shrink: 1;
  width: 1px;
  background: #ccc;
  margin: 0 1rem;
}
.into-basket--price {
  flex: 0 1 5em;
  /* yes, em is correct */
  text-align: right;
  white-space: normal;
}
.into-basket--price .is--meta-info {
  display: inline-block;
  line-height: 1.2;
}
.into-basket--links {
  margin: 2.5rem 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.into-basket--links > * {
  margin-top: 0.5rem;
}
[class*="basket--item-"] {
  float: left;
  padding: 0.25rem 0.5rem;
  line-height: 1.2;
}
.basket {
  --basket-border-color: #000;
  margin: 0 0 1.5rem;
}
.basket--item {
  overflow: hidden;
}
.basket--item.is--header {
  font-weight: bold;
  border-bottom: 1px solid var(--basket-border-color);
}
.basket--item.is--item {
  border-bottom: 1px solid var(--basket-border-color);
}
.basket--item.is--item.has--input [class*="basket--item-"]:not(.basket--item-amount) {
  padding-top: 0.5rem;
}
.basket--item.is--price.is--total {
  font-weight: bold;
  border-top: 1px solid var(--basket-border-color);
}
.basket--item-amount {
  width: 12.5%;
}
.basket--item-item-number {
  width: 12.5%;
}
.basket--item-title {
  width: 45%;
}
.basket--item-price,
.basket--item-total {
  width: 15%;
  text-align: right;
}
.basket--item .preview--image {
  margin: 0.5rem 0;
}
.basket--item .obligatory-disclosures p:last-child {
  margin: 0;
}
.basket--price-type,
.basket--price-value {
  float: left;
  padding: 0.25rem 0.5rem;
  line-height: 1.2;
  text-align: right;
}
.basket--price-type {
  width: 85%;
}
.basket--price-value {
  width: 15%;
}
.basket--mobile-label {
  display: none;
}
.basket--amount {
  float: left;
  max-width: 3rem;
}
.basket--action-button {
  position: relative;
  width: 0.75rem;
  height: 1.2rem;
  margin: 0 0 0 0.5rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.basket--action-button:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}
.basket--action-button svg {
  display: block;
}
.basket--update {
  display: block;
  float: left;
  height: 1.7rem;
}
.basket--buttons {
  display: flex;
  justify-content: space-between;
  margin: 3rem 0 1.5rem;
  overflow: hidden;
}
.basket--buttons .is--secondary {
  float: left;
  margin: 0 0.5rem 0 0;
}
.basket--buttons .is--primary {
  float: right;
  margin: 0 0 0 0.5rem;
}
@media screen and (max-width: 768px) {
  [class*="basket--item-"] {
    position: relative;
    float: none;
    width: auto;
    min-height: 2rem;
    padding: 0.5rem 0 0.5rem 5rem;
    text-align: left;
  }
  [class*="basket--item-"]:empty {
    display: none;
  }
  .basket--item.is--header {
    display: none;
  }
  .basket--item.is--item.has--input .basket--item-amount {
    padding: 0.25rem 0 0.25rem 5rem;
  }
  .basket--mobile-label {
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 4.5rem;
    font-weight: 700;
  }
  .basket--price-type {
    width: 62.5%;
    text-align: left;
    padding-left: 0;
  }
  .basket--price-value {
    width: 37.5%;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .modal.is--basket {
    --modal-padding: 1rem;
    --modal-header-size: 2rem;
    --modal-cross-size: 1rem;
  }
  /*
    .into-basket {
        &--info {
            width: 100%;
        }

        &--price {
            width: 100%;
            margin: 1.5rem 0 0;
        }
    }
 */
}
@media screen and (max-width: 576px) {
  form.into-basket label {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
  }
}
#billing-fields:not([style*="display:\ none"]) ~ #guest-order-field {
  margin-top: 3rem;
}
.checkout--navigation {
  --step-color-default: #2a2a2a;
  --step-bg-default: #fff;
  --step-border-default: #dfdfdf;
  --step-color-active: #000;
  --step-bg-active: #ccc;
  --step-border-active: var(--step-border-default);
  --step-color-done: #666;
  --step-bg-done: #aaa;
  --step-border-done: var(--step-border-default);
  margin: 0 0 2.5rem;
}
.checkout--navigation ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -0.25rem;
  padding: 0;
}
.checkout--navigation li {
  display: block;
  flex: 1 1 auto;
  list-style: none;
  margin: 0 0 0.5rem;
  padding: 0 0.25rem;
}
.checkout--navigation a {
  display: block;
  font-size: 0.8rem;
  height: 100%;
  padding: 0.5rem;
  line-height: 1.2;
  text-align: center;
  color: var(--step-color-default);
  background: var(--step-bg-default);
  border: 1px solid var(--step-border-default);
}
.checkout--navigation a.is--disabled {
  cursor: default;
}
.checkout--navigation .is--done a {
  color: var(--step-color-done);
  background: var(--step-bg-done);
  border-color: var(--step-border-done);
}
.checkout--navigation .is--active a {
  color: var(--step-color-active);
  background: var(--step-bg-active);
  border-color: var(--step-border-active);
}
.checkout--note {
  margin: 1.5rem 0;
  padding: 0.5rem 1rem;
  background: #f2f2f2;
}
.checkout--note p {
  margin: 0 0 1rem;
}
.checkout--note p:last-child {
  margin: 0;
}
.dashboard.checkout--customer .dashboard--item:first-child {
  width: 33.333%;
}
.dashboard.checkout--customer .dashboard--item:last-child {
  width: 66.666%;
}
.dashboard.checkout--customer .dashboard--item:first-child:last-child {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.selections {
  margin: 0 0 1.5rem;
}
.selections.address-book {
  display: block;
}
.selections.address-book .selection--text {
  display: flex;
  flex-direction: column;
}
.selections.address-book .address-book--edit {
  display: inline-block;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  order: -1;
}
.selections.address-book p:last-of-type {
  margin-bottom: 0;
}
.selection {
  --selection-color: #2a2a2a;
  --selection-color-active: #000;
  --selection-bg: #fff;
  --selection-bg-active: #ddd;
  --selection-border: #dfdfdf;
  --selection-blocked-color: #fff;
  --selection-blocked-bg: rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 1;
}
.selection.is--disabled {
  display: none;
}
.selection + .selection {
  margin: -1px 0 0;
}
.selection label {
  display: block;
  padding: 0.5rem 0.75rem;
  color: var(--selection-color);
  background: var(--selection-bg);
  border-top: 1px solid var(--selection-border);
  border-bottom: 1px solid var(--selection-border);
  cursor: pointer;
}
.selection--state {
  position: absolute;
  top: 1.5rem;
  left: 0.75rem;
  z-index: -1;
  opacity: 0;
}
.selection:has(.selection--state:checked) {
  z-index: 2;
}
.selection:has(.selection--state:focus-visible) {
  outline: var(--outline, auto 1px);
}
.selection--icon {
  float: right;
  background: url("/typo3conf/ext/web_shop/Resources/Public/Images/check.min.svg") no-repeat scroll right;
  height: 3.125rem;
  width: 1.5626rem;
  opacity: 0;
}
.selection--text {
  min-height: 3.125rem;
  margin-right: 1.5626rem;
  padding-right: 0.5rem;
}
.selection--description {
  display: inline-block;
  font-size: 0.8rem;
}
.selection label:hover,
.selection--state:checked + label {
  color: var(--selection-color-active);
  background: var(--selection-bg-active);
}
.selection--state:checked + label .selection--icon {
  opacity: 1;
}
.selection--payment-processor {
  position: relative;
  padding: 0 0.75rem;
  border: 1px solid var(--selection-border);
  border-top: 0;
  overflow: hidden;
  z-index: 0;
}
.selection--payment-processor:empty,
.selection--state:not(:checked) ~ .selection--payment-processor {
  display: none;
}
.selection--payment-processor > *:first-child {
  margin-top: 0.5rem;
}
.selection--payment-processor > *:last-child {
  margin-bottom: 0.5rem;
}
.selection--payment-processor.is--blockable .payment-processor--blocker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 1rem;
  display: none;
  align-items: center;
  justify-content: center;
  color: var(--selection-blocked-color);
  background: var(--selection-blocked-bg);
  z-index: 1000000;
}
.selection--payment-processor.is--blockable .payment-processor--blocker + * {
  margin-top: 0.5rem;
}
.selection--payment-processor.is--blockable.is--blocked .payment-processor--blocker {
  display: flex;
}
.selection--payment-processor.is--blockable.is--blocked .payment-processor--blocker ~ *,
.selection--payment-processor.is--blockable.is--blocked .payment-processor--blocker ~ * * {
  pointer-events: none!important;
}
.form--confirm {
  margin: 3rem 0 0;
}
.confirm {
  --confirm-padding: 3rem;
  display: flex;
}
.confirm > * {
  width: 50%;
  margin: 0 0 1.5rem;
  padding: 0 0 calc(var(--confirm-padding) - 1.5rem);
}
.confirm > *:nth-child(odd) {
  padding-right: var(--confirm-padding);
}
.confirm > *:nth-child(even) {
  padding-left: var(--confirm-padding);
}
.confirm h3 {
  margin-top: 0;
}
.confirm p:last-child {
  margin: 0;
}
@media screen and (max-width: 576px), screen and (min-width: 768.02px) {
  .checkout--login .form--container {
    --container-columns: 0;
  }
}
@media screen and (max-width: 576px) {
  .confirm {
    --confirm-padding: 0;
  }
  .confirm > * {
    width: 100%;
  }
  .confirm h3 {
    margin-top: 1.5rem;
  }
  .checkout--navigation ul {
    flex-direction: column;
  }
  .checkout--navigation a {
    font-size: 1em;
    text-align: left;
  }
}
.modal.is--login-modal .modal--content {
  padding-top: 3rem;
}
.modal.is--address-book {
  --modal-width: 69rem;
  --modal-height: 80vh;
}
.modal.is--address-book .address-book--item {
  width: calc(33.333% - 1rem);
}
.modal.is--address-book .address-book--item:nth-child(odd),
.modal.is--address-book .address-book--item:nth-child(even) {
  margin: 0;
}
.modal.is--address-book .address-book--item:nth-child(3n+1),
.modal.is--address-book .address-book--item:nth-child(3n+2) {
  margin-right: 0.75rem;
}
.modal.is--address-book .address-book--item:nth-child(3n+2),
.modal.is--address-book .address-book--item:nth-child(3n+3) {
  margin-left: 0.75rem;
}
.account--link {
  /*
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
    background: @mainColor;
    border: 0;
    text-decoration: none;

    &:hover,
    &:focus {
        background: #5f7285;
    }
    */
}
.address-book {
  --address-book-bg: #fff;
  --address-book-border: #dfdfdf;
  display: flex;
  flex-wrap: wrap;
}
.address-book--item {
  width: calc(50% - 1.5rem);
  margin: 0 0 1.5rem;
  padding: 0.75rem 1rem;
  background: var(--address-book-bg);
  border: 1px solid var(--address-book-border);
}
.address-book--item h3 {
  margin-top: 0;
}
.address-book--item .address--type {
  display: block;
}
.address-book--item .address > :last-child {
  margin-bottom: 0;
}
.address-book--item:nth-child(odd) {
  margin-right: 0.75rem;
}
.address-book--item:nth-child(even) {
  margin-left: 0.75rem;
}
.address-book-form .form--name-container > * {
  grid-column: -1;
}
.address-book-form .form--address-container {
  --container-columns: 1;
}
[class*="orders--item-"] {
  float: left;
  padding: 0.25rem 0.5rem;
  line-height: 1.2;
}
.orders {
  --orders-border: #aaa;
  --orders-header-border: #000;
  margin: 0 0 1.5rem;
}
.orders--item {
  overflow: hidden;
}
.orders--item summary {
  display: block;
  overflow: hidden;
}
.orders--item.is--header {
  font-weight: 700;
  border-bottom: 1px solid var(--orders-header-border);
}
.orders--item.is--item {
  border-bottom: 1px solid var(--orders-border);
}
.orders--item.is--active {
  background: #fff;
}
.orders--item-date,
.orders--item-order-number,
.orders--item-delivery {
  width: 20%;
}
.orders--item-state {
  width: 40%;
}
.orders--item-details {
  float: none;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid var(--orders-border);
  border-bottom: 1px solid var(--orders-border);
}
.orders--mobile-label {
  display: none;
}
.product--gallery {
  --gallery-columns: 5;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.5rem;
}
.product--gallery-image {
  flex: 0 calc(100% / var(--gallery-columns, 5));
  float: none;
  width: auto;
  padding: 0 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .product--gallery {
    --gallery-columns: 4;
  }
}
@media screen and (max-width: 576px) {
  .product--gallery {
    --gallery-columns: 3;
  }
}
@media screen and (max-width: 320px) {
  .product--gallery {
    --gallery-columns: 2;
  }
}
.legal-guarantee-notice {
  display: inline-block;
}
.legal-guarantee-notice img {
  display: block;
  width: auto;
  height: auto;
}
.legal-guarantee-notice-dialog {
  --dialog-gutter: 16px;
  --dialog-width: calc(100vw - var(--dialog-gutter));
  --dialog-height: calc(100vh - var(--dialog-gutter));
  --dialog-bg: var(--color-white, #fff);
  max-width: var(--dialog-width);
  max-height: var(--dialog-height);
  margin: auto;
  border: 0;
  background: var(--dialog-bg);
}
.legal-guarantee-notice-dialog .legal-guarantee-notice {
  display: block;
  max-width: none;
  max-height: none;
}
.legal-guarantee-notice-dialog img {
  max-width: var(--dialog-width);
  max-height: var(--dialog-height);
}
.legal-guarantee-notice-trigger {
  all: unset;
  margin: 0 0 var(--text-space);
  color: var(--link-color, var(--color-link));
  font-style: var(--link-font-style, normal);
  text-decoration: var(--link-text-decoration, underline);
  text-transform: var(--link-text-transform, none);
  font-family: var(--link-font-family);
  font-weight: var(--link-font-weight, 400);
  font-size: var(--link-font-size, var(--font-size, 1em));
  line-height: var(--link-line-height, var(--font-base-ln, 1.5));
  background: none;
  cursor: pointer;
}
.checkout--note .legal-guarantee-notice-trigger {
  margin: 0;
}
.legal-guarantee-notice-trigger:hover,
.legal-guarantee-notice-trigger:focus {
  --color-link: var(--hover-color, var(--color-link-hover));
  --link-color: var(--hover-color, var(--color-link-hover));
}
.legal-guarantee-notice-trigger:focus-visible {
  outline: var(--outline, auto 1px);
}
.checkout--note.has--legal-guarantee-notice-image {
  max-width: 640px;
  padding: 0;
  background: #fff;
}