.product-engagement{color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.product-engagement__inner{width:100%;max-width:120rem;margin:0 auto;padding:0 1.6rem}.product-engagement__heading{margin:0 auto 3.2rem;text-align:center}.product-engagement__tabs{display:block}.product-engagement__tablist{display:grid;grid-template-columns:repeat(var(--product-engagement-tab-count),minmax(14rem,1fr));width:100%;max-width:80rem;margin:0 auto;overflow-x:auto;border-bottom:.1rem solid rgba(var(--color-foreground),.3);scrollbar-width:none}.product-engagement__tablist::-webkit-scrollbar{display:none}.product-engagement__tab{position:relative;min-height:4.4rem;color:rgb(var(--color-foreground));background:transparent;border:0;cursor:pointer;font-size:1.2rem;font-weight:600;text-align:center}.product-engagement__tab:after{content:"";position:absolute;right:0;bottom:-.1rem;left:0;height:.2rem;background:currentColor;opacity:0}.product-engagement__tab[aria-selected=true]:after{opacity:1}.product-engagement__tab:focus-visible{outline:.1rem solid currentColor;outline-offset:-.4rem}@media screen and (max-width:749px){.product-engagement__tablist{grid-template-columns:repeat(var(--product-engagement-tab-count),minmax(0,1fr));overflow-x:visible}.product-engagement__tab{min-width:0;padding:.8rem .4rem;line-height:1.2;white-space:normal;-webkit-hyphens:auto;hyphens:auto}}.product-engagement__panel{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;padding-top:2.4rem}.product-engagement__panel[hidden]{display:none}.product-engagement__content{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;gap:2rem}.product-engagement__card-text{color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.45;text-transform:none}.product-engagement__media{min-width:0;overflow:hidden}.product-engagement__card-image{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}@media screen and (min-width:750px){.product-engagement__inner{padding:0 2.4rem}.product-engagement__heading{margin-bottom:3.6rem}.product-engagement__tab{font-size:1.8rem}.product-engagement__panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:4rem;padding:1.6rem 2.8rem 0}}@media screen and (min-width:990px){.product-engagement__panel{gap:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-product-engagement.css.map */