.cpc__tile{display:flex;flex-direction:column;gap:.875rem;text-decoration:none;color:inherit;position:relative;container-type:inline-size;container-name:cpc}.cpc__thumb{position:relative;aspect-ratio:1 / 1;border:1px solid var(--color-border);background:var(--color-background);overflow:hidden;transition:border-color .15s ease,background-color .15s ease}.cpc__tile:hover .cpc__thumb{border-color:rgb(var(--color-foreground-rgb) / .45);background:rgb(var(--color-foreground-rgb) / .04)}.cpc__thumb-link{display:block;width:100%;height:100%;text-decoration:none}.cpc__img{width:100%;height:100%;object-fit:cover;display:block}.cpc__img--placeholder{color:rgb(var(--color-foreground-rgb) / .1)}.cpc__corner{position:absolute;bottom:.625rem;right:.625rem;background:rgb(var(--color-background-rgb) / .9);color:rgb(var(--color-foreground-rgb) / .65);font-family:var(--font-accent--family),var(--font-body--family);font-size:.5625rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .45rem;border-radius:2px;z-index:2}.cpc__badges{position:absolute;top:.625rem;left:.625rem;z-index:2;display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;pointer-events:none}.cpc__badge{font-family:var(--font-accent--family),var(--font-body--family);font-size:.625rem;letter-spacing:.08em;padding:.25rem .45rem;border-radius:2px;text-transform:uppercase;line-height:1.1}.cpc__badge--new{background:var(--color-foreground);color:var(--color-background)}.cpc__badge--featured{background:var(--cpc-accent, #e94e1b);color:#fff}.cpc__badge--in-stock{background:var(--color-background);color:var(--color-success, #1f8a4c);border:1px solid var(--color-border)}.cpc__badge--out-of-stock{background:var(--color-background);color:rgb(var(--color-foreground-rgb) / .55);border:1px solid var(--color-border)}.cpc__quick-add{position:absolute;bottom:.625rem;left:.625rem;right:.625rem;z-index:2;padding:.625rem .875rem;background:var(--color-foreground);color:var(--color-background);font-size:.8125rem;font-weight:600;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;text-decoration:none;opacity:0;transform:translateY(.5rem);transition:opacity .15s ease,transform .15s ease,background-color .15s ease;border:0}.cpc__tile:hover .cpc__quick-add{opacity:1;transform:translateY(0)}.cpc__quick-add:hover{background:var(--cpc-accent, #e94e1b)}.cpc__meta{display:flex;flex-direction:column;gap:.5rem}.cpc__title-price{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.cpc__title{font-family:var(--font-heading--family);font-size:.9375rem;font-weight:600;letter-spacing:-.005em;line-height:1.3;margin:0;color:var(--color-foreground-heading)}.cpc__title-link{color:inherit;text-decoration:none}.cpc__title-link:hover{color:var(--cpc-accent, #e94e1b)}.cpc__star{color:var(--cpc-accent, #e94e1b);margin-left:.125rem}.cpc__sku{font-family:var(--font-accent--family),var(--font-body--family);font-size:.65rem;color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.03em;margin-top:.2rem}.cpc__price-col{text-align:right;flex:none;min-width:0}.cpc__price{font-size:.9375rem;font-weight:700;letter-spacing:-.015em;white-space:nowrap;color:var(--color-foreground)}.cpc__price-from{font-family:var(--font-accent--family),var(--font-body--family);font-size:.625rem;font-weight:500;color:rgb(var(--color-foreground-rgb) / .6);letter-spacing:.03em;margin-right:.2rem}.cpc__card-btn{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.01em;text-decoration:none;text-align:center;color:#fff;background:var(--cpc-accent, #e94e1b);border-radius:2px;border:1.5px solid transparent;padding:.4rem .75rem;margin-top:.375rem;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.cpc__card-btn:hover{background:var(--cpc-accent-ink, #b83c10);color:#fff}.cpc__opts{display:flex;gap:.3rem;flex-wrap:wrap}.cpc__opt{font-family:var(--font-accent--family),var(--font-body--family);font-size:.625rem;letter-spacing:.05em;padding:.2rem .45rem;border:1px solid var(--color-border);border-radius:2px;color:rgb(var(--color-foreground-rgb) / .8);text-transform:uppercase}@container cpc (max-width: 22rem){.cpc__title-price{flex-direction:column;gap:.25rem}.cpc__price-col{text-align:left;flex:none;max-width:100%}.cpc__price{white-space:normal}}@media(max-width:820px){.cpc__title-price{flex-direction:column;gap:.25rem}.cpc__price-col{text-align:left}.cpc__price{white-space:normal}.cpc__quick-add{opacity:1;transform:none;font-size:.75rem;padding:.5rem .625rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-product-card.css.map */
