.subscription-builder{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.subscription-builder{padding:0 5rem}}.subscription-builder__title{margin-top:0;margin-bottom:4rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.subscription-builder__step{margin-bottom:5rem}.subscription-builder__step-title{font-size:2.2rem;font-family:var(--font-heading-family);margin-top:0;margin-bottom:2.5rem;color:rgb(var(--color-foreground));font-weight:500;letter-spacing:.05rem}.subscription-card{position:relative;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:8px;cursor:pointer;outline:none;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,transform var(--duration-short) ease;-webkit-user-select:none;user-select:none}.subscription-card:hover{border-color:rgba(var(--color-foreground),.4);box-shadow:0 4px 12px rgba(var(--color-shadow),.05);transform:translateY(-2px)}.subscription-card.is-selected{border-color:rgb(var(--color-foreground));border-width:2px;box-shadow:0 8px 20px rgba(var(--color-shadow),.1)}.subscription-card__checkmark{position:absolute;top:-1px;left:-1px;width:28px;height:28px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;border-top-left-radius:7px;border-bottom-right-radius:8px;opacity:0;transform:scale(.8);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease;z-index:3}.subscription-card.is-selected .subscription-card__checkmark{opacity:1;transform:scale(1)}.subscription-card__checkmark svg{width:14px;height:14px}.subscription-builder__grid{display:grid;gap:2rem}.subscription-builder__grid--styles{grid-template-columns:1fr}@media screen and (min-width:750px){.subscription-builder__grid--styles{grid-template-columns:repeat(3,1fr)}}.subscription-card--style{display:flex;flex-direction:column;overflow:hidden;height:100%}.subscription-card__image-wrapper{position:relative;width:100%;aspect-ratio:1.33;overflow:hidden;background-color:rgba(var(--color-foreground),.03);border-top-left-radius:7px;border-top-right-radius:7px}.subscription-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.subscription-card:hover .subscription-card__image{transform:scale(1.04)}.subscription-card__badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background-color:#2b392a;color:#fff;padding:.4rem 1.6rem;border-radius:20px;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1rem;box-shadow:0 4px 10px #00000026;z-index:2}.subscription-card__info{padding:2.2rem;display:flex;flex-direction:column;flex-grow:1}.subscription-card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;gap:1rem}.subscription-card__name{margin:0;font-size:1.8rem;font-family:var(--font-heading-family);font-weight:600;color:rgb(var(--color-foreground))}.subscription-card__price-label{font-size:1.8rem;font-weight:700;color:rgb(var(--color-foreground))}.subscription-card__features{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.85);flex-grow:1}.subscription-card__features ul{padding-left:0;list-style-type:none;margin:0}.subscription-card__features li{position:relative;padding-left:1.6rem;margin-bottom:.8rem}.subscription-card__features li:before{content:"\2022";position:absolute;left:0;color:rgb(var(--color-foreground));font-weight:700}.subscription-builder__grid--frequency{grid-template-columns:1fr}@media screen and (min-width:750px){.subscription-builder__grid--frequency{grid-template-columns:repeat(2,1fr)}}.subscription-card--frequency{padding:3rem;text-align:center;font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground))}.subscription-card__frequency-title{display:block}.subscription-builder__grid--payment{grid-template-columns:1fr}@media screen and (min-width:750px){.subscription-builder__grid--payment{grid-template-columns:repeat(2,1fr)}}.subscription-card--payment{padding:3rem;display:flex;flex-direction:column;height:100%}.subscription-card__payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1.5rem}.subscription-card__payment-type{font-size:1.8rem;font-weight:700;color:rgb(var(--color-foreground))}.subscription-card__payment-price{font-size:1.6rem;font-weight:700;color:rgb(var(--color-foreground))}.subscription-card__payment-desc{margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.subscription-builder__gift-form{background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.08);border-radius:8px;padding:2.5rem}.subscription-builder__gift-checkbox-label{display:inline-flex;align-items:center;gap:1.2rem;font-size:1.6rem;font-weight:600;cursor:pointer;margin-bottom:2.5rem;-webkit-user-select:none;user-select:none}.subscription-builder__gift-checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:rgb(var(--color-foreground));cursor:pointer}.subscription-builder__gift-fields{display:flex;flex-direction:column;gap:2rem;transition:max-height var(--duration-medium) ease,opacity var(--duration-medium) ease}.subscription-builder__gift-fields.hidden{display:none}.subscription-builder__field-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:750px){.subscription-builder__field-grid{grid-template-columns:repeat(2,1fr)}}.subscription-builder__delivery-message{display:none;font-size:1.4rem;font-weight:500;color:#d32f2f;padding:1rem;border-radius:4px;background-color:#d32f2f0d;border-left:3px solid #d32f2f}.subscription-builder__summary-bar{position:sticky;bottom:0;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:8px;padding:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;margin-top:5rem;box-shadow:0 -10px 30px rgba(var(--color-shadow),.05);z-index:10}@media screen and (min-width:750px){.subscription-builder__summary-bar{flex-direction:row;padding:3rem}}.subscription-builder__summary-text{font-size:1.8rem;color:rgb(var(--color-foreground))}.subscription-builder__summary-text strong{font-weight:700}#SubscriptionSubmitBtn{min-width:250px;margin:0}.subscription-card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/subscription-builder.css.map */