#product-grid.product-grid--has-content-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:0}#product-grid.product-grid--has-content-cards>.column{flex:none;width:auto;max-width:none;min-width:0}#product-grid.product-grid--has-content-cards>.collection-content-card{grid-column:span var(--content-span-mobile, 1);--content-image-span: var(--content-span-mobile, 1)}@media screen and (min-width:48em){#product-grid.product-grid--has-content-cards{grid-template-columns:repeat(var(--content-grid-cols-desktop, 4),minmax(0,1fr))}#product-grid.product-grid--has-content-cards>.collection-content-card{grid-column:span var(--content-span-desktop, 1);--content-image-span: var(--content-span-desktop, 1)}}.collection-content-card{display:flex;flex-direction:column}.collection-content-card__inner{--content-card-bg: #f7f3f5;--content-card-heading: var(--color-heading, #000);--content-card-text: var(--color-body, #000);display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:calc(100% - 30px);margin-bottom:30px;overflow:hidden;isolation:isolate;border-radius:var(--block-border-radius, 16px);background-color:var(--content-card-bg);color:var(--content-card-text);container-type:inline-size}@media screen and (min-width:768px){.collection-content-card__inner{min-height:calc(100% - 20px);margin-bottom:20px}}.collection-content-card--midnight{--content-card-bg: var(--color-accent, #973961);--content-card-heading: #fff;--content-card-text: #fff}.collection-content-card--slate{--content-card-bg: #f1e4ea}.collection-content-card__media{overflow:hidden}.collection-content-card__inner{--content-card-gutter: 8px}@media screen and (min-width:768px){.collection-content-card__inner{--content-card-gutter: 10px}}.collection-content-card__image{display:block;width:100%;height:calc(((100cqw + var(--content-card-gutter)) / var(--content-image-span, 1) - var(--content-card-gutter)) * .959);object-fit:cover}.collection-content-card__placeholder{background-color:#1212120f;fill:#12121259}.collection-content-card--midnight .collection-content-card__placeholder{background-color:#ffffff1f;fill:#ffffff8c}.collection-content-card__content{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;padding:20px 12px;text-align:center}@media screen and (min-width:449px){.collection-content-card__content{padding:20px}}.collection-content-card__heading{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:var(--font-heading-letter-spacing, normal);color:var(--content-card-heading);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.collection-content-card__body,.collection-content-card__body p{margin:0;font-size:14px;font-weight:400;line-height:1.6;color:var(--content-card-text)}.collection-content-card__button{margin-top:auto}.collection-content-card__btn{max-width:100%;height:50px;padding:13px 30px;font-size:16px;line-height:24px;text-decoration:none}.collection-content-card__btn:hover{background:var(--color-accent-hover, #7d2f50)}@media only screen and (max-width:576px){.collection-content-card__btn{height:auto;padding:12px 29px;font-size:14px;line-height:16px}}.collection-content-card--midnight .collection-content-card__btn{background:#fff;color:var(--color-accent, #973961)}.collection-content-card--midnight .collection-content-card__btn:hover{background:#f1e4ea;color:var(--color-accent-hover, #7d2f50)}@media screen and (min-width:768px){.collection-content-card--wide .collection-content-card__content{padding:24px 32px 20px}.collection-content-card--wide .collection-content-card__heading{font-size:22px}.collection-content-card--wide .collection-content-card__body,.collection-content-card--wide .collection-content-card__body p{font-size:15px}}@container (max-width: 220px){.collection-content-card__content{gap:12px;padding-inline:10px}.collection-content-card__heading{font-size:16px}.collection-content-card__body,.collection-content-card__body p{font-size:13px;line-height:1.5}.collection-content-card__btn{padding-inline:16px}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/component-collection-content-card.css.map */