{%- capture content %}

@media only screen and (min-width: 799px) {
  .product-list .product-wrap:hover .thumbnail-overlay {
    opacity: 0;
  }
  .product-list .product-wrap .image__container,
  .product-list .product-wrap .title {
    transition: all 0.2s linear;
  }
  .product-list .product-wrap:hover .image__container {
    transform: scale(1.05);
  }
  .list-products-wrapper .product-list .thumbnail .product-info__caption {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .list-products-wrapper .product-list .thumbnail .title {
    color: var(--white);
    font-weight: 600;
    font-size: 28px;
    margin: 0;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    top: 50%;
    left: 50%;
    z-index: 1;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 55%);
  }
  .product-list .product-wrap:hover .title {
    transform: translate(-50%, -50%) scale(1.05);
  }
  .product-list .product-overlay {
    background: radial-gradient(rgba(var(--black-rgb), 0.5) 0%, transparent 70%);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    transform: translateY(-50%);
    z-index: 0;
  }

  {% comment %} THUMBNAIL SIZE {% endcomment %}
  .image__container,
  .image-element__wrap, {
    min-height: 225px;
  }
  #product-list .thumbnail img {
    object-fit: cover !important;
    height: 225px !important;
  }
}


{% comment %} homebrew CSS minifier {% endcomment %}
{%- endcapture -%}
{%- assign before =  content.size -%}
{%- assign content =  content | strip_newlines | split: " " | join: " " | split: "*/" -%}
{%- assign new_content = "" -%}
{%- for word in content -%}
	{%- assign new_word = word | split: "/*" | first | strip | replace: "; ", ";" | replace: "} ", "}" | replace: "{ ", "{" | replace: " {", "{" -%}
  	{%- assign new_content = new_content | append: new_word -%}
{%- endfor -%}
{% comment %} CSS minifed: {{ before }} --> {{ new_content.size }} {% endcomment %}
{{- new_content  }}