/* ORBITECH365 Dealer Product Detail V1 (panel inside the Products stage). */
.pc-actions button[data-product-detail]{opacity:1;cursor:pointer;color:#3045d3}
.pd-grid .product-card .pc-img,.pd-grid .product-card .pc-name{cursor:pointer}
.pdd-panel{background:#fff}
#pd-owner-tabs[hidden],#productCataloguePanel[hidden],#productDetailPanel[hidden]{display:none!important}
.pdd-shell{padding:16px 18px 22px}
.pdd-back{border:1px solid #dfe4ec;border-radius:8px;background:#fff;color:#2336c9;padding:8px 12px;font-size:var(--dealer-fs-body,14.5px);font-weight:850;cursor:pointer}
.pdd-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;margin-top:14px}
.pdd-media{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border:1px solid #e5e9ef;border-radius:12px;background:#f7f8fa;overflow:hidden}
/* Whole image always visible (2026-09-26): the frame's height comes from aspect-ratio, which a percentage height
   on an in-flow image does not resolve against -- the image fell back to its natural ratio and tall / square photos
   were clipped by overflow:hidden. Absolutely positioned, both dimensions are definite; contain keeps the aspect
   ratio (no crop, no stretch), centred, for tall, wide and square images alike. */
.pdd-main{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:14px;box-sizing:border-box;background:#fff}
.pdd-placeholder{font-size:44px}
/* Thumbnail rail (2026-09-26 cleanup): horizontal scroll only. The rail was 2px taller than its box, so Windows
   showed a vertical scroll arrow; overflow-y is hidden and a small inner padding keeps the full thumbnails (and
   the active border) visible. Many thumbnails still scroll sideways with a thin bar. */
.pdd-thumbs{display:flex;gap:8px;margin-top:8px;padding:2px 2px 4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.pdd-gallery{min-width:0}
.pdd-thumb{flex:0 0 64px;height:64px;padding:2px;border:1px solid #e1e5eb;border-radius:8px;background:#fff;cursor:pointer}
.pdd-thumb.active{border-color:#2336c9}
.pdd-thumb img{width:100%;height:100%;object-fit:contain}
.pdd-brand{font-size:var(--dealer-fs-label,13.5px);font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#3045d3}
.pdd-name{margin:6px 0 4px;color:#172033;font-size:var(--dealer-fs-h1,25px);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}
.pdd-id{color:#7a8494;font-size:var(--dealer-fs-label,13.5px)}
.pdd-price-box{margin-top:14px;padding:12px 14px;border:1px solid #dce3f1;border-radius:10px;background:#f6f8ff}
.pdd-price{color:#172033;font-size:var(--dealer-fs-h2,22px);font-weight:900}
.pdd-gst{margin-top:4px;color:#6f7a8a;font-size:var(--dealer-fs-badge,12.5px)}
.pdd-stock{margin-top:12px;color:#1f8c57;font-size:var(--dealer-fs-label,13.5px);font-weight:800}
.pdd-stock.low{color:#c67a00}.pdd-stock.out{color:#ce3d3d}.pdd-stock.unknown{color:#7a8494}
.pdd-rules{margin-top:8px;color:#505a68;font-size:var(--dealer-fs-label,13.5px);font-weight:700}
.pdd-buy{display:flex;align-items:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}
.pdd-qty{display:grid;gap:5px;color:#6f7a8a;font-size:var(--dealer-fs-badge,12.5px);font-weight:900;text-transform:uppercase}
.pdd-qty input{width:110px;height:40px;box-sizing:border-box;border:1px solid #dfe4ec;border-radius:8px;padding:0 10px;font-size:var(--dealer-fs-body-lg,15px);color:#172033}
.pdd-qty input[aria-invalid="true"]{border-color:#ce3d3d}
.pdd-add{height:40px;border:0;border-radius:8px;background:#2336c9;color:#fff;padding:0 22px;font-size:var(--dealer-fs-body,14.5px);font-weight:900;cursor:pointer}
.pdd-add:disabled{opacity:.5;cursor:not-allowed}
.pdd-error{margin:8px 0 0;color:#ce3d3d;font-size:var(--dealer-fs-label,13.5px);font-weight:700}
.pdd-notice{margin:8px 0 0;color:#1f8c57;font-size:var(--dealer-fs-label,13.5px);font-weight:800}
.pdd-muted{margin:10px 0 0;color:#7a8494;font-size:var(--dealer-fs-label,13.5px)}
.pdd-link{border:0;background:transparent;color:#2336c9;font-weight:850;cursor:pointer;padding:0;text-decoration:underline}
.pdd-section{margin-top:22px;padding-top:16px;border-top:1px solid #edf0f4}
.pdd-section h2{margin:0 0 8px;color:#172033;font-size:var(--dealer-fs-emphasis,16px)}
.pdd-desc{margin:0;color:#4e5968;font-size:var(--dealer-fs-body,14.5px);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.pdd-specs{margin:0;padding-left:18px;color:#4e5968;font-size:var(--dealer-fs-body,14.5px);line-height:1.6;columns:2;column-gap:28px}
.pdd-specs li{break-inside:avoid;overflow-wrap:anywhere}
.pdd-empty{display:grid;gap:6px;margin-top:18px;padding:36px;text-align:center;color:#77808e;font-size:var(--dealer-fs-body-lg,15px)}
.pdd-empty strong{color:#172033}
@media (max-width:760px){.pdd-shell{padding:14px 16px 18px}.pdd-grid{grid-template-columns:1fr;gap:16px}.pdd-specs{columns:1}.pdd-add{flex:1}}