.related-grid-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border, #e6e8ec);border-radius:var(--radius-md, 8px);background:var(--color-background, #fff);overflow:hidden}.related-grid-card[data-tint="0"]{--card-tint: #cfc0da}.related-grid-card[data-tint="1"]{--card-tint: #c3d0e6}.related-grid-card[data-tint="2"]{--card-tint: #e5c7bf}.related-grid-card[data-tint="3"]{--card-tint: #ddc6b8}.related-grid-card[data-tint="4"]{--card-tint: #c8d3e8}.related-grid-card__media{position:relative;display:block;aspect-ratio:1 / 1;background:var(--card-tint, #eef1f6)}.related-grid-card__media img,.related-grid-card__media svg{width:100%;height:100%;object-fit:contain;display:block}.related-grid-card__badge{position:absolute;top:12px;left:12px;z-index:1;padding:.5rem 1rem;border-radius:var(--radius-sm, 4px);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.related-grid-card__badge--feature{background:var(--rg-feature-badge-background, #2f8a45)}.related-grid-card__badge--new{background:var(--rg-button-background, #12241c)}.related-grid-card__badge--tag{background:var(--color-tag-badge-background);color:var(--color-tag-badge-foreground);letter-spacing:.02em;text-transform:none}.related-grid-card__body{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;padding:16px}.related-grid-card__title{margin:0;font-size:1.5rem;font-weight:500;line-height:1.35}.related-grid-card__title a{color:inherit;text-decoration:none}.related-grid-card__title a:hover{text-decoration:underline}.related-grid-card__rating{display:flex;align-items:center;gap:8px;font-size:1.3rem}.related-grid-card__stars{display:inline-flex;gap:2px}.related-grid-card__star{width:16px;height:16px;fill:none;stroke:var(--rg-star-color, #e8613c);stroke-width:1.4}.related-grid-card__star--full{fill:var(--rg-star-color, #e8613c)}.related-grid-card__rating-count{opacity:.6}.related-grid-card__prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-block-start:auto;font-size:1.6rem}.related-grid-card__price{font-weight:700}.related-grid-card__compare{font-size:1.3rem;opacity:.45}.related-grid-card__body>form{margin:0}.related-grid-card__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 1.6rem;border:none;border-radius:var(--radius-sm, 4px);background:var(--rg-button-background, #12241c);color:var(--rg-button-foreground, #fff);font-size:1.4rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .2s ease}a.related-grid-card__button,a.related-grid-card__button:link,a.related-grid-card__button:visited,a.related-grid-card__button:hover,a.related-grid-card__button:focus,a.related-grid-card__button:active{color:var(--rg-button-foreground, #fff)}button.related-grid-card__button:hover,a.related-grid-card__button:hover{opacity:.85}.related-grid-card__button--disabled{opacity:.45;cursor:default}.related-grid-card__quick-add{display:block}.related-grid-card__button.loading{position:relative;color:transparent;pointer-events:none}.related-grid-card__button .loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%)}.related-grid-card__button .path{stroke:var(--rg-button-foreground, #fff)}.related-grid-card__title a:focus-visible,.related-grid-card__button:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.related-grid-card--compact .related-grid-card__body{gap:6px;padding:10px}.related-grid-card--compact .related-grid-card__title,.related-grid-card--compact .related-grid-card__prices{font-size:1.4rem}.related-grid-card--compact .related-grid-card__badge{top:8px;left:8px;padding:.3rem .7rem;font-size:1rem}@media screen and (max-width:749px){.related-grid-card__body{padding:12px;gap:8px}.related-grid-card__title{font-size:1.4rem}}.related-grid-card--row{flex-direction:row;align-items:stretch}.related-grid-card--row .related-grid-card__media{flex:0 0 8.4rem;width:8.4rem;aspect-ratio:auto;align-self:stretch}.related-grid-card--row .related-grid-card__media img,.related-grid-card--row .related-grid-card__media svg{object-fit:cover}.related-grid-card--row .related-grid-card__body{justify-content:center;gap:6px;padding:10px 12px}.related-grid-card--row .related-grid-card__title{font-size:1.3rem}.related-grid-card--row .related-grid-card__rating{gap:6px;font-size:1.2rem}.related-grid-card--row .related-grid-card__star{width:13px;height:13px}.related-grid-card--row .related-grid-card__prices{margin-block-start:0;font-size:1.4rem}.related-grid-card--row .related-grid-card__compare{font-size:1.2rem}.related-grid-card--button-sm .related-grid-card__button{min-height:3.4rem;padding:0 1.2rem;font-size:1.3rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-card.css.map */