/*
 * Página de detalhe do produto — conteúdo agrupado em cards,
 * mantendo o estilo do site (tokens --bg/--line/--shadow do app.css).
 */
.product-page{background:var(--bg);padding:14px 14px 132px}

.product-page .detail-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    box-shadow:var(--shadow);
    padding:18px;
    margin-bottom:14px;
}

/* imagem como card */
.product-page .detail-img-box{margin-bottom:14px;border:1px solid var(--line);box-shadow:var(--shadow)}

/* card de informações */
.product-page .detail-title{font-size:23px;line-height:1.22;margin:0 0 14px}
.product-page .detail-price{align-items:center;gap:10px;margin:0;padding-bottom:16px;border-bottom:1px solid var(--line)}
.product-page .detail-price .price{font-size:32px}
.product-page .detail-price .old-price{font-size:17px}
.product-page .specs{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0}
.product-page .spec-label{font-size:12px;margin-bottom:3px}
.product-page .spec-value{font-size:15px}
.product-page .description{font-size:14px;color:#6b7280;margin:16px 0 0}
.product-page .specs + .description{padding-top:14px;border-top:1px solid var(--line)}

/* card de compra */
.product-page .buy-head{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#94a3b8;text-align:center;margin-bottom:16px}
.product-page .buy-card .qty{margin:0 0 14px}
.product-page .buy-card .quick-add{margin:0;flex-wrap:wrap}