.bayu-stl{display:block}.bayu-stl--full{max-width:100%}.bayu-stl__grid{display:grid;grid-template-columns:repeat(var(--stl-columns-desktop, 4),1fr);gap:2rem}.bayu-stl__card{position:relative}.bayu-stl__card:after{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:50%;border-radius:var(--stl-border-radius, 1rem);z-index:2;background:linear-gradient(to bottom,transparent,rgb(0,0,0,.8))}.bayu-stl__card:hover .bayu-stl__card-img{transform:scale(1.05)}.bayu-stl__card.bayu-stl__card--elevated{z-index:10}.bayu-stl__card-image-wrap{height:100%;overflow:hidden;border-radius:var(--stl-border-radius, 1rem);background-color:#f5f5f5}.bayu-stl__card-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .4s ease}.bayu-stl__card-img--desktop{display:block}.bayu-stl__card-img--mobile{display:none}.bayu-stl__card-placeholder{aspect-ratio:3 / 4;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#efefef}.bayu-stl__placeholder-svg{width:6rem;height:6rem;opacity:.25;color:#888}.bayu-stl__hotspot{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(var(--color-base-background));transform:translate(-50%);border:none;text-decoration:none;cursor:pointer}.bayu-stl__hotspot-icon{color:rgb(var(--color-text));display:flex;pointer-events:none;-webkit-user-select:none;user-select:none}.bayu-stl__product-banner{position:absolute;top:calc(var(--top-position) - (var(--stl-banner-height) + 1rem));left:50%;transform:translate(-50%) translateY(.8rem);background-color:rgb(var(--color-base-background));border-radius:1rem;box-shadow:0 .6rem 2.4rem #00000024;display:flex;align-items:center;max-width:30rem;height:10rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease,transform .22s ease;z-index:20;overflow:hidden;cursor:pointer}.bayu-stl__hotspot:hover+.bayu-stl__product-banner,.bayu-stl__hotspot:focus-visible+.bayu-stl__product-banner,.bayu-stl__hotspot.is-active+.bayu-stl__product-banner{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.bayu-stl__banner-image-wrap{flex-shrink:0;width:auto;height:100%;max-width:7.5rem}.bayu-stl__banner-img{width:100%;height:100%;object-fit:cover;display:block}.bayu-stl__banner-info{flex:1;padding:1.2rem .8rem;min-width:0}.bayu-stl__banner-title{margin:0;margin-bottom:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.bayu-stl__banner-price{margin:0;white-space:nowrap}@media screen and (max-width:990px){.bayu-stl__grid{grid-template-columns:repeat(var(--stl-columns-tablet),1fr);gap:1.2rem}.bayu-stl__product-banner{max-width:25rem}}@media screen and (max-width:750px){.bayu-stl__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.bayu-stl__card-img--desktop{display:none}.bayu-stl__card-img--mobile{display:block}.bayu-stl__product-banner{height:7rem;border-radius:.6rem}.bayu-stl__banner-title{margin-bottom:.5rem;-webkit-line-clamp:3}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/bayu-shop-the-look.css.map */