.hpf--customer-preview{padding-top:24px;padding-bottom:34px;background:radial-gradient(circle at 8% 3%,rgba(255,196,0,.12),transparent 25rem),linear-gradient(180deg,#f5f7fa 0,#fff 34rem)}.hpf-preview-notice{display:flex;gap:10px;align-items:center;margin-bottom:18px;padding:10px 14px;border:1px solid rgba(7,93,204,.2);border-radius:8px;background:#eef5ff;color:#263445;font-size:12px}.hpf-preview-notice__dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#075dcc;box-shadow:0 0 0 4px #075dcc1f}.hpf-model--feature{position:relative;padding:clamp(24px,4vw,52px);border-radius:18px;background:linear-gradient(135deg,rgba(7,93,204,.2),transparent 44%),#111418;color:#fff;box-shadow:0 22px 70px #1114182e}.hpf-model--feature:after{position:absolute;right:0;bottom:0;width:34%;height:8px;border-radius:8px 0 18px;background:#ffc400;content:""}.hpf-model--feature .hpf-model__media{position:relative;min-height:420px;border:0;border-radius:14px;background:#fff;box-shadow:0 18px 46px #0000003d}.hpf-model--feature .hpf-model__image{padding:clamp(14px,2.5vw,28px)}.hpf-model__media-badge{position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:999px;background:#111418;color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.hpf-model--feature .hpf__badge{margin-bottom:20px;background:#ffc400;color:#111418}.hpf-model--feature .hpf-model__eyebrow{color:#ffffffa8}.hpf-model--feature .hpf-model__title{margin-bottom:16px;color:#fff}.hpf-model__description{max-width:650px;color:#ffffffc7;font-size:16px;line-height:1.65}.hpf-model__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.hpf-model__stat{min-height:84px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff12}.hpf-model__stat strong{display:block;color:#ffc400;font-size:25px;line-height:1}.hpf-model__stat span{display:block;margin-top:7px;color:#ffffffb8;font-size:11px;font-weight:750;line-height:1.25;text-transform:uppercase}.hpf-model__numbers-wrap{margin-top:25px}.hpf-model--feature .hpf-model__number{border-color:#ffffff29;background:#ffffff17;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.02em}.hpf-model--feature .hpf-model__notice{border-color:#ffc40061;background:#ffc4001a;color:#fff}.hpf-model--feature .hpf-model__notice-icon{border-color:#ffc400;color:#ffc400}.hpf-model--feature .hpf-model__notice-text{color:#ffffffbf}.hpf-model__text-link{align-self:center;color:#ffffffdb;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:3px}.hpf-model__text-link:hover{color:#ffc400}.hpf-how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.hpf-how__item{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:19px;border:1px solid rgba(0,0,0,.09);border-radius:12px;background:#fff;box-shadow:0 8px 24px #1114180a}.hpf-how__item>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#075dcc;color:#fff;font-size:16px;font-weight:900}.hpf-how__item strong{display:block;margin-top:1px;font-size:14px}.hpf-how__item p{margin:5px 0 0;color:#657080;font-size:12px;line-height:1.5}.hpf--customer-preview .hpf-finder{scroll-margin-top:24px;margin-top:clamp(34px,5vw,64px);border-radius:15px;box-shadow:0 18px 52px #11141817}.hpf-finder__kicker,.hpf-products-intro__eyebrow{margin-bottom:6px;color:#075dcc;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hpf-finder__summary{display:flex;flex-wrap:wrap;gap:8px;padding:0 28px 18px}.hpf-finder__summary span{padding:7px 10px;border-radius:999px;background:#f0f3f7;color:#4a5565;font-size:11px;font-weight:700}.hpf-finder__summary strong{color:#111418}.hpf-panel__topline{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:0 28px 16px}.hpf-panel__topline .hpf-panel__instructions{padding:0}.hpf-panel__counts{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.hpf-panel__counts span{padding:6px 9px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#fff;color:#5d6877;font-size:11px;font-weight:700}.hpf-panel__counts span:first-child{border-color:#075dcc33;background:#edf5ff;color:#075dcc}.hpf--customer-preview .hpf-viewer{background:linear-gradient(rgba(17,20,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,20,24,.035) 1px,transparent 1px),#f9fafb;background-size:28px 28px}.hpf--customer-preview .hpf-viewer__viewport{min-height:620px;padding:34px 18px 16px}.hpf--customer-preview .hpf-viewer__stage{width:min(100%,760px)}.hpf--customer-preview .hpf-viewer__image{min-height:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.08))}.hpf-viewer__hint{position:absolute;z-index:4;top:16px;right:16px;display:flex;gap:8px;align-items:center;max-width:250px;padding:9px 11px;border:1px solid rgba(0,0,0,.11);border-radius:8px;background:#fffffff5;color:#445061;font-size:11px;font-weight:750;box-shadow:0 4px 18px #00000012}.hpf-viewer__hint span{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border-radius:50%;background:#075dcc;color:#fff;font-size:15px}.hpf--customer-preview .hpf-hotspot__label{top:calc(50% + 21px);max-width:120px;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;transform:translate(-50%,-3px);white-space:nowrap;pointer-events:none}.hpf--customer-preview .hpf-hotspot:hover .hpf-hotspot__label,.hpf--customer-preview .hpf-hotspot:focus-visible .hpf-hotspot__label,.hpf--customer-preview .hpf-hotspot.is-active .hpf-hotspot__label{opacity:1;visibility:visible;transform:translate(-50%)}.hpf-parts-strip__header{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:12px}.hpf-parts-strip__header .hpf-parts-strip__title{margin-bottom:3px}.hpf-parts-strip__header p{margin:0;color:#687383;font-size:12px}.hpf-parts-strip__header>span{flex:0 0 auto;color:#075dcc;font-size:12px;font-weight:800}.hpf--customer-preview .hpf-part-card{flex-basis:230px;grid-template-columns:68px 1fr;min-height:88px;padding:10px}.hpf--customer-preview .hpf-part-card__image-wrap{width:68px;height:68px}.hpf-part-card__content{min-width:0}.hpf-part-card__code{display:block;margin-bottom:4px;color:#075dcc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:850}.hpf--customer-preview .hpf-part-card__title{font-size:11px}.hpf-dialog__meta{display:grid;gap:4px;margin-top:9px;color:#657080;font-size:12px}.hpf-dialog__fitment{display:flex;gap:8px;align-items:center;margin-top:14px;padding:9px 11px;border-radius:7px;background:#edf7f0;color:#176638;font-size:12px;font-weight:750}.hpf-dialog__fitment span{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border-radius:50%;background:#176638;color:#fff;font-size:11px}.hpf-dialog__image-placeholder{color:#7b8491;font-size:12px;font-weight:750}.hpf-alternatives{margin-top:17px;padding:13px 14px;border:1px solid rgba(7,93,204,.16);border-radius:8px;background:#f3f7fd}.hpf-alternatives>strong{display:block;font-size:12px;text-transform:uppercase}.hpf-alternatives>p{margin:4px 0 8px;color:#667284;font-size:11px}.hpf-alternatives a{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#075dcc;font-size:12px;font-weight:750}.hpf--customer-preview .hpf-products-intro{border-radius:12px;background:linear-gradient(110deg,rgba(7,93,204,.3),transparent 54%),#111418}.hpf--customer-preview .hpf-products-intro__eyebrow{color:#ffc400}@media(max-width:989px){.hpf-model--feature{grid-template-columns:1fr}.hpf-model--feature .hpf-model__media{min-height:320px}}@media(max-width:768px){.hpf--customer-preview{padding-top:12px}.hpf-preview-notice{align-items:flex-start;flex-wrap:wrap}.hpf-preview-notice span:last-child{flex-basis:calc(100% - 20px);margin-left:19px}.hpf-model--feature{padding:18px;border-radius:13px}.hpf-model--feature .hpf-model__media{min-height:245px}.hpf-model__stats{grid-template-columns:1fr 1fr}.hpf-model__stat:last-child{grid-column:1 / -1}.hpf-how{grid-template-columns:1fr}.hpf-finder__summary,.hpf-panel__topline{padding-inline:18px}.hpf-panel__topline{align-items:flex-start;flex-direction:column}.hpf-panel__counts{justify-content:flex-start}.hpf--customer-preview .hpf-viewer__viewport{min-height:460px;padding:74px 5px 10px}.hpf-viewer__hint{top:10px;right:10px;max-width:184px}.hpf--customer-preview .hpf-viewer__toolbar{max-width:calc(100% - 220px)}.hpf-parts-strip__header{align-items:flex-start;flex-direction:column}.hpf--customer-preview .hpf-part-card{flex-basis:205px}.hpf--customer-preview .hpf-dialog__inner{grid-template-columns:105px minmax(0,1fr)}.hpf-dialog__fitment{align-items:flex-start}}@media(max-width:480px){.hpf-model__stats{grid-template-columns:1fr}.hpf-model__stat:last-child{grid-column:auto}.hpf--customer-preview .hpf-dialog__inner{grid-template-columns:1fr;max-height:86vh;overflow-y:auto}.hpf--customer-preview .hpf-dialog__media{min-height:170px}.hpf--customer-preview .hpf-dialog__image{max-height:180px}}@media(prefers-reduced-motion:reduce){.hpf--customer-preview .hpf-hotspot__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/253/assets/hobbytech-parts-finder-preview.css.map */