.routine-bundles__intro{max-width:68rem;margin:0 auto 3rem;text-align:center}.routine-bundles__intro h2{margin:0 0 1rem}.routine-bundles__intro p{margin:0}.routine-bundles__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem}.routine-bundle-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;background:rgb(var(--color-background))}.routine-bundle-card__media{aspect-ratio:1;background:#fff;overflow:hidden}.routine-bundle-card__image{display:block;width:100%;height:100%;object-fit:contain}.routine-bundle-card__content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:2.4rem}.routine-bundle-card__title{margin:0 0 1rem;font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:1.2}.routine-bundle-card__excerpt{margin-bottom:2rem;color:rgba(var(--color-foreground),.75);font-size:1.5rem;line-height:1.6}.routine-bundle-card__excerpt p{margin:0}.routine-bundle-card__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;margin-top:auto;padding:1.2rem 2.4rem;border:.1rem solid rgb(var(--color-button));border-radius:100rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font:inherit;font-size:1.4rem;font-weight:600;letter-spacing:.04rem;cursor:pointer;transition:opacity .2s ease}.routine-bundle-card__button:hover{opacity:.85}.routine-bundle-card__button[aria-disabled=true]{cursor:not-allowed;opacity:.6}.routine-bundle-card__button .loading__spinner{position:absolute;top:50%;left:50%;width:1.8rem;height:1.8rem;transform:translate(-50%,-50%)}.routine-bundle-card__button.loading .routine-bundle-card__button-label{visibility:hidden}.routine-bundle-card .frequently-bought-together__error{display:none;margin-top:1rem;color:rgb(var(--color-error, 200, 50, 50));font-size:1.3rem}.routine-bundle-card .frequently-bought-together__error:not(:empty){display:block}@media screen and (min-width:750px){.routine-bundles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem}.routine-bundle-card__content{padding:3.2rem}}@media screen and (max-width:749px){.routine-bundle-card__content{padding:2rem}.routine-bundle-card__title{font-size:calc(var(--font-heading-scale) * 2.1rem)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-routine-bundles.css.map */