@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.pl-c-pattern .search-item {
  box-shadow: 0 0 3px #999; }

.search-item {
  position: relative;
  margin: 2em 0.75em;
  padding: 0; }
  .search-item:hover {
    box-shadow: 0 0 5px #dddddd; }
  .search-item .hit-name a:hover {
    color: #000000;
    text-decoration: underline; }
  .search-item .hit-name h4 {
    font-size: 0.95rem;
    color: #000000;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.3; }
    .search-item .hit-name h4 strong {
      font-size: 0.8rem;
      line-height: 2.2;
      font-weight: 700; }
    @media (max-width: 544px) {
      .search-item .hit-name h4 {
        font-size: 0.75rem; }
        .search-item .hit-name h4 strong {
          font-size: 0.65rem; } }
  .search-item .search-item__image-box {
    position: relative; }
  .search-item .search-item__flags {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    margin-bottom: 0.8em;
    bottom: 0; }
    .search-item .search-item__flags .product-flag {
      margin-bottom: unset; }
  .search-item .search-item__product-icon {
    position: absolute;
    left: 0;
    display: flex;
    -moz-column-gap: 5px;
    column-gap: 5px;
    max-width: 40px; }
  .search-item i.white {
    color: #ffffff; }
  .search-item .search-item__stickers {
    margin: 0.5em 0; }
  .search-item .search-sticker {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 500; }
    .search-item .search-sticker.search-sticker-bulk {
      color: #007e1d; }
      .search-item .search-sticker.search-sticker-bulk i {
        color: #007e1d;
        padding-right: 0.5em; }
  .search-item .product-compare {
    text-align: right;
    margin-top: auto; }
    @media (max-width: 1024px) {
      .search-item .product-compare {
        display: none; } }
    .search-item .product-compare i {
      margin-left: 0.5em; }
      .search-item .product-compare i.far.fa-check-square {
        color: #ff4c00; }
    .search-item .product-compare .button.no-style {
      font-weight: 400;
      letter-spacing: unset;
      text-transform: none; }
  .search-item .item-stars {
    margin: 10px 0;
    text-align: center; }
  .search-item .item-prices {
    display: flex;
    flex-flow: row wrap; }
  .search-item .item-prices.discontinued {
    color: #d10400; }
    .search-item .item-prices.discontinued .price-label,
    .search-item .item-prices.discontinued .price-value {
      color: #d10400; }
  .search-item .item-price-item {
    width: 50%; }
    .search-item .item-price-item .price-label {
      display: block;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.75);
      font-size: 0.8em;
      font-weight: 300; }
    .search-item .item-price-item .price-value {
      font-size: 1.2em;
      font-weight: 500; }
    .search-item .item-price-item .price-original {
      text-decoration: line-through;
      font-size: 1rem;
      color: #464646;
      vertical-align: top; }
  .search-item .item-prices .item-price-item:nth-child(2) .price-value {
    text-decoration: line-through; }
  .search-item .item-color-count {
    font-size: 0.9em;
    text-transform: uppercase; }
  .search-item .item-colors-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 5px 0; }
  .search-item .color-swatch {
    height: 30px;
    width: 30px;
    margin-right: 15px; }
    .search-item .color-swatch:last-of-type {
      margin-right: 0; }

/** BEGIN Vue app: compare-products */
#ergo-compare-products.toggle-closed {
  visibility: hidden; }

#ergo-compare-products.toggle-open {
  visibility: visible;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: initial;
  bottom: -1px;
  z-index: 50;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  background-color: #f7f7f7;
  border: 1px solid #464646; }

@media (max-width: 1024px) {
  #ergo-compare-products {
    display: none; } }

#ergo-compare-products .ergo-compare-products__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.75em 3em 0.5em;
  background-color: #fcfcfc;
  border-bottom: 1px solid #dddddd; }
  #ergo-compare-products .ergo-compare-products__header i.invert {
    transform: rotateX(180deg); }
  #ergo-compare-products .ergo-compare-products__header a {
    margin-left: 2em;
    color: #006618; }
  #ergo-compare-products .ergo-compare-products__header h2 {
    display: inline;
    text-transform: none;
    font-size: 1em; }

#ergo-compare-products .ergo-compare-products__contents {
  max-height: 400px;
  transition: all 0.5s;
  background-color: #ffffff;
  padding: 0.1em 0; }
  #ergo-compare-products .ergo-compare-products__contents.toggle-open {
    padding: 0.25em 0; }
  #ergo-compare-products .ergo-compare-products__contents.toggle-closed {
    visibility: hidden;
    max-height: 1px;
    opacity: 0; }
  #ergo-compare-products .ergo-compare-products__contents p {
    padding: 0 0 0 0.75em; }

#ergo-compare-products .button.no-style {
  text-transform: initial;
  letter-spacing: unset; }

#ergo-compare-products .ergo-compare-products__list {
  display: flex;
  flex-direction: row;
  list-style: none;
  justify-content: flex-start; }
  #ergo-compare-products .ergo-compare-products__list p {
    max-width: 180px;
    margin: 0;
    font-weight: 400;
    font-size: 0.9rem; }
  #ergo-compare-products .ergo-compare-products__list li {
    width: 25%;
    display: flex;
    flex-direction: row;
    padding: 1em;
    background-color: #ffffff; }
    #ergo-compare-products .ergo-compare-products__list li img {
      max-width: 110px;
      max-height: 110px; }
    #ergo-compare-products .ergo-compare-products__list li .col-text {
      display: flex;
      flex-direction: column; }
      #ergo-compare-products .ergo-compare-products__list li .col-text button {
        align-self: end;
        margin-top: auto; }
