/* ===== HONDA VĂN HẢI - PRODUCT DETAIL CSS (PREMIUM) ===== */
.product-detail-page{padding:48px 0 80px;background:#fdfdfd}
.pd-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
@media(min-width:1024px){.pd-grid{grid-template-columns:1.1fr 1fr}}
.pd-gallery{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(0,0,0,0.05);box-shadow:0 10px 30px rgba(0,0,0,0.03);padding:40px;position:sticky;top:100px}
.pd-img{width:100%;height:auto;object-fit:contain;aspect-ratio:4/3;transition:transform 0.5s ease}
.pd-gallery:hover .pd-img{transform:scale(1.05)}
.pd-info{display:flex;flex-direction:column}
.pd-badges{display:flex;gap:8px;margin-bottom:12px}
.pd-cat{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-muted);margin-bottom:4px}
.pd-title{font-size:36px;font-weight:900;line-height:1.1;margin-bottom:12px;color:var(--text)}
.pd-rating{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.pd-stars{display:flex;gap:2px;color:#ffb800}
.pd-reviews{font-size:14px;color:var(--text-muted)}
.pd-price-card{background:rgba(235,30,47,0.04);border-radius:16px;padding:20px 24px;margin-bottom:32px;border-left:4px solid var(--red)}
.pd-price{font-size:32px;font-weight:900;color:var(--red);display:block}
.pd-price-old{font-size:16px;color:var(--text-muted);text-decoration:line-through;margin-top:4px;display:block}
.pd-desc{font-size:15px;line-height:1.6;color:var(--text-muted);margin-bottom:24px}
.pd-quick-info{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.pd-qi-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#059669}
.pd-qi-icon{width:18px;height:18px;background:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pd-specs-title{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px;display:block}
.pd-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px}
.pd-spec-box{background:#f8fafc;padding:16px;border-radius:12px;border:1px solid rgba(0,0,0,0.03)}
.pd-spec-label{display:block;font-size:11px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-weight:700}
.pd-spec-value{display:block;font-size:15px;font-weight:800;color:var(--text)}
.pd-actions{display:flex;gap:16px;margin-bottom:40px}
.pd-actions .btn{flex:1;height:56px;font-weight:800;font-size:15px}
.pd-actions .btn--outline{border:2px solid var(--red)!important;color:var(--red)!important;background:#fff!important}
.pd-actions .btn--outline:hover{background:var(--red)!important;color:#fff!important}
.pd-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pd-benefit{background:#f8fafc;padding:16px;border-radius:12px;text-align:center;transition:all 0.3s ease}
.pd-benefit:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.05);transform:translateY(-2px)}
.pd-benefit-icon{color:var(--red);margin-bottom:8px;display:block}
.pd-benefit-text{font-size:11px;font-weight:700;color:var(--text-muted);line-height:1.3}