.cc4{--cc4-radius: 18px;--cc4-gap: 16px;--cc4-pad-top: 64px;--cc4-pad-bottom: 64px;padding-top:var(--cc4-pad-top);padding-bottom:var(--cc4-pad-bottom)}.cc4__container{max-width:1200px;margin:0 auto;padding:0 16px}.cc4__header{margin-bottom:18px;text-align:var(--cc4-align, left)}.cc4__heading{margin:0 0 8px;line-height:1.1}.cc4__subheading{margin:0;opacity:.75;max-width:70ch}.cc4__grid{display:grid;gap:var(--cc4-gap);grid-template-columns:1fr}@media(min-width:750px){.cc4__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.cc4__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cc4__card{border-radius:var(--cc4-radius);overflow:hidden;background:#ffffff0f;border:1px solid rgba(0,0,0,.08);display:grid;grid-template-rows:auto 1fr;transform:translateZ(0)}.cc4__mediaLink{display:block;color:inherit;text-decoration:none}.cc4__media{position:relative;aspect-ratio:4 / 5;overflow:hidden}.cc4__img,.cc4__placeholder{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001);transition:transform .22s ease}.cc4__placeholder{background:linear-gradient(135deg,#00000014,#00000005)}.cc4__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000004d 90%,#00000059);pointer-events:none}.cc4__badge{position:absolute;top:12px;right:12px;padding:8px 10px;font-size:12px;line-height:1;border-radius:999px;background:#ffffffe0;color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cc4__content{padding:14px 14px 16px;display:grid;gap:10px;align-content:start;text-align:var(--cc4-align, left)}.cc4__title{margin:0;font-size:16px;line-height:1.2}.cc4__button{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:10px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffbf;color:#000000e6;width:fit-content;transition:transform .18s ease,background .18s ease}.cc4__buttonIcon{display:inline-block;transform:translate(0);transition:transform .18s ease}.cc4__card:hover .cc4__img,.cc4__card:focus-within .cc4__img{transform:scale(1.06)}.cc4__card:hover .cc4__button,.cc4__card:focus-within .cc4__button{transform:translateY(-1px);background:#ffffffe6}.cc4__card:hover .cc4__buttonIcon,.cc4__card:focus-within .cc4__buttonIcon{transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/82/assets/collection-cards-4.css.map */