.hpi-product{--hpi-red: #b10000;--hpi-red-dark: #7d0000;--hpi-gold: #f3b502;--hpi-black: #111111;--hpi-charcoal: #1a1a1a;--hpi-border: #2a2a2a;--hpi-text: #f5f5f5;--hpi-muted: #cfcfcf;--hpi-white: #ffffff;--hpi-bg-soft: #181818;font-family:Arial,Helvetica,sans-serif;color:var(--hpi-text);background:linear-gradient(180deg,#121212,#0e0e0e);border:1px solid var(--hpi-border);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px #00000047}.hpi-product *{box-sizing:border-box}.hpi-product a{color:var(--hpi-gold);text-decoration:none}.hpi-product a:hover{text-decoration:underline}.hpi-product .hpi-hero{padding:36px 28px;background:linear-gradient(135deg,#b10000f2,#7d0000f2 45%,#111111fa);position:relative}.hpi-product .hpi-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(243,181,2,.18),transparent 28%),radial-gradient(circle at bottom left,rgba(255,255,255,.04),transparent 22%);pointer-events:none}.hpi-product .hpi-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--hpi-black);background:var(--hpi-gold);padding:7px 12px;border-radius:999px;margin-bottom:14px}.hpi-product h2,.hpi-product h3,.hpi-product h4{margin:0 0 14px;line-height:1.15;color:var(--hpi-white)}.hpi-product .hpi-hero h2{font-size:34px;margin-bottom:14px}.hpi-product .hpi-hero p{margin:0;max-width:900px;font-size:17px;line-height:1.7;color:#f9f9f9}.hpi-product .hpi-section{padding:28px;border-top:1px solid var(--hpi-border)}.hpi-product .hpi-section h3{font-size:26px;margin-bottom:16px;position:relative;padding-bottom:10px}.hpi-product .hpi-section h3:after{content:"";display:block;width:72px;height:4px;border-radius:99px;background:var(--hpi-gold);margin-top:10px}.hpi-product .hpi-section p{margin:0 0 16px;color:var(--hpi-muted);font-size:16px;line-height:1.75}.hpi-product .hpi-highlight{color:var(--hpi-white);font-weight:700}.hpi-product .hpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hpi-product .hpi-card{background:linear-gradient(180deg,#1a1a1a,#131313);border:1px solid var(--hpi-border);border-radius:16px;padding:20px;box-shadow:inset 0 1px #ffffff08}.hpi-product .hpi-card h4{font-size:18px;margin-bottom:10px}.hpi-product .hpi-card p{margin:0;font-size:15px}.hpi-product .hpi-list{margin:0;padding:0;list-style:none}.hpi-product .hpi-list li{position:relative;padding-left:28px;margin-bottom:14px;color:var(--hpi-muted);line-height:1.65;font-size:16px}.hpi-product .hpi-list li:last-child{margin-bottom:0}.hpi-product .hpi-list li:before{content:"\2714";position:absolute;left:0;top:0;color:var(--hpi-gold);font-weight:700}.hpi-product .hpi-note{margin-top:18px;background:#f3b50214;border:1px solid rgba(243,181,2,.28);color:#fff6d2;padding:16px 18px;border-radius:14px;font-size:15px;line-height:1.7}.hpi-product .hpi-fitment{background:linear-gradient(180deg,#171717,#101010);border:1px solid var(--hpi-border);border-radius:16px;padding:20px}.hpi-product .hpi-fitment strong{color:var(--hpi-white)}.hpi-product .hpi-faq-item{border:1px solid var(--hpi-border);background:var(--hpi-bg-soft);border-radius:14px;padding:18px 18px 16px;margin-bottom:14px}.hpi-product .hpi-faq-item:last-child{margin-bottom:0}.hpi-product .hpi-faq-item h4{margin-bottom:10px;font-size:18px}.hpi-product .hpi-cta{text-align:center;padding:30px 28px 34px;background:linear-gradient(180deg,#b100001f,#111);border-top:1px solid var(--hpi-border)}.hpi-product .hpi-cta h3{margin-bottom:12px}.hpi-product .hpi-cta p{max-width:760px;margin:0 auto 18px}.hpi-product .hpi-button{display:inline-block;background:var(--hpi-gold);color:var(--hpi-black)!important;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:14px 24px;border-radius:999px;text-decoration:none!important;box-shadow:0 10px 22px #f3b50238}.hpi-product .hpi-button:hover{filter:brightness(1.04);transform:translateY(-1px)}@media(max-width:767px){.hpi-product .hpi-hero,.hpi-product .hpi-section,.hpi-product .hpi-cta{padding:22px 18px}.hpi-product .hpi-hero h2,.hpi-product .hpi-section h3{font-size:26px}.hpi-product .hpi-grid{grid-template-columns:1fr}.hpi-product .hpi-hero p,.hpi-product .hpi-section p,.hpi-product .hpi-list li{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hpi-product-style-11.css.map */