.customize-promo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.6rem;box-sizing:border-box;padding:1.6rem;border:1px solid var(--cp-border, rgba(var(--color-foreground), .12));border-radius:var(--cp-radius, 1.2rem);background:var(--cp-bg, #ffffff);color:var(--cp-text, rgb(var(--color-foreground)));text-decoration:none;box-shadow:0 1px 3px rgba(var(--color-foreground),.08);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.customize-promo:hover{border-color:var(--cp-border-hover, rgba(var(--color-foreground), .28));box-shadow:0 6px 18px rgba(var(--color-foreground),.12);transform:translateY(-2px)}.customize-promo,.customize-promo:hover,.customize-promo:focus-visible{text-decoration:none}.customize-promo__media{display:block;flex:0 0 auto;width:var(--cp-image-size, 12rem)}.customize-promo__media img{display:block;width:100%;height:auto;object-fit:contain}.customize-promo__body{display:flex;flex-direction:column;gap:.4rem;min-width:0}.customize-promo__eyebrow{color:var(--cp-accent, #d81f26);font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.customize-promo__heading{font-size:var(--cp-heading-size, 2rem);font-weight:600;line-height:1.2}.customize-promo__text{color:rgba(var(--color-foreground),.75);font-size:1.4rem;line-height:1.4}.customize-promo__features{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin-top:.8rem}.customize-promo__feature{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;line-height:1.2}.customize-promo__feature-icon{display:inline-flex;flex:0 0 auto;width:1.6rem;height:1.6rem}.customize-promo__feature-icon svg{width:100%;height:100%}.customize-promo__button{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.8rem;padding:0 1.6rem;border-radius:.8rem;background:var(--cp-accent, #d81f26);color:#fff;font-size:1.6rem;font-weight:600;line-height:1.2;text-align:center;transition:filter .2s ease}.customize-promo:hover .customize-promo__button{filter:brightness(.92)}.customize-promo__button svg{flex:0 0 auto;width:1.8rem;height:1.8rem}@media screen and (max-width:749px){.customize-promo{gap:1.2rem;padding:1.2rem}.customize-promo__media{width:var(--cp-image-size-mobile, 8rem)}.customize-promo__heading{font-size:1.7rem}.customize-promo__button{min-height:4.4rem;font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.customize-promo,.customize-promo:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-customize-promo.css.map */
