.product-card{container-name:product-card;container-type:inline-size;max-width:400px;padding-inline:0;width:100%}.product-card-shell{background:#fff;border:1px solid #e6e6e6;border-radius:.75rem;display:flex;flex-direction:column;height:100%;padding:.75rem;transition:box-shadow .3s ease}.product-card-shell:hover{box-shadow:0 16px 30px #00000014}.product-media{align-items:center;aspect-ratio:4/3;border-radius:.5rem;container-type:inline-size;display:flex;justify-content:center;overflow:hidden;position:relative}.product-media__img{height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .5s ease;width:100%}.product-card-shell:hover .product-media__img{transform:scale(1.05)}.product-stock-pill{background-color:rgb(from var(--es-green-color) r g b/.2);background-color:hsl(from var(--es-green-color) h s 95%);border:1px solid hsl(from var(--es-green-color) h s 85%);border-radius:999px;color:var(--es-green-color);color:hsl(from var(--es-green-color) h s 60%);font-size:12px;font-weight:500;left:.75rem;padding:.1rem .4rem;position:absolute;top:.75rem}.product-stock-pill.product-stock-pill__out{background-color:rgb(from var(--es-yellow-color) r g b/.2);background-color:hsl(from var(--es-yellow-color) h s 95%);border-color:hsl(from var(--es-yellow-color) h s 85%);color:var(--es-primary-color);color:hsl(from var(--es-yellow-color) h s 60%)}.product-fav-btn{align-items:center;background:#ffffffe6;border:1px solid #e6e6e6;border-radius:999px;bottom:.75rem;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:.75rem;transition:background-color .2s ease,transform .2s ease;width:2rem}.product-fav-btn:hover{background:#fff;transform:scale(1.03)}.product-fav-btn .disabled{color:#c8c8c8;cursor:not-allowed;pointer-events:none}.product-content{color:var(--es-black-color);display:flex;flex-direction:column;gap:1rem;padding:.75rem .5rem .25rem}.product-title{display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.1rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-ref{color:#0000008c;font-size:.7rem;font-weight:400}.product-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto}.product-cart-btn{align-items:center;background:transparent;border:1px solid var(--es-black-color);border-radius:999px;cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:background-color .2s ease,color .2s ease;width:2.25rem}.product-cart-btn:hover{background:var(--es-black-color);color:#fff}.product-cart-btn:disabled{cursor:not-allowed;opacity:.5}@container product-card (min-width: 320px){.product-title{font-size:.85rem}.product-ref{font-size:.75rem}}@container product-card (max-width: 300px){.product-card-shell{padding:.6rem}.product-content{gap:.75rem;padding:.65rem .35rem .2rem}.product-title{font-size:.75rem;line-height:1rem}.product-ref{font-size:.65rem}.product-stock-pill{font-size:9px;left:.5rem;padding:.08rem .35rem;top:.5rem}.product-fav-btn{bottom:.5rem;height:1.8rem;right:.5rem;width:1.8rem}.product-cart-btn{height:2rem;width:2rem}}