.product-tile{position:relative;width:100%;display:flex;flex-direction:column;background:rgb(var(--color-background));overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(var(--color-foreground),.15);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base);container-type:inline-size;container-name:product-tile}.product-tile:focus-within{box-shadow:var(--shadow-md)}.product-tile__media{position:relative;width:100%;aspect-ratio:1 / 1.15;flex:0 0 auto;overflow:hidden}.product-tile__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.product-tile__link:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.product-tile__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.product-tile__image{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}.product-tile__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-slow)}.product-tile__media:hover .product-tile__image--secondary{opacity:1}.product-tile__image-wrapper--placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.04)}.product-tile__image-wrapper--placeholder .placeholder-svg{width:60%;height:auto}.product-tile__badge{position:absolute;top:var(--space-md);right:var(--space-md);z-index:3;max-width:calc(100% - var(--space-lg));padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-heading-family);font-size:var(--font-size-badge);font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.product-tile__badge--member,.product-tile__badge--coming-soon{background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-tile--coming-soon .product-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(var(--color-background),.4);pointer-events:none}.product-tile__info{position:relative;z-index:3;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-md);min-width:0;background:rgb(var(--color-background))}.product-tile__info-content{display:grid;grid-template-rows:4rem 2rem 4rem;row-gap:var(--space-sm);height:calc(4rem + 2rem + 4rem + 2 * var(--space-sm));overflow:hidden}.product-tile__vendor{display:none}.product-tile__title{grid-row:1;align-self:flex-start;min-height:0;margin:0;padding-bottom:.15em;overflow:hidden;font-family:var(--font-body-family);font-weight:600;font-size:calc(var(--font-body-scale) * clamp(1.35rem,1.2rem + .45vw,var(--font-size-body)));letter-spacing:.02em;line-height:1.2;color:rgb(var(--color-foreground))}.product-tile__title-link{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body-family);font-weight:600;font-size:calc(var(--font-body-scale) * clamp(1.35rem,1.2rem + .45vw,var(--font-size-body)));letter-spacing:.02em;line-height:1.2;color:rgb(var(--color-foreground));text-decoration:none}.product-tile__title-link:hover{color:rgba(var(--color-foreground),.8)}@container product-tile (min-width: 22rem){.product-tile__title-link{font-size:calc(var(--font-body-scale) * clamp(1.45rem,1.3rem + .5vw,var(--font-size-body)))}}.product-tile__type{grid-row:2;align-self:center;margin:0;font-size:var(--font-size-small);color:rgba(var(--color-foreground),.75);line-height:1}.product-tile__price-row{grid-row:3;align-self:center;margin:0}.product-tile__price{margin:0}.product-tile__price .price__card{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-sm);color:rgb(var(--color-foreground))}.product-tile__price .price__card-current,.product-tile__price .price__card-compare{font-size:calc(var(--font-body-scale) * var(--font-size-body))}.product-tile__price .price__card-current{font-weight:700}.product-tile__price .price__card-compare{color:rgba(var(--color-foreground),.75);font-weight:400}.product-tile__variant-selects{margin-bottom:var(--space-sm);min-height:var(--space-3xl);width:100%;max-width:100%;overflow:hidden}.product-tile__variant-fieldset{margin:0;padding:0;border:none;display:flex;flex-wrap:nowrap;gap:var(--space-xs);align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.product-tile__variant-fieldset::-webkit-scrollbar{display:none}.product-tile__variant-fieldset.product-form__input--pill input[type=radio]+label{margin:0;padding:var(--space-2xs) var(--space-xs);font-size:var(--font-size-caption);line-height:1.2;min-height:0;white-space:nowrap;flex-shrink:0}.product-tile__actions{position:absolute;bottom:100%;left:0;right:0;margin:0;padding:var(--space-sm) var(--space-md);display:grid;gap:var(--space-sm);width:100%;background:rgb(var(--color-background));opacity:0;pointer-events:none;transform:translateY(100%);transition:opacity var(--transition-base),transform var(--transition-slow)}.product-tile__actions>*{min-width:0}.product-tile:hover .product-tile__actions,.product-tile:focus-within .product-tile__actions{opacity:1;pointer-events:auto;transform:translateY(0)}.product-tile__action-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:stretch}.product-tile__action-row:not(:has(.product-tile__quantity)){min-height:var(--space-3xl);align-items:flex-end}.product-tile__quantity{display:flex;align-items:stretch;border:none;border-radius:var(--radius-sm);overflow:hidden;min-height:var(--space-3xl);outline:1px solid rgba(var(--color-foreground),.2)}.product-tile__quantity .quantity__button{display:flex;align-items:center;justify-content:center;width:var(--space-3xl);min-width:var(--space-3xl);padding:0;background:rgb(var(--color-background));border:none;color:rgb(var(--color-foreground));cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.product-tile__quantity .quantity__button:last-of-type{border:none}.product-tile__quantity .quantity__button:hover{background:rgba(var(--color-foreground),.06)}.product-tile__quantity .quantity__button:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.product-tile__quantity .quantity__input{width:var(--space-3xl);min-width:var(--space-3xl);padding:0 var(--space-xs);border:none;border-left:1px solid rgba(var(--color-foreground),.2);border-right:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale) * var(--font-size-caption));text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.product-tile__quantity .quantity__input::-webkit-outer-spin-button,.product-tile__quantity .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-tile__add-btn,.product-tile__add-label{flex:1 1 auto;min-width:7rem;min-height:var(--space-3xl);padding:var(--space-sm) var(--space-md);font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * var(--font-size-small));font-weight:500;letter-spacing:.02em;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;white-space:nowrap}.product-tile__add-btn:hover:not([aria-disabled=true]):not(:disabled),.product-tile__add-btn--link:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.3)}.product-tile__quantity,.product-tile__quantity .quantity__button,.product-tile__quantity .quantity__input{box-shadow:none!important}.product-tile__add-btn:focus-visible,.product-tile__add-btn--link:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.product-tile__add-btn[aria-disabled=true],.product-tile__add-btn:disabled,.product-tile__add-label[aria-disabled=true]{opacity:.6;cursor:default;pointer-events:none}.product-tile__add-btn--submit{flex:1 1 auto;min-width:7rem;white-space:nowrap}.product-tile--gift-card .product-tile__price{display:none}@media screen and (min-width:750px){.product-tile:hover{box-shadow:var(--shadow-md)}.product-tile__info{padding:var(--space-sm) var(--space-lg) var(--space-md)}}@media screen and (max-width:1023px),screen and (hover:none){.product-tile{display:flex;flex-direction:column;height:100%;aspect-ratio:auto}.product-tile:hover,.product-tile:focus-within{box-shadow:var(--shadow-sm)}.product-tile__media{position:relative;width:100%;aspect-ratio:1 / 1.15;inset:auto;flex:0 0 auto}.product-tile__info,.product-tile:hover .product-tile__info,.product-tile:focus-within .product-tile__info{position:relative;inset:auto;width:100%;transform:none;box-shadow:none;padding:var(--space-sm) var(--space-xs) var(--space-sm);flex:1 1 auto;min-height:calc(4rem + 2rem + 4rem + 2 * var(--space-sm) + 3rem + 3rem + var(--space-sm));display:flex;flex-direction:column}.product-tile__info-content{order:1;flex:0 0 auto;height:calc(4rem + 2rem + 4rem + 2 * var(--space-sm));grid-template-rows:4rem 2rem 4rem;row-gap:var(--space-sm)}.product-tile__title-link{font-size:calc(var(--font-body-scale) * clamp(1.45rem,1.35rem + .4vw,1.65rem))}.product-tile__actions,.product-tile:hover .product-tile__actions,.product-tile:focus-within .product-tile__actions{position:static;bottom:auto;left:auto;right:auto;margin-top:auto;padding:var(--space-xs) 0 0;background:none;opacity:1;pointer-events:auto;transform:none;order:2}.product-tile__add-btn,.product-tile__add-label{min-height:var(--space-2xl);padding:var(--space-xs) var(--space-sm)}.product-tile__action-row:has(.product-tile__quantity){flex-direction:column;align-items:stretch}.product-tile__action-row:has(.product-tile__quantity) .product-tile__quantity{width:100%;flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.product-tile__actions{opacity:1;pointer-events:auto;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-card-product.css.map */