.shoppable-bento{padding:4rem 0 5rem}.shoppable-bento__grid{display:flex;flex-direction:row;align-items:flex-start;gap:1.4rem;padding:0 2rem}.shoppable-bento__col{flex:1;display:flex;flex-direction:column;gap:1.4rem;min-width:0}.shoppable-bento__col--a,.shoppable-bento__col--b,.shoppable-bento__col--c{display:none}.shoppable-bento__tile{position:relative}.shoppable-bento__link{display:block;height:100%;text-decoration:none;color:inherit}.shoppable-bento__media{display:block;position:relative;width:100%;overflow:hidden;border-radius:1.2rem;background:#0000000a}.shoppable-bento__tile--pos-1 .shoppable-bento__media,.shoppable-bento__tile--pos-4 .shoppable-bento__media{aspect-ratio:3 / 4}.shoppable-bento__tile--pos-2 .shoppable-bento__media,.shoppable-bento__tile--pos-3 .shoppable-bento__media{aspect-ratio:4 / 3}.shoppable-bento__image{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .5s ease}.shoppable-bento__link:hover .shoppable-bento__image{transform:scale(1.04)}.shoppable-bento__placeholder{display:block;width:100%;height:100%}.shoppable-bento__placeholder svg{width:100%;height:100%;object-fit:cover}.shoppable-bento__badge{position:absolute;left:1.4rem;bottom:1.4rem;padding:.6rem 1.6rem;border-radius:999px;font-family:var(--font-body-family);font-weight:600;font-size:1.1rem;letter-spacing:.03rem;color:#fbf3e4;box-shadow:0 .4rem 1rem #2b24202e}.shoppable-bento__tile--pos-1 .shoppable-bento__badge,.shoppable-bento__tile--pos-2 .shoppable-bento__badge,.shoppable-bento__tile--pos-3 .shoppable-bento__badge{background:#b15f09}.shoppable-bento__tile--pos-4 .shoppable-bento__badge{background:#d9a441;color:#2b2420}@media screen and (min-width:750px)and (max-width:989px){.shoppable-bento__grid{gap:2rem;padding:0 3rem}}@media screen and (min-width:750px){.shoppable-bento{padding:6rem 0 7rem}.shoppable-bento__col--left,.shoppable-bento__col--right{display:none}.shoppable-bento__col--a,.shoppable-bento__col--b,.shoppable-bento__col--c{display:flex}.shoppable-bento__grid{align-items:stretch;gap:2.4rem;padding:0 5rem}.shoppable-bento__col--a .shoppable-bento__tile,.shoppable-bento__col--c .shoppable-bento__tile{height:100%}.shoppable-bento__col--a .shoppable-bento__media,.shoppable-bento__col--c .shoppable-bento__media{height:100%;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shoppable-bento.css.map */