.hfsmart{--hs-blue:#1b9dd5;--hs-navy:#102c46;--hs-orange:#f49a3d;box-sizing:border-box;width:100%;font-family:Manrope,Arial,sans-serif;color:var(--hs-navy);background:linear-gradient(180deg,#f3f9fc 0%,#fff 42%);padding:20px 14px 50px}.hfsmart *{box-sizing:border-box}.hfsmart-inner{max-width:1180px;margin:0 auto}.hfsmart-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#7990a2;font-size:10px;letter-spacing:.05em}.hfsmart-testmark{border:1px solid #c7e7f5;color:#168ac1;background:#eaf8fe;border-radius:20px;padding:6px 10px;font-weight:800}.hfsmart-heading{padding:25px 0 20px}.hfsmart-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#2396c8;margin:0 0 10px}.hfsmart-heading h1{font-size:clamp(26px,5vw,44px);letter-spacing:-.045em;line-height:1.08;margin:0 0 9px;font-weight:800}.hfsmart-heading p:last-child{font-size:13px;color:#687e91;margin:0}.hfsmart-search{height:54px;background:#fff;display:flex;align-items:center;gap:11px;border:1px solid #d9e9f1;box-shadow:0 8px 24px #193e5c0b;border-radius:15px;padding:0 15px}.hfsmart-search svg{height:19px;width:19px;fill:none;stroke:#359ac9;stroke-width:2;stroke-linecap:round}.hfsmart-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:#16324b}.hfsmart-search input::placeholder{color:#93a4b2}.hfsmart-search span{color:#a2b6c3}.hfsmart-sectiontitle{display:flex;align-items:baseline;justify-content:space-between;margin:30px 1px 15px}.hfsmart-sectiontitle h2{font-size:21px;letter-spacing:-.035em;margin:0}.hfsmart-sectiontitle span{font-size:12px;color:#8da0ae}.hfsmart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hfsmart-tile{min-width:0;min-height:176px;display:flex;position:relative;flex-direction:column;align-items:stretch;text-decoration:none!important;color:var(--hs-navy)!important;background:#fff;border:1px solid #e5eef3;border-radius:18px;padding:12px 12px 15px;box-shadow:0 8px 25px #0d33540b;transition:transform .18s,box-shadow .18s,border-color .18s}.hfsmart-tile:hover,.hfsmart-tile:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px #0d33551b;border-color:#a7d9ef}.hfsmart-picture{display:flex;align-items:center;justify-content:center;height:111px;margin-bottom:10px;background:radial-gradient(ellipse at 50% 75%,#e8f5fa 0%,#f8fcfe 63%,#fff 100%);border-radius:12px;overflow:hidden}.hfsmart-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6px}.hfsmart-fallback{font-size:40px;color:#b3d7e8}.hfsmart-name{font-weight:750;font-size:13px;line-height:1.32;padding-right:14px;overflow-wrap:anywhere}.hfsmart-arrow{position:absolute;right:11px;bottom:12px;font-size:17px;color:var(--hs-blue)}.hfsmart-empty{padding:30px;text-align:center;color:#718799}.hfsmart-footnote{margin-top:26px;padding:16px;border:1px dashed #c5dfea;background:#f6fbfe;color:#71879a;border-radius:14px;font-size:12px;line-height:1.5}@media(min-width:680px){.hfsmart{padding:30px 26px 60px}.hfsmart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hfsmart-tile{min-height:224px;padding:18px}.hfsmart-picture{height:150px}.hfsmart-name{font-size:16px}}@media(min-width:1025px){.hfsmart-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hfsmart-picture{height:165px}.hfsmart-tile{min-height:245px}}

/* v0.1.9: same search endpoint as HydroFire Products, scoped to TEST page. */
.hfsmart-search-results[hidden]{display:none!important}
.hfsmart-search-results{position:relative;z-index:3;margin:8px 0 12px;background:#fff;border:1px solid #d9e9f1;border-radius:16px;box-shadow:0 12px 28px #102c461a;overflow:hidden;max-width:100%;}
.hfsmart-result-heading{padding:11px 14px 7px;font-size:12px;font-weight:800;color:#168ac1;background:#f5fbff}
.hfsmart-result-item{display:flex;gap:11px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf2f6;text-decoration:none!important;color:#102c46!important;min-width:0}
.hfsmart-result-item>img{width:53px;height:53px;flex:0 0 53px;object-fit:contain;border-radius:9px;background:#f5f9fb}
.hfsmart-result-item>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.hfsmart-result-item strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.hfsmart-result-item small{font-size:11px;color:#7890a2;overflow-wrap:anywhere}
.hfsmart-result-price{flex:0 1 auto;text-align:right;font-size:12px;white-space:normal;max-width:35%}
.hfsmart-result-note{padding:16px;font-size:13px;color:#6d8395}
.hfsmart-result-all{display:block;padding:13px;text-align:center;font-size:13px;font-weight:700;color:#168ac1!important}

/* v0.2.0: clean centered category titles; no decorative arrows. */
.hfsmart .hfsmart-tile .hfsmart-arrow{display:none!important;}
.hfsmart .hfsmart-tile .hfsmart-name{display:block;width:100%;padding-right:0!important;text-align:center!important;margin-top:auto;overflow-wrap:break-word;}

/* Production responsive presentation: original header remains in charge. */
.hf-products-v1 > .hfsmart-live{display:none!important}
@media(max-width:1024px){
 .hf-products-v1:has(> .hfsmart-live) > :not(.hfg-preview):not(.hfsmart-live){display:none!important}
 .hf-products-v1 > .hfsmart-live{display:block!important;position:relative!important;z-index:1!important}
 .hf-products-v1 .hfsmart-live{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important;padding:36px 14px 50px!important;margin:0!important}
 .hf-products-v1 .hfsmart-live .hfsmart-inner{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important}
 .hf-products-v1 .hfsmart-live .hfsmart-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
 .hf-products-v1 .hfsmart-live .hfsmart-search{margin-top:0!important}
 .hf-products-v1 .hfsmart-live .hfsmart-sectiontitle{margin-top:16px!important;margin-bottom:12px!important}
 .hf-products-v1 .hfsmart-live .hfsmart-tile{min-width:0!important}
 html:has(.hf-products-v1 .hfsmart-live),body:has(.hf-products-v1 .hfsmart-live){max-width:100%!important;overflow-x:clip!important}
}
@media(min-width:641px) and (max-width:1024px){.hf-products-v1 .hfsmart-live{padding-top:30px!important}.hf-products-v1 .hfsmart-live .hfsmart-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}