.dl-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--dl-color-surface);border:1px solid var(--dl-color-border);border-radius:var(--dl-radius-card, 16px);box-shadow:var(--dl-shadow-sm);transition:var(--dl-transition-card)}.dl-card:hover{border-color:var(--dl-color-border-strong);box-shadow:var(--dl-shadow-md);transform:translateY(-2px)}.dl-card:focus-within{border-color:var(--dl-color-navy, #071a2f);box-shadow:0 0 0 3px #071a2f24,var(--dl-shadow-md)}.dl-card--link:focus-visible{outline:3px solid var(--dl-color-navy, #071a2f);outline-offset:3px}.dl-card--link{color:inherit;text-decoration:none;cursor:pointer}.dl-card--link:hover{color:inherit}.dl-card--padding-none{padding:0}.dl-card--padding-sm{padding:var(--dl-card-padding-sm)}.dl-card--padding-md{padding:var(--dl-card-padding-md)}.dl-card--padding-lg{padding:var(--dl-card-padding-lg)}.dl-card--flat{box-shadow:none}.dl-card--borderless{border:0}.dl-card--outlined{border:1px solid var(--dl-color-border-strong)}.dl-card--highlight{border-color:var(--dl-color-primary-border)}.dl-card--dark{color:var(--dl-color-white);background:linear-gradient(145deg,var(--dl-color-navy) 0%,var(--dl-color-navy-hover) 100%);border-color:transparent}.dl-card__header{display:flex;flex-direction:column;gap:var(--dl-space-2);padding:var(--dl-card-padding-md);border-bottom:1px solid var(--dl-color-border-subtle)}.dl-card__eyebrow{color:var(--dl-color-primary);font-size:var(--dl-font-size-xs);font-weight:var(--dl-font-weight-semibold);letter-spacing:var(--dl-letter-spacing-uppercase);text-transform:uppercase}.dl-card__title{margin:0;color:var(--dl-color-heading);font-size:var(--dl-font-size-xl);font-weight:var(--dl-font-weight-semibold);letter-spacing:-.015em;line-height:var(--dl-line-height-snug)}.dl-card__subtitle{margin:0;color:var(--dl-color-text-secondary);font-size:var(--dl-font-size-sm);line-height:var(--dl-line-height-normal)}.dl-card__media{position:relative;overflow:hidden;background:var(--dl-color-surface-muted);aspect-ratio:var(--dl-ratio-landscape)}.dl-card__media img,.dl-card__media picture,.dl-card__media video{width:100%;height:100%;object-fit:cover;transition:transform var(--dl-duration-medium) var(--dl-ease-standard)}.dl-card:hover .dl-card__media img,.dl-card:hover .dl-card__media picture,.dl-card:hover .dl-card__media video{transform:scale(1.03)}.dl-card__body{display:flex;flex:1;flex-direction:column;gap:var(--dl-space-4);padding:var(--dl-card-padding-md)}.dl-card__content{display:flex;flex-direction:column;gap:var(--dl-space-3);flex:1}.dl-card__text{margin:0;color:var(--dl-color-text-secondary);font-size:var(--dl-font-size-body);line-height:var(--dl-line-height-relaxed)}.dl-card__meta{display:flex;flex-wrap:wrap;gap:var(--dl-space-3);color:var(--dl-color-text-tertiary);font-size:var(--dl-font-size-xs)}.dl-card__meta-item{display:inline-flex;align-items:center;gap:var(--dl-space-2)}.dl-card__actions{display:flex;align-items:center;gap:var(--dl-space-3);margin-top:auto;padding:var(--dl-card-padding-md);border-top:1px solid var(--dl-color-border-subtle)}.dl-card__actions--between{justify-content:space-between}.dl-card__actions--end{justify-content:flex-end}.dl-card__footer{padding:var(--dl-card-padding-md);border-top:1px solid var(--dl-color-border-subtle)}.dl-card--horizontal{flex-direction:row}.dl-card--horizontal .dl-card__media{width:18rem;min-width:18rem;aspect-ratio:auto}.dl-card--horizontal .dl-card__body{flex:1}.dl-card--compact .dl-card__header,.dl-card--compact .dl-card__body,.dl-card--compact .dl-card__footer,.dl-card--compact .dl-card__actions{padding:var(--dl-card-padding-sm)}@media screen and (max-width:1050px){.dl-card--horizontal{flex-direction:column}.dl-card--horizontal .dl-card__media{width:100%;min-width:0;aspect-ratio:var(--dl-ratio-landscape)}.dl-card__header,.dl-card__body,.dl-card__footer,.dl-card__actions{padding:18px}}@media screen and (max-width:680px){.dl-card{border-radius:12px}.dl-card:hover{transform:none}.dl-card__header,.dl-card__body,.dl-card__footer,.dl-card__actions{padding:16px}.dl-card__title{font-size:var(--dl-font-size-lg)}.dl-card__actions{display:grid;grid-template-columns:minmax(0,1fr)}.dl-card__actions .dl-button{width:100%}}@media screen and (max-width:430px){.dl-card__header,.dl-card__body,.dl-card__footer,.dl-card__actions{padding:15px 14px}}@media(prefers-reduced-motion:reduce){.dl-card,.dl-card__media img,.dl-card__media picture,.dl-card__media video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/dl-component-card.css.map */