.collection-template-section .container{
  padding: 20px 32px;
  @media (max-width: 991px) {
    width: 100%;
    padding: 20px 15px;
  }
  .columns{
    &.twelve{
      @media (max-width: 798px) {
        margin: 0;
        width: 100%;
      }
    }
    &.thumbnail{
      margin-bottom: 100px;
      margin-left: 6.625px;
      margin-right: 6.625px;
        &.four{
          @media (min-width: 799px) {
            width: calc(25% - 10px);
          }
          &:nth-of-type(4n+1){
            margin-right: 6.625px;
            margin-left: 0;
          }
          &:nth-of-type(4n){
            margin-left: 6.625px;
            margin-right: 0;
          }
        }
        @media (max-width: 991px) {
          margin-bottom: 50px;
        }
        @media (max-width: 798px) {
          margin-bottom: 25px;
          margin-left: auto;
          margin-right: auto;
          width: 48.7%;
            &.four{
              &:nth-of-type(odd){
                margin-right: 4px;
                margin-left: 4px;
              }
              &:nth-of-type(even){
                margin-left: 4px;
                margin-right: 0;
              }
            }
        }
        @media (max-width: 567px) {
          width: 48.5%;
          &.four{
            &:nth-of-type(odd){
              margin-left: 2px;
            }
          }
        }
        @media (max-width: 375px) {
          width: 48%;
          &.four{
            &:nth-of-type(odd){
              margin-left: 1px;
            }
          }
        }
        @media (max-width: 279px) {
          width: 47.8%;
          &.four{
            &:nth-of-type(odd){
              margin-left: 1px;
            }
          }
        }
      }
    }
    .product-wrap {
      .product_image {
        .discount-badge {
          position: absolute;
          top: auto;
          right: auto;
          bottom: 0;
          width: 100%;
          text-align: center;
          display: inline-block;
          padding: 10px 10px;
          font-family: Prompt;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.2;
          letter-spacing: 0;
          text-transform: none;
          strong {
            font-weight: 700;
          }
          @media (max-width: 991px) {
            /* font-family: Inter; */
            font-size: 12px;
            /* top: 7px; */
            strong {
              font-weight: 600;
            }
          }
        }
      }
      .product-info__caption {
        position: relative;
        z-index: 90;
        margin-top: 15.5px;
        @media (max-width: 991px) {
          margin-top: 9px;
        }
        .product-details {
          .title_add-to-wishlist-btn {
            .title{
              font-family: Amiri;
              font-size: 20px;
              font-weight: 400;
              line-height: 35.16px;
              letter-spacing: 0.05em;
              text-align: left;
              text-transform: none;
              width: 80%;
              @media (max-width: 991px) {
                font-size: 16px;
                line-height: 28.13px;
              }
            }
            button.add-to-wishlist{
              position: absolute;
              z-index: 100;
              text-align: center;
              width: 28px;
              height: 24px;
              top: 0;
              @media (max-width: 991px) {
                width: 14px;
                height: 12px;
                top: 8.5px;
              }
              &::after{
                content: "";
                display: block;
                background-image: url("../assets/wishlist.svg");
                background-size: contain;
                width: 100%;
                height: 100%;
              }
            }
          }
        }
      }
    }

    .inline-quickshop {
      .swatch_options{
        margin-bottom: 15px;
        @media (max-width: 798px) {
          margin-bottom: 9px;
        }
        .swatch{
          display: inline-flex;
          flex-wrap: wrap;
        .option_title {
          width: 100%;
          margin-top: 20px;
          margin-bottom: 4px;
        }
        .swatch-element {
          min-width: 35px;
          min-height: 35px;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          &.soldout {
            label{
              color: #ccb3a5;
              .crossed-out {
                border-radius: 0;
                background-image: none;
              }
            }
          }
          
          label{
            font-family: Prompt;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0.02em;
            padding: 0px;
          }
          @media (max-width: 991px) {
            min-width: 30px;
            min-height: 30px;
            &:not(:last-child){
              margin-right: 4.5px;
            }
            label{
              font-family: Inter;
              font-size: 14px;              
            }
          }
          @media (max-width: 798px) {
            label{
              padding: 0 2px;
            }
          }
        }
  
        }
      }
      .current_price {
        font-family: Prompt;
        font-size: 20px;
        font-weight: 400;
        line-height: 30.24px;
        letter-spacing: 0.02em;
        display: block;
        @media (max-width: 991px) {
          font-family: Inter;
          font-size: 18px;
          line-height: 28px;
        }
      }
      .purchase-details { 
        .purchase-details__buttons {
          overflow: auto;
          margin-top: 15px;
          margin-bottom: 0px;
    
          @media (max-width: 991px) and (max-width: 480px) {
            margin-top: 9px;
            margin-bottom: 0px;
          }
          button.add_to_cart {
            background-color: #333333;
            min-height: 50px;
            padding: 10px 5px;
            border-radius: 0;
            @media (max-width: 991px) {
              padding: 5px 5px;
              min-height: 46px;
            } 
            span.text {
              font-family: Prompt;
              font-size: 20px;
              font-weight: 500;
              line-height: 30.24px;
              text-transform: none;
              @media (max-width: 991px) {
                font-size: 16px;
                line-height: 24.19px;
              }
            }

          }
        }
      }
    }
  }
  .option-misc {
    display: none;
  }
}
