.card{background-color:var(--color-surface);border-radius:2px;overflow:hidden;border:1px solid transparent;border-bottom:3px solid transparent;transition:box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),border-bottom-color .4s cubic-bezier(.22,1,.36,1)}.card:hover{box-shadow:0 4px 12px #3b5b7a0f;border-bottom-color:var(--color-secondary)}.card__image-wrapper{position:relative;overflow:hidden}.card__image{display:block;position:relative;overflow:hidden;aspect-ratio:4 / 5}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card:hover .card__image img{transform:scale(1.06)}.card__content{padding:16px 24px 24px}.card__title{font-size:1rem;letter-spacing:.02em;margin-bottom:8px}.card__title a{color:var(--color-heading);text-decoration:none}.card__title a:hover{color:var(--color-secondary)}.card__text{color:var(--color-muted);font-size:.9375rem}.card--flat{box-shadow:none;border:1px solid var(--color-border);border-bottom:3px solid var(--color-border)}.card--flat:hover{border-color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.card--featured{position:relative;border-bottom:none}.card--featured .card__image{aspect-ratio:3 / 4}.card--featured .card__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(59,91,122,.7) 0%,rgba(59,91,122,.2) 40%,transparent 100%);z-index:1;pointer-events:none}.card--featured .card__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:32px 24px}.card--featured .card__title a{color:#fff}.card--featured .card__title a:hover{color:var(--color-accent)}.card--featured .card__text{color:#fffc}.card--featured:hover{border-bottom-color:transparent}.card__quick-add{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.25) 60%,transparent 100%);opacity:0;transform:translateY(8px);transition:opacity .3s var(--transition-smooth),transform .3s var(--transition-smooth)}.card:hover .card__quick-add{opacity:1;transform:translateY(0)}@media(max-width:768px){.card__quick-add{opacity:1;transform:none}}.card__add-form{margin:0}.card__add-btn,.card__choose-options{display:block;width:100%;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;text-align:center;text-decoration:none;color:#fff;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);border-radius:2px;text-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:color .3s var(--transition-smooth),border-color .3s var(--transition-smooth),background-color .3s var(--transition-smooth)}.card__add-btn:hover,.card__choose-options:hover{color:#fff;background:#ffffff4d;border-color:#ffffff80}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */