/* ============================================================
   G-pop Art Compatibility — stile G-pop Store
   ============================================================ */

/* ── Badge artista sotto titolo prodotto ───────────────────── */
.gpop-artist-badge {
    display:     flex;
    align-items: baseline;
    gap:         8px;
    margin:      -4px 0 14px;
}

.gpop-artist-badge-label {
    font-size:      10px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color:          #999;
}

.gpop-artist-badge-name {
    font-size:   13px;
    font-weight: 700;
    color:       #0d0d0d;
    text-decoration: none;
    border-bottom: 1px solid #0d0d0d;
    line-height: 1.2;
    transition:  opacity .15s;
}

.gpop-artist-badge-name:hover { opacity: .6; }

/* ── Sezione art su pagina prodotto ────────────────────────── */
.gpop-product-arts {
    margin:        32px 0;
    border-top:    2px solid #0d0d0d;
    padding-top:   24px;
    font-family:   'Inter','Helvetica Neue',Arial,sans-serif;
}

.gpop-product-arts-header {
    margin-bottom: 20px;
}

.gpop-product-arts-label {
    font-size:      10px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color:          #999;
    margin-bottom:  4px;
}

.gpop-product-arts-title {
    font-size:      20px;
    font-weight:    900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    color:          #0d0d0d;
}

/* ── Griglia art ───────────────────────────────────────────── */
.gpop-product-arts-grid {
    display:               grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap:                   14px;
}

.gpop-art-card-product {
    background:    #fff;
    border:        1px solid #e8e8e6;
    border-radius: 4px;
    overflow:      hidden;
    transition:    border-color .15s, box-shadow .15s;
    cursor:        default;
}

.gpop-art-card-product:hover {
    border-color: #0d0d0d;
    box-shadow:   0 2px 8px rgba(0,0,0,.08);
}

.gpop-art-card-thumb {
    width:       100%;
    aspect-ratio: 1;
    object-fit:  cover;
    display:     block;
    background:  #f5f5f3;
}

.gpop-art-card-empty {
    width:           100%;
    aspect-ratio:    1;
    background:      #f5f5f3;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-size:       28px;
    color:           #ccc;
}

.gpop-art-card-info {
    padding: 10px 12px;
}

.gpop-art-card-name {
    font-size:      11px;
    font-weight:    800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color:          #0d0d0d;
    white-space:    nowrap;
    overflow:       hidden;
    text-overflow:  ellipsis;
    margin-bottom:  3px;
}

.gpop-art-card-artist {
    font-size:  11px;
    color:      #888;
    white-space: nowrap;
    overflow:   hidden;
    text-overflow: ellipsis;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 480px) {
    .gpop-product-arts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}