.custom-product-ugc{background:var(--background-color, #ffffff)}.custom-product-ugc .page-width{padding-left:50px;padding-right:50px}@media screen and (max-width:749px){.custom-product-ugc .page-width{padding-left:20px;padding-right:20px}}.ugc-section-header{text-align:center;margin-bottom:3rem}@media screen and (max-width:749px){.ugc-section-header{margin-bottom:2rem}}.ugc-section-title{margin:0;color:var(--title-color, #000000)}.ugc-grid{display:grid;grid-template-columns:1fr;gap:2rem;width:100%}@media screen and (min-width:750px){.ugc-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (min-width:990px){.ugc-grid{gap:3rem}.ugc-grid[data-items="3"]{grid-template-columns:repeat(3,1fr)}.ugc-grid[data-items="4"]{grid-template-columns:repeat(2,1fr)}}.ugc-item{display:flex;flex-direction:column;width:100%}.ugc-item__image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;aspect-ratio:4 / 3;background:#f5f5f5}@media screen and (min-width:750px){.ugc-item__image-wrapper{border-radius:12px}}.ugc-item__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.ugc-item:hover .ugc-item__image{transform:scale(1.05)}.ugc-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.ugc-item__placeholder .placeholder-svg{width:100%;height:100%;opacity:.3}.ugc-item__content{padding:1.5rem 0 0;text-align:left}@media screen and (min-width:750px){.ugc-item__content{padding:2rem 0 0}}@media screen and (max-width:749px){.ugc-item__content{padding:1.25rem 0 0}}.ugc-item__title{font-size:1.4rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--title-color, #000000);margin:0 0 .75rem;line-height:1.3}@media screen and (min-width:750px){.ugc-item__title{font-size:1.4rem;margin-bottom:1rem}}.ugc-item__tagline{font-size:1.4rem;line-height:1.6;color:var(--tagline-color, #666666);margin:0}@media screen and (min-width:750px){.ugc-item__tagline{font-size:1.4rem}}@media screen and (max-width:749px){.ugc-item__image-wrapper{border-radius:8px}}@media screen and (min-width:750px)and (max-width:989px){.ugc-grid{gap:2.5rem}}.ugc-container{padding:50px}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-custom-product-ugc-showcase.css.map */