.mrs-ccard{position:relative;display:flex;flex-flow:column;justify-content:flex-end;width:100%;aspect-ratio:var(--mrs-ccard-ratio, 261 / 325);padding:var(--mrs-ccard-pad, 24px);border-radius:var(--mrs-ccard-radius, 10px);overflow:hidden;text-decoration:none}.mrs-ccard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;border:1px solid var(--mrs-ccard-border, rgba(255, 255, 255, .15));border-radius:var(--mrs-ccard-radius, 10px);pointer-events:none}.mrs-ccard__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.mrs-ccard__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mrs-ccard__overlay{position:absolute;left:0;right:0;bottom:0;display:block;height:63.08%;opacity:var(--mrs-ccard-overlay-opacity, .9);background:linear-gradient(180.27deg,var(--mrs-ccard-overlay-0) 0%,var(--mrs-ccard-overlay-50) 24.586%,var(--mrs-ccard-overlay-100) 50.818%,var(--mrs-ccard-overlay-100) 97.343%);pointer-events:none}.mrs-ccard__content{position:relative;z-index:1;display:flex;flex-flow:column;align-items:flex-start;width:100%}.mrs-ccard__icon{display:flex;align-items:center;justify-content:center;width:var(--mrs-ccard-icon, 40px);height:var(--mrs-ccard-icon, 40px);flex-shrink:0;margin-bottom:14px;color:rgb(var(--color-card-box-title))}.mrs-ccard__icon svg{display:block;width:100%;height:100%}.mrs-ccard__icon img{display:block;width:100%;height:100%;object-fit:contain}.mrs-ccard__text{display:flex;flex-flow:column;gap:10px;width:100%;margin-bottom:16px}.mrs-ccard__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--mrs-ccard-title-size, inherit);line-height:var(--mrs-ccard-title-lh, 1.2);text-transform:uppercase;color:rgb(var(--color-card-box-title))}.mrs-ccard__desc{max-width:var(--mrs-ccard-text-width, 190px)}.mrs-ccard__desc,.mrs-ccard__desc p,.mrs-ccard__desc>*{margin:0;font-family:var(--font-body-family);font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;color:rgb(var(--color-card-box-text))}.mrs-ccard__link{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--mrs-ccard-link-size, 16px);line-height:18px;text-transform:uppercase;color:rgb(var(--color-button))}.mrs-ccard__link svg{flex-shrink:0;width:14px;height:14.73px;transition:transform .3s ease}a.mrs-ccard:hover .mrs-ccard__img{transform:scale(1.04)}a.mrs-ccard:hover .mrs-ccard__link svg{transform:translate(4px)}@media screen and (max-width:749px){.mrs-ccard{--mrs-ccard-ratio: 219 / 257;padding:var(--mrs-ccard-pad-mobile, 18px)}.mrs-ccard__overlay{height:87.55%}.mrs-ccard__icon{width:32px;height:32px;margin-bottom:10px}.mrs-ccard__text{gap:8px;margin-bottom:14px}.mrs-ccard__desc{max-width:100%}.mrs-ccard__desc,.mrs-ccard__desc p,.mrs-ccard__desc>*{line-height:16px}.mrs-ccard__link svg{width:12px;height:12.63px}}.mrs-ccard--contain{aspect-ratio:auto;height:100%;padding:var(--mrs-ccard-pad, 16px);justify-content:flex-start;background:var(--mrs-ccard-overlay-100, #0f141a)}.mrs-ccard--contain .mrs-ccard__media{position:relative;inset:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:var(--mrs-ccard-media-ratio, 4 / 3);padding:var(--mrs-ccard-media-pad, 10px);border-radius:var(--mrs-ccard-media-radius, 8px);background:var(--mrs-ccard-media-bg, #ffffff);box-shadow:inset 0 0 0 1px var(--mrs-ccard-media-border, rgba(255, 255, 255, .12));overflow:hidden}.mrs-ccard--contain .mrs-ccard__img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.mrs-ccard--contain .mrs-ccard__overlay{display:none}.mrs-ccard--contain .mrs-ccard__content{position:relative;flex:1 1 auto;justify-content:flex-start;padding:var(--mrs-ccard-body-gap, 14px) 0 0}.mrs-ccard--contain .mrs-ccard__text{margin-bottom:10px}.mrs-ccard--contain .mrs-ccard__title{overflow-wrap:anywhere}.mrs-ccard--contain .mrs-ccard__desc{max-width:100%}.mrs-ccard--contain .mrs-ccard__link{margin-top:auto}.mrs-ccard--contain .mrs-ccard__icon{margin-bottom:0}.mrs-ccard--contain .brand-ph{width:100%;height:100%}@media screen and (max-width:749px){.mrs-ccard--contain{padding:var(--mrs-ccard-pad-mobile, 14px)}.mrs-ccard--contain .mrs-ccard__media{padding:var(--mrs-ccard-media-pad-mobile, 8px)}.mrs-ccard--contain .mrs-ccard__content{padding-top:var(--mrs-ccard-body-gap-mobile, 12px)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-card-collection.css.map */
