.recommendation-card{min-width:0;width:100%;display:grid;grid-template-columns:8.2rem minmax(0,1fr);gap:1.2rem;align-items:start;padding:1.5rem;background:#f6f6f6}.recommendation-card__image{display:block;aspect-ratio:6 / 7;overflow:hidden;border-radius:var(--media-radius);background:rgba(var(--color-foreground),.03)}.recommendation-card__image img{display:block;width:100%;height:100%;object-fit:cover}.recommendation-card__title{display:block;flex:0 1 100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1.4;text-decoration:none}.recommendation-card__details{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:.6rem .8rem}.recommendation-card__heading,.recommendation-card__details .card-swatches,.recommendation-card__details .card-variant-picker__status{flex:0 0 100%;margin:0}.recommendation-card__heading{display:flex;flex-wrap:wrap;min-width:0;align-items:center;gap:.6rem .8rem}.recommendation-card__heading .price{max-width:100%;margin:0;line-height:1.3;text-align:left;font-weight:var(--font-body-weight-bold)}.recommendation-card__heading .badge--custom{--alpha-badge-border: .06;padding:.3rem .8rem .4rem}.recommendation-card__heading .price-item{margin:0;font-weight:var(--font-body-weight-bold)}.recommendation-card__heading .price--on-sale .price__sale{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem}.recommendation-card__details card-variant-picker,.recommendation-card__details [data-card-controls],.recommendation-card__details .card-variant-options{display:contents}.recommendation-card__details .card-swatches__list{display:grid;grid-template-columns:repeat(4,minmax(0,3.2rem))}.recommendation-card__details .card-swatches__link,.recommendation-card__details .card-swatches__more{min-width:0;overflow-wrap:anywhere}.recommendation-card__details .card-variant-options__select{flex:0 1 auto;min-width:0;max-width:100%;margin:0}.recommendation-card__details .card-variant-options__select select{box-sizing:border-box;width:auto;min-width:5.6rem;height:3.2rem;min-height:3.2rem;max-width:100%;padding-block:.4rem;padding-inline:1rem 2.8rem;margin:0;font-size:1.3rem;line-height:1.2}.recommendation-card__details [data-card-add-form]{flex:0 0 auto;margin-inline-start:auto}.recommendation-card__details .recommendation-card__add{--color-button: 0, 0, 0;--color-button-text: 255, 255, 255;min-width:0;min-height:3.2rem;margin:0;padding:.4rem 1.2rem;border:0;background:rgb(var(--color-button));font-size:1.3rem}.recommendation-card__add:before,.recommendation-card__add:after{display:none}.recommendation-card__add:not(:disabled):hover{background:#1a1a1a}.recommendation-card__title:hover{text-decoration:underline}.recommendation-card__options{margin:.4rem 0 0;color:rgba(var(--color-foreground),.75);font-size:1.2rem;line-height:1.4}.recommendation-card__details .button:not(.recommendation-card__add){min-height:4.4rem;margin-top:.8rem;padding:.6rem 1.2rem;font-size:1.2rem}.recommendation-card__details .price{font-size:1.3rem}.recommendation-card__details .product-form__error-message-wrapper{margin:.8rem 0;font-size:1.2rem}.recommendation-card__media{position:relative;min-width:0}.recommendation-card__image--square{aspect-ratio:1}.recommendation-card__media-badge{position:absolute;top:.4rem;right:.4rem;bottom:.4rem;left:.4rem;display:flex;align-items:flex-start;justify-content:flex-start;pointer-events:none}.recommendation-card__media-badge.bottom{align-items:flex-end}.recommendation-card__media-badge.right{justify-content:flex-end}.recommendation-card__media-badge .badge{max-width:100%;padding-inline:.4rem}.recommendation-card .card-variant-options__select-control>.svg-wrapper{width:1rem;height:.6rem;margin:0}@media(max-width:749px){.recommendation-card__details{row-gap:1.2rem}.recommendation-card__details .card-swatches__list:not(:has(.card-swatches__link--text)){grid-template-columns:repeat(4,minmax(0,1fr))}.recommendation-card__add:before{display:block;top:-.6rem;right:0;bottom:-.6rem;left:0;z-index:0;border-radius:0;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-recommendation-card.css.map */