.mtxGallery{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto!important;
  gap: 1em;
  margin-top: 2em!important;
  margin-bottom: 2em!important;
  }
  
  .mtxGallery__container{
    display: flex;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.2s;
    transform: scale(1);
    border: 1px solid rgb(0 0 0 / 8%);
    height: auto;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    z-index: 1;
    background-color: whitesmoke;
  }

  .mtxGallery__container:hover{
    transition: all 0.2s;
    /*transform:scale(1.02);*/
    filter: drop-shadow(2px 5px 8px #d5d5d5);
    border: 1px solid white;
  }

  .mtxGallery__item-artikul{
    background-color: transparent;
    position: absolute;
    padding: 0em 1em;
    border-radius: 0px 10px 0px 6px;
    left: -8px;
    bottom: 10px;
  }
  
  .mtxGallery__image{
    display: flex;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    background-color: whitesmoke;
    height: 100%;
    background-position: center;
    background-size: cover;
    align-items: center;
    flex-direction: column;
    /* justify-content: space-between; */
  }

  .mtxGallery__image > .mtxGallery__image-title.catalog{
    padding: 0.75em;
    height: 100%;
    display: flex;
    align-content: center;
  }
  
  .mtxGallery__image img{
    border-radius: 10px 10px 0  0;
    width: 100%;
  }

  .mtxGallery__image-title{
    padding: 0.5em;
    background-color: rgb(233 233 233 / 99%);
    color: var(--matexDefault);
    font-weight: bold;
    font-family: 'MagistralC'!important;
    border-radius: 0px 0px 7px 7px;
    margin: auto;
    width: 100%;
    bottom: 0px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
    align-content: flex-start;
  }
  .mtxGallery__image-title span{
    font-family: 'MagistralC'!important;
  }

  .mtxGallery__image-title-item{
    /*background: #ea5d0bf0!important;
    color: white!important;
    */
    cursor: default;
    letter-spacing: 0.5px;
  }

  .mtxGallery__image-subtitle{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
  }

  .mtxGallery__image-title-collection{
    font-size: smaller;
    padding: 0em;
    font-weight: bold;
    font-family: 'MagistralC'!important;
  }
  
  .mtxGallery__image-desc{
    display: flex;
    font-size: 0.8em;
    font-family: 'Calibri'!important;
    font-weight: 400;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    min-height: 2.5em;
  }

  .mtxGallery__image-desc span b{
    /* color: white; */
    color: inherit;
  }

  .mtxGallery__image-overlay{
    position: absolute;
    /*
    bottom: 0;
    left: 50%;
    right: 0;
    */
    /* background-color: #ffffffb7; */
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .3s ease;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    border-radius: 7px;
  }

  .mtxGallery__container:hover .mtxGallery__image-overlay {
    width: 100%;
    left: 0;
  }

  .mtxGallery__image-overlay-bg{
    color: white;
    font-size: 20px;
    position: absolute;
    /*top: 50%;
    left: 50%;
    
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    */
    white-space: nowrap;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .mtxGallery__quickView-button{
    transition: all 0.75s;
    background-color: whitesmoke;
    color: var(--matexDefault);
    padding: 10px 20px;
    margin: 0;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 0px 0px 5px 0px;
    z-index: 5;
    cursor: pointer;
    width: 52px;
    /* font-size: 16px; */
  }

  .mtxGallery__quickView-button-outoff{
    transition: all 0.75s;
    background-color: whitesmoke;
    color: var(--matexDefault);
    padding: 10px 20px;
    margin: 0;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-radius: 10px 0px 5px 0px;
    z-index: 5;
    cursor: pointer;
    /* font-size: 16px; */
  }

  .mtxGallery__quickView-button-outoff:hover,
  .mtxGallery__quickView-button:hover{
      transition: all 0.25s;
      background-color: var(--box-shadow-grey);
      color: var(--white);
      cursor: pointer;
  }

  .mtxGallery__goLink-button{
    transition: all 0.75s;
    background-color: var(--matexOrange); 
    color: whitesmoke;
    padding: 10px 20px;
    margin: 0;
    position: absolute;
    right: 52px;
    bottom: 0px;
    border-radius: 10px 0px 0px 0px;
    z-index: 5;
    cursor: pointer;
    /* font-size: 16px; */
  }

  
  .mtxGallery__goLink-button:hover{
      transition: all 0.25s;
      background-color: var(--box-shadow-grey);
      color: var(--white);
      cursor: pointer;
  }

  .mtxGallery__hover-left-button{
    color: white;
    position: absolute;
    left: 0.5em;
    top: 45%;
    font-size: larger;
    transition: all 1s;
    background: var(--bg-shadow-grey);
    padding: 5px 12px;
    border-radius: 50%;
    max-height: 43px;
  }

  .mtxGallery__hover-right-button{
    color: white;
    position: absolute;
    right: 0.5em;
    top: 45%;
    font-size: larger;
    transition: all 1s;
    background: var(--bg-shadow-grey);
    padding: 5px 12px;
    border-radius: 50%;
    max-height: 43px;
  }
  
  .mtxGallery .isNovelty__icon{
    position: absolute;
    height: 3.5em;
    right: 0;
  }

  .mtxGallery .isOutOff,
  .mtxGallery__container[outoff='1']{
    opacity: 0.75;
  }

  .mtxGallery__isNovelty-block{
    display: flex;
    background: #ea5d0bcf;
    padding: 5px 10px;
    color: white;
    font-size: medium;
    position: absolute;
    top: -2px;
    border-radius: 10px 0px 15px 0px;
    min-width: 6em;
    justify-content: center;
    font-weight: bolder;
    font-family: 'MagistralC'!important;
    left: -2px;
    border: 2px solid whitesmoke;
    filter: drop-shadow(1px 2px 5px #c1c1c1);
  }


  .mtxGallery__outoff-block{
    display: flex;
    background: rgb(58 58 58 / 93%);
    padding: 5px;
    color: #ffffff;
    font-size: medium;
    position: absolute;
    top: -1px;
    border-radius: 10px 0px 15px 0px;
    min-width: 7em;
    justify-content: center;
    border: 2px solid white;
    left: -1px;
    filter: drop-shadow(1px 2px 5px #c1c1c1);
    z-index: 2;
  }

  .mtxGallery__onSale-block{
    display: flex;
    background: #ea5d0bcf;
    padding: 5px 10px;
    color: white;
    font-size: medium;
    position: absolute;
    top: -2px;
    border-radius: 0px 10px 0px 15px;
    min-width: 6em;
    justify-content: center;
    font-weight: bolder;
    font-family: 'MagistralC'!important;
    right: 0px;
    border: 2px solid whitesmoke;
    filter: drop-shadow(1px 2px 5px #c1c1c1);
    gap: 0px 5px;
  }

  .mtxGallery__saleExp-block{
    display: flex;
    background: #ea5d0bb0;
    padding: 10px;
    color: white;
    font-size: small;
    position: absolute;
    border-radius: 15px 0px 10px 0px;
    width: fit-content;
    justify-content: center;
    font-weight: bolder;
    font-family: 'MagistralC'!important;
    right: -2px;
    border: 2px solid whitesmoke;
    gap: 0px 5px;
    z-index: 3;
    bottom: -2px;
  }
  .mtxGallery__saleExp-block i.icon{
    font-size: medium;
  }

  .mtxGallery__subRows-block{
    display: flex;
    background: #ea5d0bb0;
    padding: 10px;
    color: white;
    position: absolute;
    border-radius: 15px 0px 10px 0px;
    width: fit-content;
    justify-content: center;
    font-weight: bolder;
    font-family: 'MagistralC'!important;
    right: 0px;
    gap: 0px 5px;
    z-index: 7;
    bottom: 0px;
    min-width: 45px;
    max-height: 45px;
    align-items: center;
    letter-spacing: 1px;
  }
  .mtxGallery__subRows-block i.icon{
    font-size: medium;
  }

  #sidebar__toggle{
    position: fixed!important;
  }

  .mtxGallery__priceBlock{
    background-color: white;
    padding: 0.25em;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    z-index: 5;
    font-size: 1.25em;
    font-family: 'MagistralC'!important;
  }

  .mtxGallery__priceBlock .mtxShop__add2cart-qstock{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.2em;
    font-size: 14px;
    width: fit-content;
    position: absolute;
    right: 10px;
    top: 14px;
  }

  .mtxGallery__priceBlock .mtxShop__add2cart-qstock .icon{
    color: var(--bg-shadow-grey);
  }

  .mtxGallery__priceBlock .mtxShop__add2cart-qstock .qstock-text{
    margin: auto 0.5em;
    color: var(--matexDefault);
  }
  .mtxGallery__priceBlock .mtxShop__add2cart-qstock .qstock-text b, 
  .mtxGallery__priceBlock .mtxShop__add2cart-qstock .qstock-text small{
    font-family: 'MagistralC'!important;
  }

  .mtxGallery__priceBlock-oldPrice{
    color: var(--bg-shadow-grey);
    margin: 0.25em;
    text-decoration: line-through;
    font-size: 0.8em;
    font-weight: 600;
    font-family: 'MagistralC'!important;
  }
  
  .mtxGallery__priceBlock-itemPrice{
    color: var(--matexOrange);
    margin: 0px 5px 0px 5px;
    font-weight: 600;
    font-family: 'MagistralC'!important;
  }

  .mtxGallery__priceBlock-currency{
    font-size: 0.7em;
    font-family: 'MagistralC'!important;
    font-weight: 600;
  }

  .mtxGallery__priceBlock-preorder{
    font-size: 0.9em;
    color: var(--matexDefault);
    font-family: 'MagistralC'!important;
    margin: auto;
    font-weight: 600;
  }

  .mtxGallery__minPrice-preorder .icon{
    font-size: 1em;
  } 

  .mtxGallery__minPrice_Block{
    display: flex;
    z-index: 8;
    gap: 0.2em;
    margin: auto;
    position: relative;
    background-color: var(--bg-shadow-grey);
    color: whitesmoke;
    width: 100%;
    align-items: baseline;
    font-family: 'MagistralC'!important;
    height: 100%;
    align-items: center;
  }

  .mtxGallery__minPrice_Block.sales{
    background-color: var(--matexOrange);
  }

  .mtxGallery__minPrice_Block-preorder{
    background-color: var(--medium)!important;
  }

  .mtxGallery__minPrice_Block small{
    font-size: 0.8em;
    font-family: 'MagistralC'!important;
  }
  .mtxGallery__minPrice_Block .mtxGallery__minPrice{
    font-size: 1.1em;
    font-family: 'MagistralC'!important;
  }

  .mtxGallery__minPrice_Block .mtxGallery__minPrice-currency{
    font-size: 0.8em;
    font-family: 'MagistralC'!important;
  }
  .mtxGallery__minPrice_Block .mtxGallery__minPrice-preorder{
    color: var(--matexOrange);
    font-family: 'MagistralC'!important;
  }

  @media only screen and (min-width: 100px){
    .mtxGallery__container {
        width: 85%;
    }
  }

  @media only screen and (min-width: 320px){
    .mtxGallery__container {
        width: 100%;
    }
  }

  
  @media only screen and (min-width: 640px){
    .mtxGallery__container { 
      width: 47%;  
    }
  }
  
  
  @media only screen and (min-width: 980px){
    .mtxGallery__container { 
      width: 32%;
    }
  }
  
  @media only screen and (min-width: 1280px){
    .mtxGallery__container { 
      width: 23%;
       /*min-height: 425px;*/
    }
  }

  @media only screen and (min-width: 1455px){
    .mtxGallery__container { 
      width: 23.25%;
      /*min-height: 425px;*/
    }
  }

  @media only screen and (min-width: 1720px){
    .mtxGallery__container { 
      width: 23.5%;
       /*min-height: 425px;*/
    }
  }