.tf-care-products[hidden]{display:none}.tf-care-products-section:has(tf-care-products[hidden]){display:none}.tf-care-products__inner{width:100%}.tf-care-products__heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.6rem);letter-spacing:.06rem;line-height:calc(1 + .3/max(1,var(--font-heading-scale)));color:rgb(var(--color-foreground))}.tf-care-products__list{display:flex;flex-direction:column;gap:1.2rem;margin:0;padding:0}.tf-care-products__card{display:grid;grid-template-columns:6.4rem 1fr;gap:1.2rem;align-items:start}.tf-care-products__media{display:block;position:relative;overflow:hidden;background-color:rgba(var(--color-foreground),.04);border-radius:var(--product-card-corner-radius, 0);isolation:isolate}.tf-care-products__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.tf-care-products__image--placeholder{display:flex;align-items:center;justify-content:center}.tf-care-products__image--placeholder .placeholder-svg{width:100%;height:100%}.tf-care-products__details{display:flex;flex-direction:column;min-width:0;gap:.4rem}.tf-care-products__title{color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;line-height:calc(1 + .5 / var(--font-body-scale));letter-spacing:.04rem;overflow-wrap:anywhere}.tf-care-products__title:hover{text-decoration:underline;text-underline-offset:.2rem}.tf-care-products__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;font-size:1.3rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75)}.tf-care-products__price-item--sale{color:rgb(var(--color-foreground))}.tf-care-products__price-item--compare{color:rgba(var(--color-foreground),.55)}.tf-care-products__actions{display:flex;flex-direction:column;align-items:stretch;gap:.8rem;margin-top:.4rem}.tf-care-products__select-wrap{width:100%}.tf-care-products__select{width:100%;min-height:3.6rem;font-size:1.3rem}.tf-care-products__add{width:100%;min-height:3.6rem;position:relative}.tf-care-products__add .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf-care-products__add:not(.loading) .loading__spinner{display:none}.tf-care-products__add.loading .tf-care-products__add-text{visibility:hidden}.tf-care-products__error{margin:0;font-size:1.2rem;color:rgba(var(--color-foreground),.75)}.tf-care-products__error[hidden]{display:none}.drawer__inner .tf-care-products{display:block;margin:.5rem 0 0;padding:1.5rem 0 1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.drawer__inner .tf-care-products__heading{font-size:1.4rem;margin-bottom:1rem}.drawer__inner .tf-care-products__card{grid-template-columns:5.6rem 1fr;gap:1rem}.drawer__inner .tf-care-products__add{width:auto;align-self:flex-start;padding-inline:1.6rem}.tf-care-products[data-context=page]{display:block}.tf-care-products[data-context=page] .tf-care-products__list{display:grid;grid-template-columns:1fr;gap:1.6rem}.tf-care-products[data-context=page] .tf-care-products__card{grid-template-columns:8rem 1fr;gap:1.6rem;padding-bottom:1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.tf-care-products[data-context=page] .tf-care-products__item:last-child .tf-care-products__card{padding-bottom:0;border-bottom:0}.tf-care-products[data-context=page] .tf-care-products__heading{font-size:calc(var(--font-heading-scale) * 1.8rem);margin-bottom:2rem}@media screen and (min-width:750px){.tf-care-products[data-context=page] .tf-care-products__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.4rem}.tf-care-products[data-context=page] .tf-care-products__card{padding-bottom:0;border-bottom:0}.tf-care-products[data-context=page] .tf-care-products__item:last-child .tf-care-products__card{padding-bottom:0}}@media screen and (min-width:990px){.tf-care-products[data-context=page] .tf-care-products__list{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-care-products[data-context=page] .tf-care-products__card{grid-template-columns:1fr}.tf-care-products[data-context=page] .tf-care-products__media{width:100%}.tf-care-products[data-context=page] .tf-care-products__image{aspect-ratio:1 / 1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tf-care-products.css.map */