.cpc{transition:transform .2s,box-shadow .2s}.cpc:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--color-brand-shadow) 12%, transparent);transform:translateY(-4px)}.cpc__frame{aspect-ratio:1;background:var(--color-brand-surface);border-bottom:1px solid color-mix(in srgb, var(--color-brand-line) 10%, transparent);display:block;overflow:hidden}.cpc__img{object-fit:contain;width:100%;height:100%;transition:transform .2s}.cpc:hover .cpc__img{transform:scale(1.03)}.cpc__body{flex-direction:column;flex:1;padding:.85rem 1rem 1rem;display:flex}@media (width>=768px){.cpc__body{padding:1rem 1.15rem 1.15rem}}.cpc__chips{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.cpc__kind-chip{background:var(--color-brand-mint);color:var(--color-brand-ink);white-space:nowrap;border-radius:9999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;line-height:1.4}@media (width>=768px){.cpc__kind-chip{font-size:.78rem}}.cpc__query-chip{background:var(--color-brand-surface);border:1px solid color-mix(in srgb, var(--color-brand-line) 14%, transparent);color:var(--color-brand-sub);text-overflow:ellipsis;white-space:nowrap;border-radius:9999px;max-width:100%;padding:.2rem .55rem;font-size:.72rem;font-weight:500;line-height:1.4;overflow:hidden}@media (width>=768px){.cpc__query-chip{font-size:.78rem}}.cpc__name{color:var(--color-brand-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cpc__chips+.cpc__name{margin-top:.5rem}.cpc__spec{color:var(--color-brand-sub);margin-top:.35rem;font-size:.82rem;line-height:1.5}.cpc__spec-lead{color:var(--color-brand-ink);font-weight:600}.cpc__dot{opacity:.55;margin:0 .3rem}@media (width>=768px){.cpc__spec{font-size:.88rem}}.cpc__nutri{border-top:1px solid color-mix(in srgb, var(--color-brand-line) 45%, transparent);margin-top:.7rem;padding-top:.7rem}.cpc__nutri-cap{color:var(--color-brand-sub);font-size:.7rem;line-height:1.4}@media (width>=768px){.cpc__nutri-cap{font-size:.75rem}}.cpc__bars{flex-direction:column;gap:.3rem;margin-top:.4rem;display:flex}.cpc__bar{grid-template-columns:3.9rem 1fr 2.9rem;align-items:center;gap:.4rem;display:grid}.cpc__bar-name{color:var(--color-brand-sub);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.3;overflow:hidden}.cpc__bar-track{background:var(--color-brand-surface);border-radius:9999px;height:.4375rem;display:block;overflow:hidden}.cpc__bar-fill{border-radius:9999px;min-width:.1875rem;height:100%;display:block}.cpc__bar-val{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.3}@media (width>=768px){.cpc__bar{grid-template-columns:4.2rem 1fr 3.1rem}.cpc__bar-name,.cpc__bar-val{font-size:.78rem}.cpc__bar-track{height:.5rem}}.cpc__bar[data-tone=carb] .cpc__bar-fill{background:#b45309}.cpc__bar[data-tone=carb] .cpc__bar-val{color:#b45309}.cpc__bar[data-tone=protein] .cpc__bar-fill{background:#2e7d32}.cpc__bar[data-tone=protein] .cpc__bar-val{color:#2e7d32}.cpc__bar[data-tone=fiber] .cpc__bar-fill{background:#2563eb}.cpc__bar[data-tone=fiber] .cpc__bar-val{color:#2563eb}.cpc__bar[data-tone=sodium] .cpc__bar-fill{background:#dc2626}.cpc__bar[data-tone=sodium] .cpc__bar-val{color:#dc2626}.cpc__foot{margin-top:auto;padding-top:.85rem}.cpc__cta{border-radius:var(--ps-radius-btn);letter-spacing:-.01em;width:100%;color:var(--color-brand-onaccent);background:var(--color-brand-accent);justify-content:center;align-items:center;padding:.78rem 1rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background-color .15s;display:flex}.cpc__cta:hover{background:var(--color-brand-accent-deep)}.cpc__cta:active{background:var(--color-brand-accent-press)}@media (width>=768px){.cpc__cta{padding:.84rem 1rem;font-size:.97rem}}.cpc--compact .cpc__body{padding:.6rem .7rem .7rem}.cpc__mini-chip{background:var(--color-brand-mint);max-width:100%;color:var(--color-brand-ink);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-self:flex-start;margin-bottom:.35rem;padding:.12rem .45rem;font-size:.68rem;font-weight:700;line-height:1.4;overflow:hidden}.cpc__name--mini{font-size:.82rem;font-weight:600;line-height:1.35}.cpc--compact .cpc__foot{padding-top:.55rem}.cpc--compact .cpc__cta{padding:.55rem .5rem;font-size:.8rem}@media (width>=768px){.cpc__name--mini{font-size:.88rem}.cpc--compact .cpc__cta{padding:.6rem .5rem;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.cpc{transition:none}.cpc:hover{transform:none}.cpc__img{transition:none}.cpc:hover .cpc__img{transform:none}}