.jajar-produk{gap:var(--figma-screen-gap-cd289aef958e);grid-template-columns:repeat(auto-fill, minmax(min(var(--figma-screen-w-0893f2a72b9c), 100%), 1fr));padding-top:var(--figma-screen-pt-6021153aafd9);display:grid}.kartu-produk{background:var(--screen-color-surface);border:1px solid var(--figma-screen-border-e1f518c985a1);border-radius:var(--figma-screen-rounded-381e74a02a61);gap:var(--figma-screen-gap-ed7b3d87911c);padding:var(--figma-screen-pt-3139d6fbf1a4) var(--figma-screen-px-185e02105f2b) var(--figma-screen-pb-12f0328c774a);flex-direction:column;transition:border-color .14s,box-shadow .14s;display:flex}.kartu-produk:hover{border-color:var(--screen-color-avatar-start);box-shadow:var(--effect-elevation-sm)}.kartu-produk .bingkai{background:var(--screen-color-muted-fill);border-radius:var(--figma-screen-rounded-13bb29b29cb9);display:block;position:relative;overflow:hidden}.kartu-produk .penanda{left:var(--figma-screen-left-c26c0890ea86);pointer-events:none;right:var(--figma-screen-left-c26c0890ea86);top:var(--figma-screen-top-e7f99f56ee7f);justify-content:space-between;display:flex;position:absolute}.kartu-produk .penanda .lencana{border-radius:var(--figma-screen-rounded-68a8a92a3b50);font-size:var(--figma-screen-text-7f4ddfe188e1);letter-spacing:0;padding:var(--figma-screen-py-655b8fed780e) var(--figma-screen-px-70beb7b6d730);font-weight:600}.kartu-produk .lencana.hijau{background:var(--screen-color-success-bg);box-shadow:inset 0 0 0 1px var(--screen-color-success-border);color:var(--screen-color-success)}.kartu-produk .lencana.hemat{background:var(--screen-color-danger);color:#fff}.kartu-produk .nama{color:var(--screen-color-primary-text);font-size:var(--figma-screen-text-74f43a25f4c4);font-weight:600;line-height:var(--figma-screen-leading-7d6fabede1e5);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kartu-produk .anak{color:var(--screen-color-secondary-text);font-size:var(--figma-screen-text-d43c38f184f7)}.kartu-produk .baris-harga{align-items:center;gap:var(--space-xs);justify-content:space-between;margin-top:auto;display:flex}.kartu-produk .harga{color:var(--screen-color-primary-text);font-size:var(--figma-screen-text-385cd19be6c4);font-weight:800}.kartu-produk .coret{color:var(--figma-screen-text-15d5462623ec);font-size:var(--figma-screen-text-d43c38f184f7);font-weight:500;text-decoration:line-through}.kartu-produk .wajar{background:var(--screen-color-success-bg);border-radius:var(--figma-screen-rounded-68a8a92a3b50);color:var(--screen-color-success-copy);font-size:var(--figma-screen-text-7f4ddfe188e1);padding:var(--figma-screen-py-655b8fed780e) var(--figma-screen-px-70beb7b6d730);white-space:nowrap;flex-shrink:0;font-weight:600}.kartu-produk .masuk-keranjang{border-radius:var(--figma-screen-rounded-13bb29b29cb9);font-size:var(--figma-screen-text-0b9e66124487);min-height:0;padding:var(--figma-screen-py-4f2f16b987bc) var(--space-md);font-weight:600}.kartu-produk .habis{color:var(--screen-color-danger);font-size:var(--figma-screen-text-d43c38f184f7);text-align:center;font-weight:700}@media (max-width:720px){.jajar-produk{gap:var(--figma-size-12);grid-template-columns:1fr 1fr}.kartu-produk{border-radius:var(--radius-lg);gap:var(--figma-size-6);padding:var(--figma-size-10)}.kartu-produk .nama{font-size:var(--figma-size-14);line-height:var(--figma-size-20)}.kartu-produk .harga{font-size:var(--figma-size-16)}.kartu-produk form{display:none}.kartu-produk .baris-harga{row-gap:var(--figma-size-4);flex-wrap:wrap}}