.supplier-product-grid { align-items: stretch; }
.supplier-product-grid .supplier-product-column { display: flex; }
.supplier-product-grid .supplier-product-card { display: flex; flex-direction: column; width: 100%; min-width: 0; min-height: 0; padding: 12px; margin-block: 12px; }
.supplier-product-grid .supplier-product-card .img-wrapper { position: relative; aspect-ratio: 1; width: 100%; height: auto !important; max-height: 220px; flex: 0 0 auto; }
.supplier-product-card .img-wrapper .front,
.supplier-product-card .img-wrapper .front > a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: transparent; }
.supplier-product-card .img-wrapper .front > a > img { width: 100%; height: 100%; max-height: 220px; object-fit: contain; }
.supplier-product-grid .supplier-product-card .product-info { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 12px 0 0; margin: 0; gap: 10px; container: supplier-product-info / inline-size; }
.supplier-product-card .supplier-product-name h6 { margin: 0; padding: 0; line-height: 1.5; min-height: 3em; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.supplier-product-card .supplier-product-price { margin: auto 0 0; font-size: 13px; line-height: 1.5; }
.supplier-product-card .supplier-kashrut { position: absolute; top: 6px; left: 6px; z-index: 2; display: flex; flex-wrap: wrap; gap: 4px; align-items: flex-start; width: calc(100% - 12px); direction: ltr; pointer-events: none; }
.supplier-product-card .supplier-kashrut[hidden],
.supplier-product-card .supplier-kashrut-badge[hidden] { display: none; }
.supplier-product-card .supplier-kashrut-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 4px; border-radius: 6px; background: white; pointer-events: auto; }
.supplier-product-card .supplier-kashrut-badge img { height: 28px; width: auto; max-width: 44px; object-fit: contain; }
.supplier-product-card .supplier-kashrut-badge:focus-visible { outline: 2px solid #105a80; outline-offset: 3px; border-radius: 3px; }
.supplier-product-card .supplier-kashrut-badge:focus::after,
.supplier-product-card .supplier-kashrut-badge:hover::after { content: attr(data-certificate-name); position: absolute; z-index: 5; top: calc(100% + 6px); left: 0; width: max-content; max-width: 100%; box-sizing: border-box; padding: 4px 8px; border-radius: 4px; background: #17334c; color: white; direction: rtl; text-align: right; font-size: 12px; line-height: 1.5; }
.supplier-product-card .img-wrapper .newbadge { position: absolute; top: 6px; right: 6px; left: auto; max-width: 44px; max-height: 44px; }
.supplier-product-card .img-wrapper:has(.newbadge:not([hidden])) .supplier-kashrut { width: calc(100% - 62px); }
.supplier-product-card .supplier-product-actions { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; direction: ltr; align-items: center; gap: 8px; margin-top: 2px; }
.supplier-product-card .supplier-quick-view { grid-column: 3; grid-row: 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: white; }
.supplier-product-card .vendor-card-cart-row { display: contents !important; }
.supplier-product-card .quantity-box { grid-column: 1 / -1; grid-row: 1; justify-content: space-between; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0; }
.rtl .supplier-product-card .quantity-box { direction: rtl; }
.supplier-product-card .quantity-box button { flex: 0 0 44px; min-height: 44px; padding: 0 !important; border: 0; }
.supplier-product-card .quantity-box input { width: 100% !important; min-width: 0; max-width: 64px; font-size: 14px; }
.supplier-product-card .supplier-add-cart { grid-column: 1; grid-row: 2; display: flex; align-items: center; justify-content: center; width: 44px !important; height: 44px; min-width: 44px; margin: 0 !important; padding: 0; }
.supplier-product-card .supplier-add-cart svg { display: block; flex: 0 0 24px; }
.supplier-product-card button:focus-visible { outline: 2px solid #105a80; outline-offset: 2px; }
@container supplier-product-info (min-width: 240px) {
    .supplier-product-card .supplier-quick-view,
    .supplier-product-card .supplier-add-cart { grid-row: 1; }
    .supplier-product-card .quantity-box { grid-column: 2; grid-row: 1; }
}
@media (max-width: 575px) {
    .supplier-product-grid { margin-inline: -6px; }
    .supplier-product-grid .supplier-product-column { padding-inline: 6px; }
    .supplier-product-grid .supplier-product-card { padding: 8px; }
    .supplier-product-card .product-info { gap: 8px; }
    .supplier-product-card .supplier-product-name h6 { font-size: 13px; }
    .supplier-product-card .supplier-product-actions { gap: 6px; }
}
@media (max-width: 359px) {
    .supplier-product-grid .supplier-product-column { width: 100%; }
}