.ds-card{display:flex;flex-direction:column;position:relative;background-color:var(--ds-color-white);border-radius:var(--ds-radius-default);overflow:hidden;transition:var(--ds-transition-colors),transform var(--ds-duration-normal) var(--ds-ease-out),box-shadow var(--ds-duration-normal) var(--ds-ease-out)}.ds-card--default{border:var(--ds-border-medium);border-color:var(--ds-color-charcoal);box-shadow:0 0 0 4px var(--ds-color-white),0 0 0 6px var(--ds-color-charcoal)}.ds-card--default:hover{transform:translateY(-4px);box-shadow:0 0 0 4px var(--ds-color-white),0 0 0 6px var(--ds-color-charcoal),0 8px 16px #1a1a1a1a}.ds-card--simple{border:var(--ds-border-medium);border-color:var(--ds-color-border-light)}.ds-card--simple:hover{border-color:var(--ds-color-charcoal);transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.ds-card--accent{border:var(--ds-border-medium);border-color:var(--ds-color-accent);box-shadow:0 0 0 4px var(--ds-color-white),0 0 0 6px var(--ds-color-accent)}.ds-card--accent:hover{transform:translateY(-4px);box-shadow:0 0 0 4px var(--ds-color-white),0 0 0 6px var(--ds-color-red-light),0 8px 16px #c41e3a26}.ds-card__media{position:relative;width:100%;overflow:hidden;background-color:var(--ds-color-cream)}.ds-card__media img{display:block;width:100%;height:auto;object-fit:cover}.ds-card__media--square{aspect-ratio:1 / 1}.ds-card__media--portrait{aspect-ratio:3 / 4}.ds-card__media--landscape{aspect-ratio:4 / 3}.ds-card__media--wide{aspect-ratio:16 / 9}.ds-card__header{padding:var(--ds-space-4) var(--ds-space-6);border-bottom:1px solid var(--ds-color-border-light)}.ds-card__header:empty{display:none}.ds-card__body{padding:var(--ds-space-6);flex:1 1 auto}.ds-card__body:empty{display:none}.ds-card__footer{padding:var(--ds-space-4) var(--ds-space-6);border-top:1px solid var(--ds-color-border-light);margin-top:auto}.ds-card__footer:empty{display:none}.ds-card__title{font-size:var(--ds-text-xl);font-weight:var(--ds-font-semibold);color:var(--ds-color-charcoal);margin:0 0 var(--ds-space-2) 0;line-height:var(--ds-leading-tight)}.ds-card__subtitle{font-size:var(--ds-text-sm);color:var(--ds-color-gray);margin:0 0 var(--ds-space-3) 0;text-transform:uppercase;letter-spacing:.05em}.ds-card__description{font-size:var(--ds-text-base);color:var(--ds-color-text-primary);line-height:var(--ds-leading-normal);margin:0}.ds-card--interactive{cursor:pointer}.ds-card--interactive:hover{transform:translateY(-4px)}.ds-card--interactive:active{transform:translateY(-2px)}.ds-card__link{text-decoration:none;color:inherit;display:block;position:static}.ds-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ds-card__body .ds-button,.ds-card__footer .ds-button{position:relative;z-index:2}.ds-card-grid{display:grid;gap:var(--ds-space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ds-card-grid--2-col{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.ds-card-grid--3-col{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ds-card-grid--4-col{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ds-card--horizontal{flex-direction:row}.ds-card--horizontal .ds-card__media{width:40%;flex-shrink:0}.ds-card--horizontal .ds-card__body{width:60%}@media (max-width: 767px){.ds-card--horizontal{flex-direction:column}.ds-card--horizontal .ds-card__media,.ds-card--horizontal .ds-card__body{width:100%}.ds-card-grid,.ds-card-grid--2-col,.ds-card-grid--3-col,.ds-card-grid--4-col{grid-template-columns:1fr;gap:var(--ds-space-4)}.ds-card__body{padding:var(--ds-space-4)}.ds-card__header,.ds-card__footer{padding:var(--ds-space-3) var(--ds-space-4)}}@media (min-width: 768px) and (max-width: 1023px){.ds-card-grid--3-col,.ds-card-grid--4-col{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.ds-card,.ds-card--default,.ds-card--simple,.ds-card--accent,.ds-card--interactive{transition:none}.ds-card:hover,.ds-card--interactive:hover,.ds-card--interactive:active{transform:none}}@media print{.ds-card{border:1px solid var(--ds-color-charcoal)!important;box-shadow:none!important;page-break-inside:avoid}.ds-card:hover{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/components/ds-card.css.map */