/* Vitrine SPA — PÁGINA DO PRODUTO (/p/{id}). */
.pd { display: grid; grid-template-columns: minmax(280px, 480px) 1fr; gap: 1.6rem; background: #fff; border: 1px solid #eceef4; border-radius: 16px; padding: 1.4rem; }
@media (max-width: 820px) { .pd { grid-template-columns: 1fr; } }
.pd-img { background: #fff; border: 1px solid #f1f3f8; border-radius: 12px; height: 380px; display: flex; align-items: center; justify-content: center; color: #d7dbe6; font-size: 3.2rem; overflow: hidden; }
.pd-img img { max-width: 100%; max-height: 100%; object-fit: contain; padding: 1rem; }
.pd-nm { font-size: 1.3rem; font-weight: 800; margin: 0 0 .2rem; line-height: 1.3; }
.pd-cd { font-size: .76rem; color: #98a1b3; margin-bottom: .8rem; }
.pd-pr { font-size: 1.9rem; font-weight: 800; margin: .3rem 0; }
.pd-pr .un { font-size: .8rem; color: #98a1b3; font-weight: 600; }
.pd-desc { font-size: .86rem; color: #475569; line-height: 1.6; white-space: pre-line; border-top: 1px solid #f1f3f8; margin-top: 1rem; padding-top: 1rem; }
.pd-meta { font-size: .76rem; color: #98a1b3; margin-top: .6rem; }
.pd-buy { display: flex; gap: .6rem; margin-top: 1rem; max-width: 380px; }
.pd-buy .buy { padding: .7rem; font-size: .9rem; }
.pd-buy .qty button { width: 34px; }
.pd-buy .qty input { width: 46px; font-size: .95rem; }
.pd.off .pd-img, .pd.off .pd-nm, .pd.off .pd-pr { opacity: .5; filter: grayscale(.6); }
/* tira de miniaturas da galeria */
.pd-thumbs { display: flex; gap: .5rem; margin-top: .7rem; flex-wrap: wrap; }
.pd-thumb { width: 62px; height: 62px; border: 1.5px solid #e2e6ef; border-radius: 10px; overflow: hidden; background: #fff; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; }
.pd-thumb:hover { border-color: #c7d2fe; }
.pd-thumb.active { border-color: var(--indigo); box-shadow: 0 0 0 2px rgba(99,102,241,.18); }
.pd-thumb img { width: 100%; height: 100%; object-fit: contain; padding: .2rem; }