.product[data-product-id] { cursor: pointer; }
.product[data-product-id]:focus-visible { outline: 3px solid #801b43; outline-offset: 3px; }
.product-detail-dialog { box-sizing: border-box; width: min(1100px, 96vw); max-height: 92vh; overflow: auto; border: 1px solid #e8e2da; border-radius: 16px; padding: 24px; background: #faf8f5; color: #222; }
.product-detail-dialog::backdrop { background: #21182199; }
.product-detail-dialog header,.product-detail-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.product-detail-dialog footer { position: sticky; bottom: -24px; background: #fff; padding: 18px 0; border-top: 1px solid #eee; }
.detail-media-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 20px; margin: 20px 0; }
.detail-media-grid section { padding: 12px; background: #fff; border-radius: 12px; min-width: 0; }
.detail-media-grid img,.detail-media-grid video { width: 100%; height: 280px; object-fit: contain; background: #f2efeb; }
.detail-media-grid section > div { display: flex; gap: 8px; flex-wrap: wrap; padding-top: 12px; }
.detail-media-grid input { width: 100%; }