.product-tile{display:grid;position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;height:100%;overflow:hidden;border-radius:var(--tile-radius, 12px);background-color:#fff}.product-tile__media{display:grid;grid-template-areas:"stack";grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:relative;grid-column:1;grid-row:1;aspect-ratio:var(--tile-media-ratio, 1 / 1);overflow:hidden;padding:var(--tile-media-padding, 0);background-color:var(--tile-media-background, var(--milb-surface))}.product-tile__image{display:block;grid-area:stack;width:100%;height:100%;object-fit:var(--tile-image-fit, cover);object-position:center}.product-tile__image--hover{opacity:0}@media(hover:hover){.product-tile:hover .product-tile__image--hover,.product-tile:focus-within .product-tile__image--hover{opacity:1}.product-tile:hover .product-tile__image--base,.product-tile:focus-within .product-tile__image--base{opacity:0}}@media(prefers-reduced-motion:reduce){.product-tile__image--hover{transition:none}}.product-tile__badge{position:absolute;z-index:2;top:var(--tile-badge-inset, 12px);left:var(--tile-badge-inset, 12px);padding:4px;border-radius:4px;background-color:var(--milb-danger);color:#fff;font-family:IBM Plex Sans,sans-serif;font-size:var(--tile-badge-size, 12px);font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.product-tile__media:has(.product-tile__rating) .product-tile__badge{max-width:calc(100% - (2 * var(--tile-badge-inset, 12px)) - var(--tile-badge-reserve, 60px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-tile__rating{display:inline-flex;position:absolute;z-index:2;top:var(--tile-badge-inset, 12px);right:var(--tile-badge-inset, 12px);gap:3px;align-items:center;padding:4px 6px;border-radius:4px;background-color:#fff;color:var(--milb-text);font-family:IBM Plex Sans,sans-serif;font-size:var(--tile-rating-size, 12px);font-weight:700;line-height:1.2;letter-spacing:var(--tile-rating-tracking, 0)}.product-tile__rating-star{width:var(--tile-rating-star-size, 12px);height:var(--tile-rating-star-size, 12px);color:var(--milb-star)}.product-tile__info{display:flex;grid-column:1;grid-row:2;flex-direction:column;gap:var(--tile-info-gap, 5px);padding:var(--tile-info-padding, 12px)}.product-tile--card{--tile-info-padding: 12px;--tile-info-gap: 5px;--tile-badge-inset: 12px;--tile-eyebrow-size: 14px;--tile-title-leading: 1.2;--tile-price-size: 14px;grid-template-rows:minmax(0,1fr) auto;width:100%}@media screen and (min-width:750px){.product-tile--card .product-tile__action{position:absolute;inset:auto 0 0;padding:0}}.product-tile--card .product-tile__atc{border-radius:0;padding-block:7px}.product-tile--card .product-tile__vendor{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-tile--row{height:var(--tile-row-height, auto);grid-template-columns:var(--tile-row-media, 107px) minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"media info" "media action";column-gap:var(--tile-row-gap, 4px);border-radius:4px;background-color:var(--tile-row-background, var(--milb-surface))}.product-tile--row .product-tile__media{grid-area:media;aspect-ratio:auto;height:100%;padding:var(--tile-media-padding, 7px)}.product-tile--row .product-tile__title,.product-tile--row .product-tile__price{line-height:1.2}.product-tile--row .product-tile__info{grid-area:info;justify-content:flex-start;gap:var(--tile-row-info-gap, 4px);padding:var(--tile-info-padding, 16px 0 0)}.product-tile--row .product-tile__action{--tile-action-gap: var(--tile-row-action-top, 6px);grid-area:action;width:var(--tile-row-action-width, 121px);padding-top:var(--tile-row-action-top, 6px);padding-bottom:var(--tile-row-action-inset, 16px)}.product-tile--row .product-tile__atc{white-space:nowrap;gap:var(--tile-row-atc-gap, 4px);padding:var(--tile-row-atc-padding, 4px 8px 4px 4px);border:1px solid var(--milb-text);border-radius:3.5px;background-color:var(--tile-row-atc-background, transparent);color:var(--milb-text);font-size:var(--tile-row-atc-size, 12px)}@media(hover:hover){.product-tile--row a.product-tile__atc:hover,.product-tile--row button.product-tile__atc:hover:not([disabled]){background-color:var(--milb-text);color:#fff}}.product-tile__info-text{display:contents}.product-tile--with-logo .product-tile__info{flex-direction:row;gap:12px;align-items:center;padding:12px}.product-tile--with-logo .product-tile__info-text{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0}.product-tile__logo-link{position:relative;z-index:2;flex:0 0 auto;line-height:0}.product-tile__logo{display:block;flex:0 0 auto;width:48px;height:48px;object-fit:contain}.product-tile__vendor{margin:0;color:var(--milb-grey);font-family:var(--tile-eyebrow-family, "Titillium-Regular", sans-serif);font-size:var(--tile-eyebrow-size, 11px);font-weight:var(--tile-eyebrow-weight, 400);line-height:1.2;letter-spacing:var(--tile-eyebrow-tracking, .04em);text-transform:uppercase}.product-tile__title{margin:0;overflow:hidden;color:var(--milb-text);font-family:var(--tile-title-family, "Titillium-Bold", sans-serif);font-size:var(--tile-title-size, 14px);font-weight:var(--tile-title-weight, 700);line-height:var(--tile-title-leading, 1.3);letter-spacing:var(--tile-title-tracking, .02em);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.product-tile__title a{color:inherit;text-decoration:none}.product-tile__title a:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.product-tile__price{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:var(--tile-price-family, "Titillium-Bold", sans-serif);font-size:var(--tile-price-size, 16px);line-height:1.2;letter-spacing:var(--tile-price-tracking, 0)}.product-tile__price-current{color:var(--milb-text);font-weight:700}.product-tile__price-compare{color:#9d9d9d;font-weight:var(--tile-price-compare-weight, 400)}.product-tile__discount{padding:2px 6px;border-radius:3px;background-color:var(--milb-secondary);color:#fff;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.product-tile__action{display:block;z-index:2;grid-column:1;grid-row:3;margin:0;padding-top:10px}.product-tile__atc{display:inline-flex;text-decoration:none;gap:8px;align-items:center;justify-content:center;width:100%;padding:9px 12px;border:0;border-radius:4px;background-color:#000;color:#fff;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.product-tile__atc[disabled],.product-tile__atc--sold-out{cursor:not-allowed;opacity:.5;pointer-events:none}.product-tile__atc-icon,.product-tile__atc .add-to-cart-icon-spinner{flex-shrink:0}.product-tile__atc-icon svg,.product-tile__atc .add-to-cart-icon-spinner svg{display:block;width:16px;height:16px}.product-tile__atc .hidden{display:none!important}@media screen and (max-width:749px){.product-tile__action{grid-row:1;align-self:end;justify-self:end;padding:0;margin:0 8px 8px 0}.product-tile__atc{width:32px;height:32px;padding:0}.product-tile__atc-label{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}}@media screen and (min-width:750px){.product-tile__action{display:grid;grid-template-rows:minmax(0,0fr);padding-top:0;opacity:0;transition:grid-template-rows .25s ease,padding-top .25s ease,opacity .2s ease}.product-tile__action>*{min-height:0;overflow:hidden}.product-tile:hover .product-tile__action,.product-tile:focus-within .product-tile__action{grid-template-rows:minmax(0,1fr);padding-top:var(--tile-action-gap, 10px);opacity:1}}@media(prefers-reduced-motion:reduce){.product-tile__action{transition:none}}@media screen and (min-width:750px){.product-tile--atc-text-only .product-tile__atc-icon{display:none}}.product-tile--fill{grid-template-rows:minmax(0,1fr) auto auto}.product-tile--fill .product-tile__media{aspect-ratio:auto;min-height:0;height:100%}.product-tile__image{transition:transform .4s ease,opacity .3s ease}.product-tile__atc{transition:background-color .2s ease,color .2s ease}@media(hover:hover){.product-tile:hover .product-tile__image{transform:scale(1.04)}}.product-tile__atc:focus-visible{outline:2px solid var(--milb-secondary);outline-offset:2px}.product-tile__title a:focus-visible{outline:2px solid var(--milb-secondary);outline-offset:3px}@media(prefers-reduced-motion:reduce){.product-tile__image{transition:none}.product-tile:hover .product-tile__image{transform:none}}.product-tile--overlay-action .product-tile__action{grid-row:1;align-self:end;justify-self:end;margin:0 8px 8px 0;padding:0}.product-tile--overlay-action .product-tile__atc{width:32px;height:32px;padding:0}.product-tile--overlay-action .product-tile__atc-label{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}@media screen and (min-width:750px){.product-tile--row .product-tile__action{grid-template-rows:minmax(0,1fr);opacity:1;visibility:visible;transition:none}}@media screen and (max-width:749px){.product-tile--row .product-tile__action{align-self:stretch;justify-self:stretch;margin:0}.product-tile--row .product-tile__atc{width:100%;height:auto}.product-tile--row .product-tile__atc-label{position:static!important;overflow:visible;width:auto;height:auto;margin:0;clip:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-tile.css.map */