.block-inline-blockbanner .form-label {
  display:none;
}

.product--variation-field--variation_title__1230 {
  color: green;
}

.field:not(:last-child) {
  margin-block-end: var(--sp2);
}

.field__label {
  font-weight: bold;
}

.field--label-inline .field__label,
.field--label-inline .form-label,
.field--label-inline .field__items {
  float: left; /* LTR */

  /**
   * Chromium and Webkit do not yet support flow relative logical properties,
   * such as float: inline-end. However, PostCSS Logical does not compile this
   * value, so we accommodate by not using these.
   *
   * @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
   * @see https://github.com/csstools/postcss-plugins/issues/632
   */
}

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  padding-inline-end: 0.5em;
}

.field--label-inline .field__label::after {
  content: ":";
}

.block-inline-blockcklb-products .field--type-image {
  height: 480px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.block-inline-blockcklb-products .field--type-image .field__item {

}

.product-hover:hover, .product:hover .product-hover {
  opacity: 0.7 !important;
}

.view-catalog .view-content .views-view-grid.row div[class^="col"] {
  padding-top: 1em;
  padding-bottom: 1em;
}
/*
.view-catalog .view-content .views-view-responsive-grid .views-view-responsive-grid__item {
  height: 100%;
}
*/

.view-catalog .view-content .views-view-responsive-grid .views-view-responsive-grid__item-inner {
  height:100%;
}
.options-graphic {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  margin: 4px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.pulse {
  animation: pulse 5s infinite;
}

.view-catalog .product-teaser-wrap {
  transition: .3s;
  border: 1px solid #8c8c8c;
  box-shadow: 0 0 4px #8c8c8c;
  height: 100%;
  /*max-width: 253px;*/
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: relative;
  margin: auto;
}

.view-catalog .product-teaser-wrap:hover {
  transition: .3s;
  box-shadow: 0 0 8px #272727;
}

.view-catalog .product-teaser-wrap .product-teaser {
  height: 100%;
  z-index: 0;
}
.view-catalog .product-teaser-wrap .product-teaser .product-teaser-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.view-catalog .product-teaser-wrap .product-title {
  height: 100%;
  padding-bottom: 1em;
}
.view-catalog .product-teaser-wrap .product-title a {
    transition: .3s;
    color: #000;
    text-transform: uppercase;
    /*font-family: $accent-font;*/
    font-size: 16px;

}

.view-catalog .product-teaser-wrap .product-title .product-variation-wrap {
  width: 50%;
  height: 100%;
}
.view-catalog .product-teaser-wrap .product-title .product-variation-wrap a {
  transition: .3s;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-image: linear-gradient(to bottom, #828282, #272727);
  text-transform: uppercase;
  color: #fff;
  /*font-family: $accent-font;*/
  font-size: 17px;
  height: 100%;
}

.view-catalog .product-teaser-wrap .product-title .product-variation-wrap a:hover {

}

.product-teaser-wrap .product-icon-wrap {
  position: absolute;
  right: .25em;
  top: .25em;
  text-align: right;
  width: auto;
}
.product-teaser-wrap .product-icon-wrap i {
  transition: .2s all;
  display: none;
}

.product-teaser-wrap .product-icon-wrap a {
  transition: .3s all;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
}

.product-teaser-wrap:hover .product-icon-wrap i {
  transition: .3s all;
  display: block;
  box-shadow: 0 0 6px #e68c8c;
  color: #d54141;
  background: #fff;
  border: 2px solid #982222;
  padding: .4em;
  border-radius: 2em;
  margin: .5em 0 0 .5em;
  line-height: 14px;
}

.product-teaser-wrap .product-icon-wrap a:hover {
  transition: .3s all;
  text-decoration: none;
}
.product-teaser-wrap .product-icon-wrap .flag-title {
  background: #d54141;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-family: "Oswald",sans-serif;
  font-weight: bold;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  text-shadow: 0 0 1px #252525;
  box-shadow: 0 0 5px #982222;
}
.product-teaser-wrap .product-icon-wrap a:hover .flag-title {

}
.product-teaser-wrap .product-icon-wrap a:hover .flag-title {
  transition: .3s all;
  display: block;
  text-decoration: none;
}
.product-teaser-wrap .product-icon-wrap a:hover i {
  transition: .3s all;
  /*box-shadow: 0 0 6px $primary-lighter;*/
}
.product-teaser-wrap .product-icon-wrap .flag-title {
  transition: .3s all;
  display: none;
  background: #d54141;
  padding: .25em .5em .25em 1em;
  color: #fff;
  font-family: "Oswald",sans-serif;
  font-weight: bold;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  text-shadow: 0 0 1px #252525;
  box-shadow: 0 0 5px #982222;
}

.product-teaser-wrap .product-title {
  height: 100%;
  padding-bottom: 1em;
}
.product-teaser-wrap .product-price-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: baseline;
}
.product-teaser-wrap .product-price-wrap .product-price {
  color: #252525;
  font-family: "Oswald",sans-serif;
  font-size: 18px;
  margin: 0 5px;
  padding: 2px 0;
}

.product-teaser-wrap .product-variation-wrap a {
  transition: .3s;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-image: linear-gradient(to bottom, #d44933, #811f17);
  text-transform: uppercase;
  color: #fff;
  font-family: "Oswald",sans-serif;
  font-size: 17px;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.product-teaser-wrap .product-variation-wrap a:hover {
  transition: .3s;
  background-image: linear-gradient(to bottom, #811f17, #d44933) !important;
  color: #fff;
}

.bootstrap-basic-image-gallery {
  margin-bottom: 20px;
}

.bootstrap-basic-image-gallery .main-image {
  text-align: center;
}

.bootstrap-basic-image-gallery .thumbnails {
  margin-left: 10%;
}

.bootstrap-basic-image-gallery .thumbnails .thumb {
  margin-top:5px;
}

.bootstrap-basic-image-gallery .thumbnails img {
  padding: 5px;
  border: 1px solid #4e4d4d;
  border-radius: 3px;
}

.image-container {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;

  /*.image-overlay {*/
  /*  position: absolute;*/
  /*}*/

  .image-hover {
    position: absolute;
    top: 0; /*14px;*/
    left: 0; /*5px;*/
    opacity: 0;
    transition: opacity 0.3s ease;
    &:hover {
      opacity: 1;
    }
  }
}

.facet-item {
  font-size: 1rem;
}
.facet-item.mb-2 {
  margin-bottom: 0 !important;
}