.product-artwork {
    --hero-glow:#48385f;
    --hero-edge:#141122;
    --hero-trace:#e5d2ff23;
    --hero-texture:repeating-linear-gradient(0deg, var(--hero-trace) 0 1px, transparent 1px 6px);
    background:
        linear-gradient(90deg, #0d0a17e8 0%, #100c1ac9 29%, transparent 73%),
        var(--hero-texture),
        radial-gradient(ellipse at 77% 40%, var(--hero-glow), transparent 64%),
        linear-gradient(135deg, #120d20 12%, var(--hero-edge));
}

/* Apus: horizon bands. LoQuest: a low-contrast map grid. */
.product-artwork[data-product="1949"] {
    --hero-glow:#804253;
    --hero-edge:#432431;
    --hero-trace:#f7a87932;
    --hero-texture:repeating-linear-gradient(0deg, var(--hero-trace) 0 1px, transparent 1px 12px);
}
.product-artwork[data-product="1402"] {
    --hero-glow:#4e526c;
    --hero-edge:#262a40;
    --hero-trace:#c1c1f41f;
    --hero-texture:linear-gradient(var(--hero-trace) 1px, transparent 1px) center / 32px 32px,
        linear-gradient(90deg, var(--hero-trace) 1px, transparent 1px) center / 32px 32px;
}

/* RetroVibes: colored bands. RetroSynth: a circuit grid. */
.product-artwork:is([data-product="30"], [data-product="447"]) {
    --hero-glow:#655186;
    --hero-edge:#2b2447;
    --hero-trace:#dc9cd02c;
    --hero-texture:repeating-linear-gradient(137deg, transparent 0 28px, var(--hero-trace) 29px 31px, transparent 32px 46px);
}
.product-artwork[data-product="447"] { --hero-glow:#465a80; --hero-trace:#a9c9fa2b; }
.product-artwork:is([data-product="23"], [data-product="261"]) {
    --hero-glow:#325a61;
    --hero-edge:#172b35;
    --hero-trace:#9ee7ce24;
    --hero-texture:linear-gradient(90deg, var(--hero-trace) 1px, transparent 1px) center / 21px 42px,
        linear-gradient(var(--hero-trace) 1px, transparent 1px) center / 21px 42px;
}
.product-artwork[data-product="261"] { --hero-glow:#395880; --hero-trace:#a4c7fb24; }

/* Drumtastic: perforations. Lofi Flute: light, sweeping lines. */
.product-artwork[data-product="221"] {
    --hero-glow:#77504c;
    --hero-edge:#39242c;
    --hero-trace:#ffbd9d32;
    --hero-texture:radial-gradient(circle, var(--hero-trace) 1.5px, transparent 2px) center / 13px 13px;
}
.product-artwork[data-product="171"] {
    --hero-glow:#3c5f54;
    --hero-edge:#202e2c;
    --hero-trace:#bce7c524;
    --hero-texture:repeating-radial-gradient(ellipse at 98% 95%, transparent 0 14px, var(--hero-trace) 15px 16px, transparent 17px 24px);
}

/* Easy Strings: parallel strings. Mel-Lofi: concentric tape reels. */
.product-artwork[data-product="180"] {
    --hero-glow:#655068;
    --hero-edge:#32243a;
    --hero-trace:#e8bde134;
    --hero-texture:repeating-linear-gradient(106deg, transparent 0 13px, var(--hero-trace) 14px 15px, transparent 16px 24px);
}
.product-artwork[data-product="185"] {
    --hero-glow:#665540;
    --hero-edge:#362d24;
    --hero-trace:#e7c38a30;
    --hero-texture:repeating-radial-gradient(circle at 82% 42%, transparent 0 9px, var(--hero-trace) 10px 11px, transparent 12px 17px);
}

/* Grand Piano: key spacing. Upright Piano: fine wood grain. */
.product-artwork[data-product="190"] {
    --hero-glow:#4f5869;
    --hero-edge:#202636;
    --hero-trace:#cedaee27;
    --hero-texture:repeating-linear-gradient(90deg, var(--hero-trace) 0 1px, transparent 1px 33px, #0d101a4d 33px 37px);
}
.product-artwork[data-product="202"] {
    --hero-glow:#795941;
    --hero-edge:#3d281f;
    --hero-trace:#f5c4972c;
    --hero-texture:repeating-linear-gradient(88deg, transparent 0 5px, var(--hero-trace) 6px, transparent 7px 11px, #2e151c60 13px 16px);
}

/* FunkBass: low-frequency rings. 808XD: a stepped sequencer. */
.product-artwork[data-product="206"] {
    --hero-glow:#684c74;
    --hero-edge:#362741;
    --hero-trace:#efb5ee22;
    --hero-texture:repeating-radial-gradient(ellipse at 85% 68%, transparent 0 18px, var(--hero-trace) 20px 22px, transparent 23px 32px);
}
.product-artwork[data-product="209"] {
    --hero-glow:#754550;
    --hero-edge:#321e37;
    --hero-trace:#f9a2be2d;
    --hero-texture:repeating-linear-gradient(90deg, var(--hero-trace) 0 2px, transparent 2px 26px),
        repeating-linear-gradient(0deg, transparent 0 32px, #160a195c 33px 44px);
}

/* Drum8: paired pad grid. PlastikGuitar: frets and strings. */
.product-artwork[data-product="212"] {
    --hero-glow:#3b626e;
    --hero-edge:#1c2d3d;
    --hero-trace:#a5e6f827;
    --hero-texture:radial-gradient(circle at 3px 3px, var(--hero-trace) 2px, transparent 3px) center / 22px 22px,
        linear-gradient(var(--hero-trace) 1px, transparent 1px) center / 44px 44px;
}
.product-artwork[data-product="216"] {
    --hero-glow:#6e5941;
    --hero-edge:#3c292a;
    --hero-trace:#ffd8a332;
    --hero-texture:repeating-linear-gradient(4deg, transparent 0 12px, var(--hero-trace) 13px 14px, transparent 15px 21px),
        repeating-linear-gradient(97deg, transparent 0 63px, #ffe0b522 64px 66px, transparent 67px 92px);
}

/* Retromania: eighties grid. Amurg: soft twilight contours. */
.product-artwork:is([data-product="15"], [data-product="226"]) {
    --hero-glow:#693f79;
    --hero-edge:#33214f;
    --hero-trace:#e2a6fa30;
    --hero-texture:repeating-linear-gradient(0deg, var(--hero-trace) 0 1px, transparent 1px 20px),
        repeating-linear-gradient(116deg, transparent 0 30px, #ab91fe2b 31px 32px, transparent 33px 48px);
}
.product-artwork[data-product="226"] { --hero-glow:#554774; --hero-trace:#ecb4b92a; }
.product-artwork:is([data-product="25"], [data-product="244"]) {
    --hero-glow:#794d63;
    --hero-edge:#3e2439;
    --hero-trace:#f7b28c25;
    --hero-texture:repeating-radial-gradient(ellipse at 85% 105%, transparent 0 19px, var(--hero-trace) 21px 23px, transparent 25px 35px);
}
.product-artwork[data-product="244"] { --hero-glow:#754c4e; --hero-trace:#ffc58e28; }

/* Zumzet: vibration. Cosmic: two layers of starlight. */
.product-artwork:is([data-product="28"], [data-product="247"]) {
    --hero-glow:#516446;
    --hero-edge:#232f23;
    --hero-trace:#e5eba82a;
    --hero-texture:repeating-linear-gradient(48deg, transparent 0 6px, var(--hero-trace) 7px 8px, transparent 9px 16px);
}
.product-artwork[data-product="247"] { --hero-glow:#676047; --hero-trace:#f7dca72b; }
.product-artwork:is([data-product="19"], [data-product="253"]) {
    --hero-glow:#3c4687;
    --hero-edge:#1d2149;
    --hero-trace:#c3ccff8c;
    --hero-texture:radial-gradient(circle at 13px 19px, var(--hero-trace) 1px, transparent 1.7px) center / 71px 89px,
        radial-gradient(circle at 46px 31px, #d4c6ff54 1px, transparent 1.6px) center / 113px 127px;
}
.product-artwork[data-product="253"] { --hero-glow:#514178; --hero-trace:#e4c9ff79; }

/* RetroGrit: staggered grain. */
.product-artwork:is([data-product="21"], [data-product="257"]) {
    --hero-glow:#6c4a3b;
    --hero-edge:#342520;
    --hero-trace:#f5b3852e;
    --hero-texture:radial-gradient(circle at 2px 4px, var(--hero-trace) 1px, transparent 1.6px) center / 7px 11px,
        radial-gradient(circle at 8px 3px, #ffe2b125 1px, transparent 1.6px) center / 13px 9px;
}
.product-artwork[data-product="257"] { --hero-glow:#6e554c; --hero-trace:#e4c0a82f; }

.uzat-hero-stage:not(.product-artwork),
.product-artwork:is([data-product="2090"], [data-product="2055"]) {
    background:
        repeating-linear-gradient(0deg, #d0ffe107 0 1px, transparent 1px 5px),
        linear-gradient(#b9edd508 1px, transparent 1px) 50% 0 / 44px 44px,
        linear-gradient(90deg, #b9edd508 1px, transparent 1px) 50% 0 / 44px 44px,
        radial-gradient(ellipse at 76% 44%, #315341 0%, transparent 56%),
        linear-gradient(115deg, #160f29 4%, #141d27 54%, #0b211a 100%);
}

.coming-soon.uzat-hero-stage { color:var(--text); }

:is(.card-image, .spotlight-image, .featured-image).product-artwork,
.home-free-grid .product-card:last-child .card-image.product-artwork {
    aspect-ratio:4 / 3;
    height:auto;
    padding:clamp(10px, 2vw, 22px);
}

.product-artwork:is(.card-image, .spotlight-image, .featured-image) > img,
.home-free-grid .product-card:last-child .card-image.product-artwork > img {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:contain;
}