.hpfp{--navy:#0D3350;--blue:#12558C;--blue-d:#0E4472;--orange:#E2600F;--green:#2F7A4F;--line:#D9E1E8;--line2:#E4EAEF;--ground:#F2F5F8;--ink:#17242F;--muted:#5C6D7C;--muted2:#7C8B98;--dsp:"Barlow","Helvetica Neue",Arial,sans-serif;--bod:"IBM Plex Sans","Segoe UI",Helvetica,Arial,sans-serif;font-family:var(--bod);color:var(--ink);box-sizing:border-box}.hpfp *,.hpfp *:before,.hpfp *:after{box-sizing:border-box}.hpfp a{color:inherit;text-decoration:none}.hpfp-wrap{max-width:1440px;margin:0 auto;padding:0 40px}.hpfp-bc{font-size:13px;color:var(--muted);padding:14px 0 4px}.hpfp-bc a:hover{color:var(--blue);text-decoration:underline}.hpfp-bc span{color:var(--muted2);margin:0 7px}.hpfp-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;padding:18px 0 40px;align-items:start}.hpfp-media{position:sticky;top:16px}.hpfp-shot{border:1px solid var(--line);background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.hpfp-shot img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hpfp-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.hpfp-thumbs button{width:66px;height:66px;border:1px solid var(--line);background:#fff;padding:4px;cursor:pointer}.hpfp-thumbs button[aria-current=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.hpfp-thumbs img{width:100%;height:100%;object-fit:contain}.hpfp-vendor{font-family:var(--dsp);font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--blue)}.hpfp-sku{font-size:12.5px;color:var(--muted2);margin-left:10px;letter-spacing:.02em}.hpfp h1{font-family:var(--dsp);font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.15;color:var(--navy);margin:8px 0 0;letter-spacing:-.015em}.hpfp-price{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin:18px 0 0;padding:16px 0}.hpfp-big{font-family:var(--dsp);font-size:36px;font-weight:700;color:var(--navy);line-height:1;letter-spacing:-.02em}.hpfp-was{font-family:var(--dsp);font-size:19px;font-weight:600;color:var(--muted2);text-decoration:line-through;margin-left:11px}.hpfp-ht{font-size:14px;font-weight:600;color:var(--muted);margin-left:6px}.hpfp-for{font-size:14px;color:var(--muted);margin-top:3px}.hpfp-unit{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:11px}.hpfp-unit b{font-family:var(--dsp);font-size:16px;font-weight:700;color:var(--ink)}.hpfp-unit span{font-size:13px;color:var(--muted);display:block}.hpfp-ttc{font-size:12.5px;color:var(--muted2);margin-top:9px}.hpfp-cond{display:flex;gap:12px;align-items:flex-start;background:var(--ground);border-left:3px solid var(--blue);padding:13px 15px;margin-top:16px}.hpfp-cond svg{flex:none;margin-top:1px}.hpfp-cond b{font-family:var(--dsp);font-size:15px;font-weight:700;color:var(--navy);display:block}.hpfp-cond p{margin:3px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}.hpfp-buy{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.hpfp-qty{display:flex;border:1px solid var(--line);background:#fff;height:52px;flex:none}.hpfp-qty button{width:44px;border:0;background:transparent;font-size:19px;color:var(--navy);cursor:pointer;font-family:var(--dsp)}.hpfp-qty button:hover{background:var(--ground)}.hpfp-qty input{width:52px;border:0;border-left:1px solid var(--line2);border-right:1px solid var(--line2);text-align:center;font-family:var(--dsp);font-size:17px;font-weight:600;color:var(--ink);-moz-appearance:textfield}.hpfp-qty input::-webkit-outer-spin-button,.hpfp-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hpfp-add{flex:1 1 220px;min-height:52px;background:var(--orange);color:#fff;border:0;font-family:var(--dsp);font-weight:700;font-size:16px;letter-spacing:.01em;cursor:pointer}.hpfp-add:hover{background:#c8540c}.hpfp-add[disabled]{background:#b9c4cd;cursor:not-allowed}.hpfp-quote{flex:1 1 100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--navy);color:var(--navy);font-family:var(--dsp);font-weight:600;font-size:15px}.hpfp-quote:hover{background:var(--navy);color:#fff}.hpfp-note{font-size:13px;color:var(--muted);margin-top:9px}.hpfp-re{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px}.hpfp-re li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink)}.hpfp-re svg{flex:none;margin-top:2px}.hpfp-re span{color:var(--muted)}.hpfp-tiers{margin-top:20px;border:1px solid var(--line)}.hpfp-tiers-h{background:var(--navy);color:#fff;font-family:var(--dsp);font-weight:600;font-size:13.5px;padding:9px 14px;letter-spacing:.01em}.hpfp-tiers table{width:100%;border-collapse:collapse}.hpfp-tiers td{padding:9px 14px;font-size:13.5px;border-top:1px solid var(--line2)}.hpfp-tiers tr:first-child td{border-top:0}.hpfp-tiers td:last-child{text-align:right;font-family:var(--dsp);font-weight:700;color:var(--navy)}.hpfp-tiers .hpfp-t-o td:last-child{color:var(--orange)}.hpfp-tiers-f{padding:9px 14px;font-size:13px;color:var(--muted);background:var(--ground);border-top:1px solid var(--line2)}.hpfp-tiers-f a{color:var(--blue);font-weight:600;text-decoration:underline}.hpfp-cost{background:var(--navy);color:#fff;margin-top:8px}.hpfp-cost .hpfp-wrap{padding-top:26px;padding-bottom:26px}.hpfp-cost-h{font-family:var(--dsp);font-size:19px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em;color:#fff}.hpfp-cost-s{font-size:13.5px;color:#a9c6dd;margin:0 0 18px;max-width:70ch}.hpfp-cost-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:#234a66}.hpfp-cost-c{background:var(--navy);padding:15px 18px}.hpfp-cost-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7fb2d9;display:block;margin-bottom:6px}.hpfp-cost-v{font-family:var(--dsp);font-size:25px;font-weight:700;line-height:1.15;letter-spacing:-.02em}.hpfp-cost-v.hl{color:#7ed9a5}.hpfp-cost-n{font-size:12.5px;color:#a9c6dd;display:block;margin-top:5px}.hpfp-low{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;padding:34px 0 46px;align-items:start}.hpfp-h2{font-family:var(--dsp);font-size:19px;font-weight:700;color:var(--navy);margin:0 0 12px;letter-spacing:-.01em}.hpfp-acc{border-top:1px solid var(--line)}.hpfp-acc details{border-bottom:1px solid var(--line)}.hpfp-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;font-family:var(--dsp);font-size:17px;font-weight:600;color:var(--navy);letter-spacing:-.005em}.hpfp-acc summary::-webkit-details-marker{display:none}.hpfp-acc summary:after{content:"";width:10px;height:10px;flex:none;margin-right:6px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:translateY(-3px) rotate(45deg);transition:transform .18s ease}.hpfp-acc details[open] summary:after{transform:translateY(2px) rotate(-135deg)}.hpfp-acc summary:hover{color:var(--blue)}.hpfp-acc summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.hpfp-acc-b{padding:0 0 22px;max-width:72ch}@media(prefers-reduced-motion:reduce){.hpfp-acc summary:after{transition:none}}.hpfp-rte{font-family:var(--bod);font-size:15px;line-height:1.7;color:var(--ink)}.hpfp-rte h1,.hpfp-rte h2,.hpfp-rte h3,.hpfp-rte h4,.hpfp-rte h5,.hpfp-rte h6{font-family:var(--dsp);color:var(--navy);font-weight:700;letter-spacing:-.005em;line-height:1.3;margin:22px 0 8px;text-transform:none}.hpfp-rte h1,.hpfp-rte h2{font-size:17px}.hpfp-rte h3,.hpfp-rte h4,.hpfp-rte h5,.hpfp-rte h6{font-size:15.5px}.hpfp-rte p{margin:0 0 12px;font-size:15px;line-height:1.7;letter-spacing:0}.hpfp-rte ul,.hpfp-rte ol{margin:0 0 14px;padding-left:19px}.hpfp-rte li{margin-bottom:6px;font-size:15px;line-height:1.65}.hpfp-rte strong,.hpfp-rte b{font-weight:600;color:var(--navy)}.hpfp-rte em{font-style:italic}.hpfp-rte a{color:var(--blue);text-decoration:underline}.hpfp-rte img{max-width:100%;height:auto}.hpfp-rte table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 14px}.hpfp-rte td,.hpfp-rte th{border:1px solid var(--line2);padding:7px 10px;text-align:left}.hpfp-rte>*:first-child{margin-top:0}.hpfp-rte>*:last-child{margin-bottom:0}.hpfp-rte.hpfp-nofirst>h1:first-child,.hpfp-rte.hpfp-nofirst>h2:first-child,.hpfp-rte.hpfp-nofirst>h3:first-child{display:none}.hpfp-use{list-style:none;margin:0;padding:0;display:grid;gap:9px}.hpfp-use li{display:flex;gap:10px;font-size:15px;line-height:1.55}.hpfp-use svg{flex:none;margin-top:4px}.hpfp-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:11px}.hpfp-steps li{display:flex;gap:12px;font-size:15px;line-height:1.6;counter-increment:s}.hpfp-steps li:before{content:counter(s);flex:none;width:23px;height:23px;background:var(--ground);border:1px solid var(--line);color:var(--navy);font-family:var(--dsp);font-weight:700;font-size:12.5px;display:flex;align-items:center;justify-content:center;margin-top:1px}.hpfp-dose{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.hpfp-dose div{flex:1 1 190px;border:1px solid var(--line);padding:11px 14px}.hpfp-dose span{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted2);display:block;margin-bottom:4px}.hpfp-dose b{font-family:var(--dsp);font-size:16px;font-weight:700;color:var(--navy);line-height:1.3}.hpfp-spec{width:100%;border-collapse:collapse;font-size:14px}.hpfp-spec th{text-align:left;font-weight:500;color:var(--muted);padding:9px 0;width:44%;border-bottom:1px solid var(--line2);vertical-align:top}.hpfp-spec td{text-align:right;font-weight:600;color:var(--ink);padding:9px 0;border-bottom:1px solid var(--line2);vertical-align:top}.hpfp-docs{border:1px solid var(--line);margin-top:22px}.hpfp-docs-h{background:var(--ground);font-family:var(--dsp);font-weight:600;font-size:14px;color:var(--navy);padding:11px 15px;border-bottom:1px solid var(--line)}.hpfp-doc{display:flex;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid var(--line2)}.hpfp-doc:last-child{border-bottom:0}.hpfp-doc:hover{background:var(--ground)}.hpfp-doc b{font-size:14px;font-weight:600;display:block}.hpfp-doc small{font-size:12.5px;color:var(--muted)}.hpfp-doc-x{padding:14px 15px;font-size:13.5px;color:var(--muted);margin:0}@media(max-width:1000px){.hpfp-main,.hpfp-low{grid-template-columns:1fr;gap:26px}.hpfp-media{position:static}}@media(max-width:900px){.hpfp-wrap{padding:0 14px}.hpfp-big{font-size:31px}.hpfp-add{flex:1 1 100%}.hpfp-cost .hpfp-wrap{padding-top:20px;padding-bottom:20px}.hpfp-acc summary{font-size:16px;padding:15px 2px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/hpf-product.css.map */