.hpd-front{position:relative;--hpd-blue:#2271b1}.hpd-series-heading h2{margin-bottom:16px}.hpd-series-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.hpd-subnav{display:flex;flex-direction:column;gap:10px}.hpd-subnav-item{display:grid;grid-template-columns:72px 1fr;gap:9px;align-items:center;width:100%;padding:8px;border:1px solid #d8dce1;border-radius:9px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.hpd-subnav-item:hover,.hpd-subnav-item.is-active{border-color:var(--hpd-blue);box-shadow:0 0 0 1px var(--hpd-blue)}.hpd-subnav-item img{width:72px;height:58px;object-fit:cover;border:1px solid #ddd;border-radius:5px}.hpd-subnav-item strong,.hpd-subnav-item small{display:block;line-height:1.25}.hpd-subnav-item small{margin-top:4px;color:#5f6368}.hpd-current-subtitle{font-weight:700;font-size:1.1em;margin-bottom:8px}.hpd-zoom-toolbar{display:flex;gap:6px;align-items:center;margin-bottom:8px}.hpd-front-stage{position:relative}.hpd-zoom-shell{overflow:auto;border:2px solid #d8dce1;border-radius:10px;background:#f7f8fa;max-height:75vh;text-align:center}.hpd-zoom-content{position:relative;display:inline-block;min-width:50%;line-height:0;margin:0 auto;transition:width .14s ease}.hpd-zoom-content img{display:block;width:100%;height:auto;margin:0!important;padding:0!important;border:0!important}.hpd-front-svg{position:absolute!important;inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box;transform:none!important}.hpd-hotspot{fill:rgba(34,113,177,0);stroke:rgba(34,113,177,0);stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .14s ease,stroke .14s ease,opacity .14s ease}.hpd-hotspot:hover,.hpd-hotspot.is-active{fill:rgba(34,113,177,.28);stroke:rgba(34,113,177,.9)}.hpd-popover{position:absolute;z-index:20;width:min(286px,calc(100% - 16px));padding:10px;background:#fff;border:1px solid #ccd2d8;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s}.hpd-popover.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.hpd-pop-ref{font-weight:800;color:var(--hpd-blue);margin-bottom:6px;font-size:.92em}.hpd-pop-main{display:grid;grid-template-columns:68px 1fr;gap:8px}.hpd-pop-main img{width:68px;height:68px;object-fit:contain;border:1px solid #eee}.hpd-pop-main small{display:block;color:#5f6368;margin-top:2px;font-size:.84em;line-height:1.25}.hpd-pop-price{margin-top:5px;font-weight:700;font-size:.94em}.hpd-pop-actions{display:flex;gap:6px;margin-top:8px}.hpd-pop-actions input{width:70px}.hpd-open-product{display:inline-block;margin-top:7px;font-size:.82em;line-height:1.25;text-decoration:underline;text-underline-offset:2px}.hpd-table-wrap{overflow:auto;margin-top:18px}.hpd-parts-table{width:100%;border-collapse:collapse}.hpd-parts-table th,.hpd-parts-table td{padding:9px;border:1px solid #d8dce1;text-align:left;vertical-align:middle}.hpd-parts-table thead{background:#f4f6f8}.hpd-parts-table tbody tr{transition:background .14s ease}.hpd-parts-table tbody tr:hover,.hpd-parts-table tbody tr.is-active{background:#eaf4fb}.hpd-parts-table .hpd-qty{width:65px}@media(max-width:800px){.hpd-series-layout{grid-template-columns:1fr}.hpd-subnav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));order:0}.hpd-series-main{order:1}.hpd-subnav-item{grid-template-columns:58px 1fr}.hpd-subnav-item img{width:58px;height:48px}}
.hpd-cart-status{margin-top:10px;padding:8px 10px;border-radius:7px;background:#eef7ed;border:1px solid #b8d9b4;color:#245b20;font-size:.78em;line-height:1.3}.hpd-add{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.hpd-add.is-added{animation:hpd-added-pulse .55s ease;background:#2f7d32!important;color:#fff!important;border-color:#2f7d32!important}@keyframes hpd-added-pulse{0%{transform:scale(1)}45%{transform:scale(1.09);box-shadow:0 0 0 6px rgba(47,125,50,.16)}100%{transform:scale(1);box-shadow:none}}.hpd-front .added_to_cart,.hpd-front a.wc-forward{display:none!important}
/* v0.4 popup positioning */
.hpd-front-stage{overflow:visible}
.hpd-popover{pointer-events:none}
.hpd-popover.is-visible{pointer-events:auto}
/* v0.4.3: restore reliable hotspot hit detection */
.hpd-front-svg{pointer-events:auto!important}
.hpd-hotspot{pointer-events:all!important}

/* v0.4.6: align the breakdown navigator with the image and preview table images */
.hpd-subnav{padding-top:var(--hpd-subnav-offset,0px);box-sizing:border-box}
.hpd-table-image-preview{position:fixed;z-index:99999;width:150px;height:150px;padding:7px;background:#fff;border:1px solid #ccd2d8;border-radius:9px;box-shadow:0 10px 28px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease,visibility .12s}
.hpd-table-image-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.hpd-table-image-preview img{display:block;width:100%;height:100%;object-fit:contain;margin:0!important;padding:0!important;border:0!important}
.hpd-description-cell{position:relative}
.hpd-description-cell a,.hpd-description-cell span{cursor:default}
@media(max-width:800px){.hpd-subnav{padding-top:0!important}.hpd-table-image-preview{display:none!important}}

/* v0.4.8 public viewer refinements */
.hpd-parts-table{font-size:.92em}
.hpd-parts-table th,.hpd-parts-table td{padding:8px}
.hpd-hotspot{stroke-linejoin:round;stroke-linecap:round}
.hpd-hotspot:hover,.hpd-hotspot.is-active{filter:drop-shadow(0 0 4px rgba(34,113,177,.8)) drop-shadow(0 0 9px rgba(34,113,177,.35))}
.hpd-zoom-shell.is-pannable{cursor:grab}
.hpd-zoom-shell.is-pannable.is-panning{cursor:grabbing;user-select:none}
.hpd-zoom-shell.is-pannable.is-panning *{cursor:grabbing!important}
/* v2 series, model finder, bulk tools and product backlinks */
.hpd-v2-series-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.hpd-v2-series-tools select{min-width:190px}.hpd-model-finder{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #d9dde3;border-radius:8px;margin:8px 0}.hpd-model-finder label{display:flex;flex-direction:column;gap:4px}.hpd-model-result{width:100%;font-size:.9em}.hpd-bulk-tools{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.hpd-parts-table tbody tr{cursor:pointer}.hpd-product-where-used{margin:18px 0;padding:14px;border:1px solid #d9dde3;border-radius:8px}.hpd-product-where-used h3{margin-top:0}.hpd-product-where-used ul{margin-bottom:0}.hpd-global-search{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.hpd-global-search label{display:flex;flex-direction:column;gap:4px;min-width:min(100%,420px)}.hpd-search-results article{padding:10px 0;border-bottom:1px solid #ddd}.hpd-search-results article a{display:flex;flex-direction:column;gap:3px;text-decoration:none}.hpd-search-results article span{font-size:.9em;color:#555}@media(max-width:700px){.hpd-model-finder{align-items:stretch}.hpd-model-finder label,.hpd-model-finder input{width:100%}}

/* v2.6 popup timing, compact controls, and public annotations */
.hpd-front-annotation,.hpd-front-annotation *{pointer-events:none}.hpd-front-annotation-text{paint-order:stroke;stroke:#fff;stroke-width:1}.hpd-bulk-tools .hpd-email-selected{display:none!important}

/* v2.14.3 single-page breakdown layout */
.hpd-series-layout.is-single-page{grid-template-columns:minmax(0,1fr)}
.hpd-series-layout.is-single-page .hpd-current-subtitle{display:none}