/* PVettese Atelier v23 — mini galerie achats collectionneur */

#pvPurchaseList{
  display:none !important;
}

#pvPurchaseGallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(76px,1fr));
  gap:9px;
  margin-top:8px;
}

.pvPurchaseThumb{
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  padding:6px;
  cursor:pointer;
  min-width:0;
  text-align:left;
  transition:transform .14s ease, box-shadow .14s ease;
}
@media(hover:hover) and (pointer:fine){
  .pvPurchaseThumb:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(120,40,80,.10);
  }
}
.pvPurchaseThumb img,
.pvPurchaseThumbPlaceholder{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  display:block;
  border-radius:8px;
  background:#fff8fc;
}
.pvPurchaseThumbPlaceholder{
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:20px;
}
.pvPurchaseThumbTitle{
  display:block;
  margin-top:5px;
  font-size:10px;
  font-weight:700;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#pvPurchaseArtworkViewer{
  border:0;
  border-radius:22px;
  padding:0;
  width:min(720px,calc(100% - 24px));
  max-height:90vh;
  overflow:auto;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}
#pvPurchaseArtworkViewer::backdrop{
  background:rgba(0,0,0,.38);
  backdrop-filter:blur(2px);
}
.pvPurchaseArtworkViewer{
  background:#fff;
  padding:20px;
}
.pvPurchaseArtworkHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.pvPurchaseArtworkHead h2{
  margin:0;
  font-size:22px;
}
.pvPurchaseArtworkClose{
  border:0;
  background:#fff0f6;
  color:#b62f6d;
  width:40px;
  height:40px;
  min-width:40px;
  border-radius:50%;
  font-size:21px;
  cursor:pointer;
}
.pvPurchaseArtworkImage{
  display:grid;
  place-items:center;
  width:100%;
  min-height:220px;
  max-height:420px;
  padding:10px;
  background:#fff8fc;
  border-radius:16px;
  margin-bottom:14px;
}
.pvPurchaseArtworkImage img{
  max-width:100%;
  max-height:390px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.pvPurchaseArtworkGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.pvPurchaseArtworkInfo{
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 11px;
  min-width:0;
}
.pvPurchaseArtworkInfo.full{
  grid-column:1/-1;
}
.pvPurchaseArtworkLabel{
  display:block;
  font-size:11px;
  color:var(--muted);
  font-weight:700;
  margin-bottom:4px;
}
.pvPurchaseArtworkValue{
  display:block;
  font-size:14px;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}

@media(max-width:760px){
  #pvPurchaseGallery{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
  }
  .pvPurchaseThumb{
    padding:5px;
    border-radius:10px;
  }
  .pvPurchaseThumbTitle{
    font-size:9px;
  }

  #pvPurchaseArtworkViewer{
    width:calc(100% - 10px);
    max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - 10px);
    border-radius:17px;
  }
  .pvPurchaseArtworkViewer{
    padding:13px;
    padding-bottom:max(13px,env(safe-area-inset-bottom));
  }
  .pvPurchaseArtworkHead h2{
    font-size:18px;
  }
  .pvPurchaseArtworkImage{
    min-height:170px;
    max-height:300px;
    padding:7px;
  }
  .pvPurchaseArtworkImage img{
    max-height:280px;
  }
  .pvPurchaseArtworkGrid{
    grid-template-columns:1fr;
  }
  .pvPurchaseArtworkInfo.full{
    grid-column:auto;
  }
}

@media(max-width:380px){
  #pvPurchaseGallery{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}