#main-content {
  #swym-storefront-layout-section-container .swym-storefront-layout-grid-item {
    height: 100%;
  }

  #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-action-container,
  .swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-action-container {
    margin-top: auto;
  }

  #swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-body{
    overflow: hidden;
  }

  #swym-storefront-layout-section-container.swym-storefront-layout-layout .swym-storefront-layout-body,
  #swym-storefront-layout-section-container .swym-storefront-layout-header,
  #swym-storefront-layout-section-container .swym-storefront-layout-login-user-container {
    max-width: 1920px;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin: 0 auto;

    @media screen and (min-width: 1068px) {
      padding-left: clamp(1.2rem, 8vw, 7.5rem);
      padding-right: clamp(1.2rem, 8vw, 7.5rem);
    }
  }

  #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-image-container,
  .swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-image-container {
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  #swym-storefront-layout-section-container a.swym-storefront-layout-grid-item-title,
  .swym-storefront-layout-as-modal a.swym-storefront-layout-grid-item-title {
    display: block;
    font-size: calc(var(--font-body-scale) * 1.375rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: calc(var(--font-body-scale) * -0.04125rem);
    color: var(--color-black);
    white-space: normal;

    @media screen and (min-width: 768px) {
      font-size: calc(var(--font-body-scale) * 1.25rem);
      letter-spacing: calc(var(--font-body-scale) * -0.0375rem);
    }
  }

  #swym-storefront-layout-section-container img.swym-storefront-layout-grid-item-image {
    transition: transform 0.3s linear;
  }

  #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-image-container:hover img {
    transform: scale(1.05);
  }

  #swym-storefront-layout-section-container .swym-storefront-layout-grid-item-add-to-cart-button,
  .swym-storefront-layout-as-modal .swym-storefront-layout-grid-item-add-to-cart-button {
    border-radius: 0;
    position: relative;
    padding: 1rem 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    font-family: var(--font-body-family);
    font-size: calc(var(--button-font-scale) * 1rem);
    letter-spacing: var(--button-letter-spacing, 0);
    transition: all 0.2s linear;

    &:hover {
      opacity: 0.7;
    }
  }

  #swym-storefront-layout-collection-option-button.swym-single-share-wishlist-btn{
    right: 1.25rem;

    @media screen and (min-width: 1068px) {
      right: clamp(1.2rem, 8vw, 7.5rem);
    }
  }

  #swym-storefront-layout-section-container #swym-storefront-layout-items-container, #swym-storefront-layout-section-container #swym-storefront-layout-collection-list-items-container{
    @media screen and (min-width: 768px) {
      grid-template-columns: repeat(2, minmax(250px, 1fr))
    }

    @media screen and (min-width: 1000px){
      grid-template-columns: repeat(auto-fit, minmax(250px, 0.33fr))
    }

    @media screen and (min-width: 1315px){
      grid-template-columns: repeat(auto-fit, minmax(250px, 0.25fr))
    }
  }

  .swym-storefront-layout-container{
    overflow: hidden;
  }
}