.cf{background:var(--cf-bg,#f4eee2);color:var(--cf-text,#1f2a2e);padding:56px 0}.cf__wrapper{max-width:var(--page-width,1200px);margin:0 auto;padding:0 var(--spacing-4,16px)}.cf__title{color:var(--cf-heading,currentColor);text-align:center;margin:0 0 4px}.cf__subtitle{text-align:center;font-weight:300;font-size:24px;color:var(--bs-body-color)}.cf__stack{display:grid;gap:var(--cf-gap,28px);margin:60px 0}.cf-card{display:grid;grid-template-columns:1fr;gap:0;align-items:center;background:var(--cf-card-bg, #fff);border-radius:var(--cf-radius, 14px);box-shadow:0 1px #0000000d inset;overflow:hidden;border:1px solid #00000017}.cf-card__media{order:0}.cf-card__img{width:100%;height:auto;display:block;object-fit:cover}.cf-card__content{order:1;padding:20px 7%;height:100%;display:flex;flex-direction:column;justify-content:center}.cf-card__title{margin:0 0 6px;font-size:var(--bs-h3-font-size-sm);font-weight:400}.cf-feature__text{font-size:16px}.cf-card__lead{margin:0 0 8px;opacity:.95;font-size:18px;font-weight:300}.cf-features{display:grid;gap:var(--cf-feature-gap,10px);margin:20px 0 30px;padding:0;list-style:none}.cf-feature{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.cf-feature__icon{width:30px;height:auto;display:block}.cf-pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.cf-pill{font:inherit;border:1px solid rgba(0,0,0,.15);padding:4px 8px;border-radius:9999px;background:#fff;cursor:pointer}.cf-pill.is-active{border-color:#00000080;background:#f7f7f7}.cf-pill__price{opacity:.8;margin-left:4px}.cf-card__actions{display:flex;gap:8px;flex-wrap:wrap}.cf-btn{padding:10px 14px;border-radius:9999px;text-decoration:none}.cf-btn--primary{background:#0f1f23;color:#fff}.cf-btn--ghost{background:transparent;border:1px solid rgba(0,0,0,.3);color:inherit}@media (min-width: 990px){.cf-card{grid-template-columns:1fr 1fr}.cf-card:not(.cf-card--flip) .cf-card__media{order:1}.cf-card:not(.cf-card--flip) .cf-card__content{order:0}.cf-card.cf-card--flip .cf-card__media{order:0}.cf-card.cf-card--flip .cf-card__content{order:1}}@media (max-width: 600px){.cf{padding:40px 0}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/collection-feature-cards.css.map */
