.product-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"media info" "media button";align-items:start;gap:var(--space-8) var(--space-12);padding-block:var(--space-12)}.product-row__media{grid-area:media;inline-size:4.5rem;border-radius:var(--radius-8)}.product-row__info{display:flex;grid-area:info;flex-direction:column;gap:var(--space-4)}.product-row__title,.product-row__text{margin:0}.product-row__title{font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-3);line-height:var(--line-height-100);text-transform:uppercase}.product-row__text{font-weight:var(--font-weight-primary-regular);font-optical-sizing:auto;font-size:var(--font-size-text-4);line-height:round(nearest,calc(var(--line-height-120) * 1em),.0625rem);text-wrap:balance}.product-row__button,.product-row__button:hover{--button-color: var(--text-1);--button-background-color: transparent;--button-border-color: var(--stroke-1);--button-border-width: var(--stroke-width-1)}.product-row__button{grid-area:button;min-block-size:var(--space-32);padding-block:0;padding-inline:var(--space-20);font-family:var(--font-family-primary);font-weight:var(--font-weight-primary-semi-bold);font-optical-sizing:none;font-size:var(--font-size-utility-4);line-height:var(--line-height-100);white-space:nowrap}.product-row:has(.product-row__button:focus-visible) .product-row__media{box-shadow:var(--effect-product-red-glow)}@media(hover:hover){.product-row__button:hover{--button-background-color: var(--surface-1);box-shadow:inset 0 0 0 var(--stroke-width-1) var(--stroke-1),var(--effect-red-glow)}}@media(hover:hover)and (min-width:750px){.product-row:hover .product-row__media{box-shadow:var(--effect-product-red-glow)}.product-row:hover .product-tile__image--hover{opacity:1}}@media screen and (min-width:750px){.product-row{grid-template-columns:4.5rem minmax(0,1fr) auto;grid-template-areas:"media info button";align-items:center;gap:var(--space-16)}.product-row__media{border-radius:var(--radius-16)}.product-row__info{gap:var(--space-8)}.product-row__text{text-wrap:wrap}.product-row__button{margin-inline-start:var(--space-8)}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/product-row.css.map */