.cw-collar-types__heading{margin:0 0 var(--cw-space-3);font-family:var(--cw-heading-font);font-weight:600;font-size:var(--cw-type-title);line-height:1.15;color:var(--cw-ink)}.cw-collar-types__intro{margin:0 0 var(--cw-space-5);max-width:70ch;font-family:var(--cw-body-font);font-size:var(--cw-type-body);line-height:1.6;color:var(--cw-muted)}.cw-collar-types__grid{display:grid;grid-template-columns:1fr;gap:var(--cw-space-4);margin:0;padding:0;list-style:none}.cw-collar-types__card{display:flex;flex-direction:column;gap:var(--cw-space-2);min-height:44px;height:100%;padding:var(--cw-space-5);background:var(--cw-base);border:1px solid var(--cw-border);border-radius:var(--cw-radius-md);box-shadow:var(--cw-shadow-card);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cw-collar-types__card:hover{border-color:var(--cw-teal);box-shadow:var(--cw-shadow-stage);transform:translateY(-2px)}.cw-collar-types__card:focus-visible{outline:2px solid var(--cw-teal);outline-offset:2px;box-shadow:0 0 0 4px var(--cw-focus-ring)}.cw-collar-types__media{margin:calc(-1 * var(--cw-space-2)) 0 var(--cw-space-2);border-radius:var(--cw-radius-sm);overflow:hidden;background:var(--cw-surface-white)}.cw-collar-types__img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.cw-collar-types__name{font-family:var(--cw-heading-font);font-weight:600;font-size:var(--cw-type-h3);line-height:1.25;color:var(--cw-ink)}.cw-collar-types__desc{font-family:var(--cw-body-font);font-size:var(--cw-type-small);line-height:1.55;color:var(--cw-muted)}.cw-collar-types__cta{display:inline-flex;align-items:center;gap:var(--cw-space-2);margin-top:auto;padding-top:var(--cw-space-2);font-family:var(--cw-body-font);font-weight:700;font-size:var(--cw-type-small);color:var(--cw-teal-text)}.cw-collar-types__arrow{width:14px;height:10px;transition:transform .15s ease}.cw-collar-types__card:hover .cw-collar-types__arrow{transform:translate(3px)}@media screen and (min-width:750px){.cw-collar-types__grid{grid-template-columns:repeat(2,1fr);gap:var(--cw-space-5)}}@media screen and (min-width:990px){.cw-collar-types__grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.cw-collar-types__card,.cw-collar-types__arrow{transition:none}.cw-collar-types__card:hover,.cw-collar-types__card:hover .cw-collar-types__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cw-collar-types.css.map */