.bp-essentials{background:var(--bp-ess-bg, #f7f5f9)}.bp-essentials__inner{width:min(100% - 40px,var(--bp-ess-max-width, 1400px));margin-inline:auto}.bp-essentials__header{max-width:640px;margin:0 auto 36px;text-align:center}.bp-essentials__eyebrow{display:inline-block;margin-bottom:10px;padding:4px 14px;font-family:var(--font-body-family, inherit);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--bp-ess-primary);background:color-mix(in srgb,var(--bp-ess-primary) 10%,transparent);border-radius:2px}.bp-essentials__title{margin:0;font-family:var(--font-heading-family, inherit);font-size:clamp(26px,2.5vw,36px);font-weight:var(--font-heading-weight, 700);line-height:1.15;letter-spacing:-.02em;color:var(--bp-ess-heading)}.bp-essentials__subheading{margin:10px 0 0;font-family:var(--font-body-family, inherit);font-size:15px;line-height:1.55;font-weight:400;color:var(--bp-ess-text)}.bp-essentials__grid{display:grid;gap:16px}.bp-essentials__grid--2col{grid-template-columns:repeat(2,1fr)}.bp-essentials__grid--3col{grid-template-columns:repeat(3,1fr)}.bp-essentials__grid--4col{grid-template-columns:repeat(4,1fr)}.bp-essentials__card{display:flex;flex-direction:column;background:var(--bp-ess-card-bg, #ffffff);border-radius:var(--bp-ess-radius, 0);overflow:hidden;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.06);transition:box-shadow .25s ease,transform .25s ease}.bp-essentials__card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-3px)}.bp-essentials__media-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(145deg,#f0ecf4,#e8e4ec)}.bp-essentials__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.bp-essentials__card:hover .bp-essentials__image{transform:scale(1.04)}.bp-essentials__placeholder-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px}.bp-essentials__placeholder{width:100%;height:auto;max-height:100%;opacity:.3}.bp-essentials__body{display:flex;flex-direction:column;flex-grow:1;padding:20px 22px 24px;border-top:3px solid var(--bp-ess-primary)}.bp-essentials__tag{display:inline-block;align-self:flex-start;margin-bottom:8px;font-family:var(--font-body-family, inherit);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bp-ess-primary)}.bp-essentials__card-title{margin:0;font-family:var(--font-heading-family, inherit);font-size:clamp(18px,1.6vw,22px);font-weight:var(--font-heading-weight, 700);line-height:1.2;letter-spacing:-.01em;color:var(--bp-ess-heading)}.bp-essentials__card-text{margin:10px 0 0;font-family:var(--font-body-family, inherit);font-size:14px;line-height:1.5;font-weight:400;color:var(--bp-ess-text);flex-grow:1}.bp-essentials__cta{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-family:var(--font-body-family, inherit);font-size:14px;font-weight:600;color:var(--bp-ess-primary);transition:gap .2s ease}.bp-essentials__card:hover .bp-essentials__cta{gap:10px}.bp-essentials__cta-arrow{flex-shrink:0;transition:transform .2s ease}.bp-essentials__card:hover .bp-essentials__cta-arrow{transform:translate(2px)}@media screen and (max-width:1100px){.bp-essentials__grid--3col,.bp-essentials__grid--4col{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.bp-essentials__inner{width:min(100% - 32px,var(--bp-ess-max-width))}.bp-essentials__header{margin-bottom:24px;text-align:left}.bp-essentials__grid,.bp-essentials__grid--2col,.bp-essentials__grid--3col,.bp-essentials__grid--4col{grid-template-columns:repeat(2,1fr);gap:12px}.bp-essentials__media-wrap{aspect-ratio:5 / 4}.bp-essentials__body{padding:14px 16px 18px}.bp-essentials__card-title{font-size:16px}.bp-essentials__card-text{font-size:13px;margin-top:6px}.bp-essentials__cta{font-size:13px;margin-top:12px}}@media screen and (max-width:430px){.bp-essentials__grid,.bp-essentials__grid--2col,.bp-essentials__grid--3col,.bp-essentials__grid--4col{grid-template-columns:1fr;gap:14px}.bp-essentials__media-wrap{aspect-ratio:16 / 10}.bp-essentials__body{padding:16px 18px 20px}.bp-essentials__card-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-spa-essentials-cards.css.map */