.ingredient-card{flex-direction:column;width:100%;min-width:110px;display:flex;position:relative}.ingredient-card .card-header .ingredient-image{border:none;width:100%;min-width:110px;height:80px;margin:0 auto}.ingredient-card .card-body{text-align:center;flex-direction:column;flex:1;justify-content:space-between;padding:6px 4px;display:flex}.ingredient-card .card-body .ingredient-title .ingredient-qty{display:block}.ingredient-card .card-body .ingredient-price{color:var(--primary);padding-top:8px;display:block}.ingredient-card .card-footer .add-to-cart-btn{background-color:var(--surface-inverse);border:1px solid var(--border-muted);border-radius:8px;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px;display:flex;box-shadow:0 1px 2px #3333330a,0 2px 4px #3333330a}.ingredient-card .card-footer .add-to-cart-btn:hover{border-color:var(--border)}.ingredient-card .card-footer .add-to-cart-btn .icon{font-size:15px}
.product-card{background:color-mix(in srgb, var(--surface-inverse) 3%, transparent);border:1px solid color-mix(in srgb, var(--surface-inverse) 14%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);z-index:0;cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;width:100%;height:100%;margin-bottom:16px;padding:12px;display:flex;position:relative;overflow:hidden}.product-card .product-card-checkbox{z-index:1;position:absolute}.product-card .product-card-checkbox svg{fill:var(--primary)}.product-card .image-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}.product-card .card-header{position:relative}.product-card .card-header,.product-card .card-header .product-image{border-radius:48px}.product-card .card-header .product-image{border:none;width:134px;height:134px;margin:0 auto}.product-card .card-header .promotion-ribbon:before{border-width:20px;border-color:var(--danger);border-radius:999px}.product-card .card-header .promotion-ribbon .icon{top:10px;left:10px}.product-card .card-header .product-corner-arrows{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;width:180px;padding:0 6px;display:flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.product-card .card-header .product-corner-arrows .product-swap-btn{pointer-events:auto;-webkit-tap-highlight-color:#0000;background:color-mix(in srgb, var(--surface-inverse) 12%, transparent);width:26px;min-width:26px;height:26px;color:var(--price-color);box-shadow:none;border:none;border-radius:999px;margin:0;padding:0;transition:none;position:relative;transform:none}:root:has(.theme-light) .product-card .card-header .product-corner-arrows .product-swap-btn{background:color-mix(in srgb, var(--surface-inverse) 8%, transparent)}@media (prefers-color-scheme:light){:root:not(:has(.theme-dark)) .product-card .card-header .product-corner-arrows .product-swap-btn{background:color-mix(in srgb, var(--surface-inverse) 8%, transparent)}}.product-card .card-header .product-corner-arrows .product-swap-btn:hover:not(:disabled),.product-card .card-header .product-corner-arrows .product-swap-btn:focus:not(:disabled),.product-card .card-header .product-corner-arrows .product-swap-btn:active:not(:disabled){background:color-mix(in srgb, var(--surface-inverse) 12%, transparent);box-shadow:none;opacity:1;transform:none}.product-card .card-header .product-corner-arrows .product-swap-btn:disabled{opacity:.4}.product-card .card-header .product-corner-arrows .product-swap-btn svg{pointer-events:none;font-size:16px}.product-card .card-header{transition:filter .4s,opacity .4s}.product-card .card-body{text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:4px;padding:6px 4px;display:flex}.product-card .card-body .product-title{height:60px}.product-card .card-body .product-title .product-qty{white-space:nowrap;display:inline}.product-card .card-body .price-container{justify-content:flex-end;min-height:calc(2lh + 4px)}.product-card .card-body .price-container .product-price{color:var(--primary-700);font-weight:500}.product-card:has(.quantity-controls) .quantity-controls{padding:10px}@media (max-width:569px){.product-card .card-header .product-corner-arrows{width:170px;padding:0 4px;bottom:-12px}.product-card .card-header .product-corner-arrows .product-swap-btn{width:24px;min-width:24px;height:24px}.product-card .card-header .product-corner-arrows .product-swap-btn svg{font-size:14px}}