.card{background-color:var(--color-surface);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a;transition:box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.card:hover{box-shadow:0 8px 30px #0f67541a,0 2px 8px #0000000f;border-color:#0f675433;transform:translateY(-2px)}.card__image-wrapper{position:relative;overflow:hidden;background-color:var(--color-background)}.card__image{display:block;position:relative;overflow:hidden;aspect-ratio:1 / 1}.card__image img,.card__image .card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.card:hover .card__image img,.card:hover .card__image .card__img{transform:scale(1.04)}.card__image .placeholder-svg{width:100%;height:100%;object-fit:cover}.card__badge{position:absolute;top:12px;left:12px;z-index:2;padding:4px 12px;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--border-radius-small)}.card__badge--sold-out{background-color:var(--color-text);color:#fff}.card__content{padding:20px 20px 24px;display:flex;flex-direction:column;flex-grow:1}.card__title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:600;line-height:1.35;letter-spacing:-.005em;margin:0 0 10px}.card__title a{color:var(--color-heading);text-decoration:none;transition:color .2s ease}.card__title a:hover{color:var(--color-primary)}.card__price{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.card__price-label{font-size:.75rem;font-weight:500;color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase}.card__price-value{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;color:var(--color-primary);letter-spacing:-.01em;line-height:1.2}.card__variants{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border)}.card__options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.card__option{display:flex;flex-direction:column;gap:4px}.card__option-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.card__select-wrapper{position:relative}.card__option-select{width:100%;padding:10px 36px 10px 14px;font-size:.8125rem;font-family:var(--font-body);font-weight:500;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-small);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s ease,box-shadow .2s ease;line-height:1.4}.card__option-select:hover{border-color:#0f675459}.card__option-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0f67541a}.card__select-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none}.card__add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);background-color:var(--color-secondary);border:2px solid var(--color-secondary);border-radius:var(--border-radius);cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .15s ease;line-height:1.2}.card__add-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.card__add-btn:active{transform:scale(.97)}.card__add-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.card__add-btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.card__btn-icon{flex-shrink:0}.card--flat{box-shadow:none;border:1px solid var(--color-border)}.card--flat:hover{border-color:#0f675433}.card__quick-select{border-top:1px solid var(--color-border);padding-top:16px}.card--featured{position:relative;border: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(0,0,0,.65) 0%,rgba(0,0,0,.15) 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-secondary)}.card--featured .card__text{color:#fffc}.card--featured:hover{transform:none;border-color:transparent}.card__text{color:var(--color-muted);font-size:.9375rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */