.artwork-card{position:relative;background:transparent;border-radius:1rem;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid var(--color-white-05);display:flex;flex-direction:column;height:100%}.artwork-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px var(--color-black-3);border-color:var(--color-primary-30)}.artwork-card.selected{border-color:var(--color-primary-60);box-shadow:0 0 0 2px var(--color-primary-20)}.artwork-image-container{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--color-background)}.artwork-main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;background:var(--color-muted)}.artwork-main-image[src*="test.jpg"]{background:linear-gradient(135deg,var(--color-muted) 0,var(--color-muted-foreground) 100%)}.artwork-thumbnail-container{position:absolute;bottom:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;background:var(--color-black-8);backdrop-filter:blur(8px);border-radius:.5rem;padding:.25rem .5rem;border:1px solid var(--color-white-1)}.artwork-thumbnail{width:24px;height:24px;border-radius:.25rem;-o-object-fit:cover;object-fit:cover;border:1px solid var(--color-white-2)}.artwork-image-count{color:var(--color-foreground);font-size:.75rem;font-weight:500;margin-left:.25rem}.artwork-tag{padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:1px solid}.artwork-tag--new{position:absolute;top:.75rem;left:.75rem;background:var(--color-primary-20);color:var(--color-primary);border-color:var(--color-primary-60);z-index:2}.artwork-tag--sold{top:50%;left:50%;transform:translate(-50%,-50%)}.artwork-tag--promotion,.artwork-tag--sold{position:absolute;background:var(--color-promotion-20);color:var(--color-promotion);border-color:var(--color-promotion-60);z-index:2}.artwork-tag--promotion{top:.75rem;left:.75rem}.artwork-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.artwork-title{font-size:1.25rem;font-weight:600;color:var(--color-foreground);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;hyphens:auto;min-height:2.6rem}.artwork-artist,.artwork-title{margin:0;overflow:hidden;text-overflow:ellipsis}.artwork-artist{font-size:.875rem;color:var(--color-muted-foreground);white-space:nowrap}.artwork-artist-link{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.artwork-artist-link:hover{color:var(--color-primary-70);text-decoration:underline}.artwork-dimensions{font-size:.75rem;color:var(--color-muted-foreground);margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artwork-pricing{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.artwork-price-container{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-height:1.5rem}.artwork-price{font-size:1.125rem;font-weight:700;color:var(--color-foreground);margin:0;flex-shrink:1;min-width:0}.artwork-price--original{font-size:.875rem;font-weight:500;color:var(--color-muted-foreground);text-decoration:line-through;margin:0;height:1.25rem;display:flex;align-items:center}.artwork-price--original.hidden{visibility:hidden}.artwork-price--original.visible{visibility:visible}.artwork-discount-tag{padding:.125rem .375rem;background:var(--color-promotion-20);color:var(--color-promotion);border:1px solid var(--color-promotion-60);border-radius:.25rem;font-size:.75rem;font-weight:600;flex-shrink:0;white-space:nowrap}.artwork-price-eur-container{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;min-height:1.25rem;gap:.5rem}.artwork-price-eur{font-size:.75rem;color:var(--color-muted-foreground);margin:0;flex-shrink:1;min-width:0}@media (max-width:768px){.artwork-image-container{aspect-ratio:1/1}.artwork-content{padding:.75rem}.artwork-title{font-size:1rem;min-height:2.6rem}.artwork-price{font-size:1rem}.artwork-price-container{min-height:1.5rem}.artwork-price-eur-container{min-height:1.25rem}}.artwork-card.loading{opacity:.6;pointer-events:none}.artwork-card.loading .artwork-main-image{filter:blur(2px)}.artwork-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.artwork-card:focus:not(:focus-visible){outline:none}.artwork-sold-overlay,.artwork-sold-text{display:none}.grayscale-toggle{position:relative}.grayscale-toggle .grayscale-image{filter:grayscale(100%);transition:filter .3s ease;will-change:filter;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (hover:hover){.grayscale-toggle:hover .grayscale-image{filter:grayscale(0)}}.grayscale-toggle.is-active .grayscale-image{filter:grayscale(0)}.grayscale-toggle-logo{width:28px;height:28px;background:var(--color-black-8);backdrop-filter:blur(8px);box-shadow:0 0 10px 1px var(--color-primary);border-radius:.5rem;border:1px solid var(--color-white-1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.8;flex-shrink:0}.grayscale-toggle-logo:hover{opacity:1;background:var(--color-black-9);border-color:var(--color-primary-30)}.grayscale-toggle-logo:active{transform:scale(.95)}.grayscale-toggle-logo img{width:20px;height:20px;filter:brightness(0) invert(1);opacity:.8;transition:opacity .2s ease}.grayscale-toggle-logo:hover img{opacity:1}@media (min-width:769px){.grayscale-toggle-logo{display:none}}@media (max-width:768px){.grayscale-toggle-logo{width:24px;height:24px}.grayscale-toggle-logo img{width:16px;height:16px}}.grayscale-toggle-logo:focus{outline:2px solid var(--color-primary);outline-offset:2px}.grayscale-toggle-logo:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){.grayscale-toggle .grayscale-image,.grayscale-toggle-logo,.grayscale-toggle-logo img{transition:none}}