.pd-page { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.pd-breadcrumb { font-size: 0.78rem; color: var(--text-muted); margin-bottom: 18px; }
.pd-breadcrumb a { color: var(--accent); text-decoration: none; }
.pd-breadcrumb a:hover { text-decoration: underline; }
.pd-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px; }
.pd-gallery { }
.pd-main-img { width: 100%; height: 400px; background: var(--bg-elevated); border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: var(--text-muted); margin-bottom: 12px; }
.pd-main-img img { width: 100%; height: 100%; object-fit: contain; }
.pd-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.pd-thumb { width: 70px; height: 70px; border-radius: 6px; border: 2px solid var(--border-color); overflow: hidden; cursor: pointer; transition: border-color 0.15s; }
.pd-thumb:hover, .pd-thumb.active { border-color: var(--accent); }
.pd-thumb img { width: 100%; height: 100%; object-fit: cover; }
.pd-info { }
.pd-info h1 { font-size: 1.4rem; font-weight: 700; margin: 0 0 10px; color: var(--text-primary); line-height: 1.3; }
.pd-price { font-size: 1.8rem; font-weight: 700; color: var(--green); margin-bottom: 6px; }
.pd-price .original { font-size: 1rem; color: var(--text-muted); text-decoration: line-through; margin-left: 8px; font-weight: 400; }
.pd-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.pd-badge { padding: 4px 10px; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }
.pd-badge-cond { background: rgba(59,130,246,0.12); color: #3b82f6; }
.pd-badge-warranty { background: rgba(34,197,94,0.08); color: #22c55e; }
.pd-badge-stock { background: rgba(34,197,94,0.12); color: #22c55e; }
.pd-badge-oos { background: rgba(239,68,68,0.1); color: #ef4444; }
.pd-details { margin-bottom: 18px; }
.pd-detail-row { display: flex; padding: 6px 0; border-bottom: 1px solid var(--border-color); font-size: 0.84rem; }
.pd-detail-row .label { color: var(--text-muted); width: 140px; flex-shrink: 0; }
.pd-detail-row .value { color: var(--text-primary); font-weight: 500; }
.pd-compat { margin-bottom: 16px; padding: 12px; background: var(--bg-elevated); border-radius: 8px; }
.pd-compat h3 { font-size: 0.85rem; font-weight: 600; margin: 0 0 6px; }
.pd-compat p { font-size: 0.82rem; color: var(--text-secondary); margin: 0; }
.pd-cart-form { display: flex; gap: 10px; align-items: center; margin-bottom: 16px; }
.pd-qty { width: 70px; padding: 8px; border-radius: 6px; border: 1px solid var(--border-color); background: var(--bg-elevated); color: var(--text-primary); font-size: 0.88rem; text-align: center; }
.pd-btn-cart { flex: 1; padding: 12px 20px; border-radius: 8px; font-size: 0.92rem; font-weight: 600; background: var(--accent); color: #fff; border: none; cursor: pointer; transition: opacity 0.15s; }
.pd-btn-cart:hover { opacity: 0.9; }
.pd-btn-fav { padding: 12px; border-radius: 8px; background: var(--bg-elevated); border: 1px solid var(--border-color); cursor: pointer; font-size: 1.1rem; }
.pd-login-prompt { padding: 14px; border-radius: 8px; background: var(--accent-soft); text-align: center; margin-bottom: 16px; }
.pd-login-prompt a { color: var(--accent); font-weight: 600; text-decoration: none; }
.pd-shipping { padding: 14px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; margin-bottom: 16px; }
.pd-shipping h3 { font-size: 0.88rem; font-weight: 600; margin: 0 0 8px; }
.pd-shipping p { font-size: 0.82rem; color: var(--text-secondary); margin: 2px 0; }
.pd-store-card { display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; margin-bottom: 16px; }
.pd-store-logo { width: 40px; height: 40px; border-radius: 50%; background: var(--accent); display: flex; align-items: center; justify-content: center; font-weight: 700; color: #fff; font-size: 1rem; }
.pd-store-info { flex: 1; }
.pd-store-info a { color: var(--text-primary); font-weight: 600; font-size: 0.88rem; text-decoration: none; }
.pd-store-info a:hover { color: var(--accent); }
.pd-store-info .store-rating { font-size: 0.78rem; color: var(--text-muted); }
.pd-desc { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 10px; padding: 24px; margin-bottom: 24px; }
.pd-desc h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 12px; }
.pd-desc p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; white-space: pre-wrap; }
.pd-reviews { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 10px; padding: 24px; margin-bottom: 24px; }
.pd-reviews h2 { font-size: 1.1rem; font-weight: 600; margin: 0 0 14px; }
.review-card { padding: 12px 0; border-bottom: 1px solid var(--border-color); }
.review-card:last-child { border-bottom: none; }
.review-stars { color: #f59e0b; font-size: 0.85rem; margin-right: 8px; }
.review-author { font-weight: 600; font-size: 0.84rem; }
.review-date { font-size: 0.75rem; color: var(--text-muted); margin-left: auto; }
.review-text { font-size: 0.84rem; color: var(--text-secondary); margin-top: 4px; }
@media (max-width: 768px) {
    .pd-layout { grid-template-columns: 1fr; gap: 20px; }
    .pd-main-img { height: 280px; }
}
.pd-ebay { margin-top: 14px; padding: 12px; border: 1px solid var(--border-color); border-radius: 8px; background: var(--bg-elevated); }
.pd-btn-ebay { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; background: #0064D2; color: #fff; border-radius: 6px; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: opacity 0.15s; }
.pd-btn-ebay:hover { opacity: 0.88; color: #fff; }