.hp-grid{width:100%}.hp-grid__outer{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 2rem}.hp-grid__list{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2rem 2.4rem;margin:0;padding:0;list-style:none}.hp-grid__card{display:flex;flex-direction:column}.hp-grid__image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;margin-bottom:1.6rem}.hp-grid__image{width:100%;height:100%;object-fit:cover;display:block}.hp-grid__badge{position:absolute;top:1.3rem;right:1.3rem;z-index:1;background-color:#fdc89b;color:#000;border:1px solid transparent;border-radius:999px;font-size:1.2rem;letter-spacing:.1rem;line-height:1;padding:.5rem 1.3rem .6rem}.hp-grid__image--primary{position:relative;transition:opacity .3s ease}.hp-grid__image--secondary{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease}.hp-grid__card:hover .hp-grid__image--primary{opacity:0}.hp-grid__card:hover .hp-grid__image--secondary{opacity:1}.hp-grid__card-content{display:flex;flex-direction:column;flex:1;gap:.6rem}.hp-grid__text{padding:0 .8rem;display:flex;flex-direction:column;gap:.6rem}.hp-grid__title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem}.hp-grid__product-title{font-family:GalanoGrotesqueRegular;font-size:1.8rem;font-weight:600;margin:0;line-height:1.3}.hp-grid__product-title a{text-decoration:none;color:inherit}.hp-grid__tag{font-family:GalanoGrotesqueRegular;font-size:1.4rem;line-height:1.4;color:rgba(var(--color-foreground),.75);margin:.4rem 0 .6rem}.hp-grid__price{flex-shrink:0;font-size:1.4rem;font-weight:400;color:rgb(var(--color-foreground));margin:0;text-align:right}.hp-grid__add-btn{display:block;width:100%;box-sizing:border-box;text-align:center;background:#fdc89b;color:#3a3a3a;border:none;border-radius:999px;padding:1.1rem 2rem;font-family:GalanoGrotesqueRegular;font-size:1.4rem;font-weight:400;text-decoration:none;cursor:pointer;transition:opacity .2s ease;margin-top:auto}.hp-grid__add-btn:hover{opacity:.85}.hp-grid__add-btn:disabled{opacity:.5;cursor:not-allowed}.hp-grid__add-btn.is-loading{opacity:.7;cursor:wait}@media screen and (max-width:989px){.hp-grid__list{grid-template-columns:repeat(2,1fr);gap:2.8rem 1.6rem}}@media screen and (max-width:749px){.hp-grid__list{grid-template-columns:1fr;gap:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-homepage-product-grid.css.map */