.hpf{padding-block:clamp(28px,5vw,72px) 20px}.hpf__badge{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:5px;background:var(--hpf-secondary);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hpf-model{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,5vw,64px);align-items:center}.hpf-model__media{display:grid;min-height:340px;place-items:center;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#fff}.hpf-model__image{width:100%;height:100%;max-height:480px;object-fit:contain}.hpf-model__title{margin-bottom:24px;font-size:clamp(30px,4vw,52px);line-height:1.02}.hpf-model__eyebrow,.hpf-dialog__eyebrow{margin-bottom:8px;color:#4b5563;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.hpf-model__number-list{display:flex;flex-wrap:wrap;gap:8px}.hpf-model__number{padding:10px 14px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fff;font-weight:750}.hpf-model__notice{display:flex;gap:14px;margin-top:24px;padding:18px;border:1px solid color-mix(in srgb,var(--hpf-accent),#fff 48%);border-radius:8px;background:color-mix(in srgb,var(--hpf-accent),#fff 92%)}.hpf-model__notice-icon{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border:2px solid var(--hpf-accent);border-radius:50%;color:#111;font-weight:900}.hpf-model__notice-text{margin-top:3px}.hpf-model__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hpf-model__button{display:inline-flex;align-items:center;gap:9px}.hpf-finder{margin-top:clamp(42px,6vw,84px);overflow:hidden;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;box-shadow:0 14px 42px #0000000f}.hpf-finder__header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 28px 18px}.hpf-finder__title,.hpf-products-intro h2{margin:0 0 5px;font-size:clamp(24px,3vw,34px)}.hpf-finder__intro,.hpf-products-intro p{margin:0;color:#4b5563}.hpf-finder__help{color:var(--hpf-secondary);font-weight:750;white-space:nowrap}.hpf-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 28px 18px;scrollbar-width:thin}.hpf-tab{min-height:44px;padding:10px 18px;border:1px solid rgba(0,0,0,.14);border-radius:6px;background:#fff;color:#111;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}.hpf-tab.is-active{border-color:var(--hpf-secondary);background:var(--hpf-secondary);color:#fff}.hpf-panel__instructions{margin:0;padding:0 28px 14px;color:#4b5563}.hpf-viewer{position:relative;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);background:#fafafa}.hpf-viewer__toolbar{position:absolute;z-index:4;top:16px;left:16px;display:flex;flex-wrap:wrap;gap:6px}.hpf-tool{display:grid;min-width:42px;min-height:42px;place-items:center;border:1px solid rgba(0,0,0,.16);border-radius:6px;background:#fffffff5;color:#111;font:inherit;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 4px 18px #00000014}.hpf-tool--text{padding-inline:12px;font-size:12px}.hpf-viewer__viewport{min-height:520px;overflow:hidden;touch-action:none;cursor:grab}.hpf-viewer__viewport.is-dragging{cursor:grabbing}.hpf-viewer__stage{position:relative;width:min(100%,1060px);margin-inline:auto;transform-origin:center center;will-change:transform}.hpf-viewer__image{display:block;width:100%;height:auto;min-height:520px;object-fit:contain}.hpf-hotspot{position:absolute;z-index:3;top:var(--hpf-y);left:var(--hpf-x);display:grid;width:max(44px,var(--hpf-dot-size));height:max(44px,var(--hpf-dot-size));padding:0;place-items:center;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.hpf-hotspot__dot{position:relative;z-index:2;width:var(--hpf-dot-size);height:var(--hpf-dot-size);border:4px solid #fff;border-radius:50%;background:var(--hpf-secondary);box-shadow:0 2px 8px #00000052}.hpf-hotspot__pulse{position:absolute;width:calc(var(--hpf-dot-size) + 14px);height:calc(var(--hpf-dot-size) + 14px);border-radius:50%;background:color-mix(in srgb,var(--hpf-secondary),transparent 68%);animation:hpf-pulse 2s ease-out infinite}.hpf-hotspot__label{position:absolute;top:calc(50% + 18px);left:50%;min-width:24px;padding:3px 6px;border-radius:12px;background:var(--hpf-dark);color:#fff;font-size:11px;font-weight:800;line-height:1;transform:translate(-50%)}.hpf-hotspot:focus-visible{outline:3px solid var(--hpf-accent);outline-offset:3px}@keyframes hpf-pulse{0%{opacity:.8;transform:scale(.7)}70%,to{opacity:0;transform:scale(1.35)}}.hpf-parts-strip{padding:18px 28px 24px}.hpf-parts-strip__title{margin:0 0 12px;font-size:15px}.hpf-parts-strip__scroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.hpf-part-card{display:grid;flex:0 0 150px;grid-template-columns:54px 1fr;gap:10px;align-items:center;min-height:70px;padding:8px;border:1px solid rgba(0,0,0,.11);border-radius:7px;background:#fff;color:#111;text-align:left;cursor:pointer}.hpf-part-card:hover,.hpf-part-card:focus-visible{border-color:var(--hpf-accent)}.hpf-part-card__image-wrap{display:grid;width:54px;height:54px;place-items:center}.hpf-part-card__image{width:100%;height:100%;object-fit:contain}.hpf-part-card__title{display:-webkit-box;overflow:hidden;font-size:12px;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:3}.hpf-dialog{width:min(94vw,720px);max-width:720px;padding:0;border:0;border-radius:10px;background:#fff;color:#111;box-shadow:0 24px 80px #00000052}.hpf-dialog::backdrop{background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hpf-dialog__inner{position:relative;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:28px;padding:28px}.hpf-dialog__close{position:absolute;z-index:2;top:12px;right:12px;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#f3f4f6;color:#111;font-size:25px;cursor:pointer}.hpf-dialog__media{display:grid;min-height:250px;place-items:center;border-radius:8px;background:#f7f7f7}.hpf-dialog__image{width:100%;max-height:330px;object-fit:contain}.hpf-dialog__content{align-self:center;padding-right:24px}.hpf-dialog__title{margin:0 0 6px;padding-right:28px;font-size:clamp(23px,3vw,32px);line-height:1.08}.hpf-dialog__sku{color:#6b7280;font-size:13px}.hpf-dialog__price{display:flex;gap:10px;align-items:baseline;margin-top:16px;font-size:24px;font-weight:850}.hpf-dialog__price s{color:#6b7280;font-size:15px;font-weight:500}.hpf-stock{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:14px;font-weight:750}.hpf-stock span{width:10px;height:10px;border-radius:50%}.hpf-stock--in{color:#12813a}.hpf-stock--in span{background:#16a34a}.hpf-stock--special{color:#1556c0}.hpf-stock--special span{background:#1f67d8}.hpf-stock--out{color:#6b7280}.hpf-stock--out span{background:#9ca3af}.hpf-dialog__note{margin:16px 0 0;color:#4b5563}.hpf-dialog__details{display:inline-block;margin-top:15px;color:var(--hpf-secondary);font-weight:750}.hpf-product-form{display:block;margin-top:20px}.hpf-product-form__row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}.hpf-product-form__qty{width:72px;min-height:48px;text-align:center}.hpf-product-form__submit{min-height:48px}.hpf-products-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:26px;padding:26px 28px;border-radius:8px;background:var(--hpf-dark);color:#fff}.hpf-products-intro p{color:#ffffffc2}.hpf-empty{margin-top:40px;padding:28px;border:2px dashed rgba(0,0,0,.2);border-radius:10px;text-align:center}.hpf-empty p{margin-bottom:0}@media(max-width:768px){.hpf-model{grid-template-columns:1fr}.hpf-model__media{min-height:260px}.hpf-model__title{margin-bottom:18px}.hpf-finder__header,.hpf-products-intro{align-items:stretch;flex-direction:column}.hpf-finder__header,.hpf-tabs,.hpf-panel__instructions,.hpf-parts-strip{padding-inline:18px}.hpf-viewer__viewport,.hpf-viewer__image{min-height:390px}.hpf-viewer__toolbar{top:10px;left:10px}.hpf-dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:16px 16px 0 0}.hpf-dialog__inner{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:24px 18px}.hpf-dialog__media{min-height:150px}.hpf-dialog__content{padding-right:0}.hpf-dialog__title{font-size:21px}.hpf-product-form__row{grid-template-columns:1fr}.hpf-product-form__qty{width:100%}}@media(prefers-reduced-motion:reduce){.hpf-hotspot__pulse{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/253/assets/hobbytech-parts-finder.css.map */