.hgf-wrap{--orange:#ff8612;--dark:#003c38;--ink:#002e35;--line:#dce7ea;--soft:#f5f9fa;--blue:#eaf7fa;font-family:inherit;max-width:1180px;margin:34px auto;color:var(--ink)}
.hgf-card{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 36px rgba(0,46,53,.06)}
.hgf-visual{background:linear-gradient(145deg,#e9f7fa,#f4fbfc);padding:36px 30px;display:flex;flex-direction:column;justify-content:center;min-height:410px}
.hgf-band-drawing{height:260px;position:relative}
.hgf-roll{position:absolute;width:158px;height:158px;border:25px solid #263238;border-radius:50%;left:35px;top:42px;box-shadow:10px 18px 20px rgba(0,0,0,.16);transform:rotateX(58deg) rotateZ(-5deg)}
.hgf-dim{position:absolute;font-size:12px;font-weight:800;color:#0786a3}.hgf-dim:before{content:"";position:absolute;background:#0996b6}
.hgf-dim-w{left:18px;bottom:10px;width:180px;border-top:1px solid #0996b6;padding-top:8px}.hgf-dim-t{right:0;top:40px;height:86px;border-left:1px solid #0996b6;padding-left:8px}
.hgf-visual-caption{text-align:center;font-weight:800;color:#176071}
.hgf-form-area{padding:42px 44px 34px}.hgf-eyebrow,.hgf-kicker{font-size:12px;letter-spacing:.09em;font-weight:900;color:var(--orange)}
.hgf-form-area h2{font-size:31px;line-height:1.1;margin:8px 0 8px;color:#002e35}.hgf-intro{margin:0 0 24px;color:#54717a}
.hgf-application{display:flex;gap:10px;margin-bottom:22px}.hgf-radio{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.hgf-radio input{display:none}.hgf-radio.active{background:var(--dark);color:white;border-color:var(--dark)}
.hgf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.hgf-field{display:block}.hgf-label{display:block;font-size:12px;font-weight:800;margin:0 0 7px}
.hgf-input-wrap{position:relative}.hgf-input-wrap input,.hgf-field select{width:100%;height:48px;border:1px solid #cfdde1!important;border-radius:10px!important;background:#fff!important;padding:0 52px 0 13px!important;box-shadow:none!important;color:#123!important}
.hgf-field select{padding-right:30px!important}.hgf-input-wrap b{position:absolute;right:13px;top:15px;font-size:11px;color:#607982}
.hgf-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.hgf-reset,.hgf-submit{height:48px;border-radius:999px;padding:0 21px;font-weight:900;border:1px solid #84ca9b;cursor:pointer}
.hgf-reset{background:#fff;color:#28834c}.hgf-submit{background:var(--orange);border-color:var(--orange);color:#fff;padding-inline:25px}.hgf-submit:disabled{opacity:.65}
.hgf-results{margin-top:20px}.hgf-loading,.hgf-empty,.hgf-nearest-note,.hgf-summary{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px}
.hgf-summary{padding:25px}.hgf-summary-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.hgf-summary h3{font-size:23px;margin:5px 0 0}.hgf-need{text-align:right;background:#fff6ec;border:1px solid #ffd6ae;border-radius:13px;padding:12px 18px}.hgf-need strong{display:block;color:#e96f00;font-size:22px}.hgf-need span{font-size:12px;color:#6c7478}
.hgf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.hgf-metrics div,.hgf-product-size div{background:var(--soft);border-radius:9px;padding:11px;text-align:center}.hgf-metrics span,.hgf-product-size span{display:block;color:#5d7880;font-size:10px;font-weight:700;margin-bottom:3px}.hgf-metrics b{font-size:14px}
.hgf-summary p{margin:5px 0 0;color:#4d6871}.hgf-nearest-note{margin-top:14px;background:#fff9f2;border-color:#ffdbb6}
.hgf-result-title{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 12px}.hgf-result-title h3{margin:0;font-size:20px}.hgf-result-title span{font-size:12px;color:#6b7e84}
.hgf-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hgf-product{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.hgf-image{height:190px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}.hgf-image img{width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}
.hgf-product-body{padding:15px;display:flex;flex:1;flex-direction:column}.hgf-stock{font-size:10px;font-weight:800}.hgf-stock.in{color:#18834a}.hgf-stock.out{color:#8b4a4a}
.hgf-product h4{font-size:16px;margin:7px 0 12px;min-height:38px}.hgf-product h4 a{color:var(--ink);text-decoration:none}.hgf-product-size{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.hgf-product-size b{font-size:11px}
.hgf-material{font-size:11px;color:#5d7880;margin:12px 0 5px}.hgf-price{font-size:18px;font-weight:900;margin:2px 0 12px;color:#003c38}.hgf-product-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:7px;margin-top:auto}
.hgf-view,.hgf-cart{min-height:43px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:7px 8px;text-decoration:none!important;font-size:11px;font-weight:900}.hgf-view{border:1px solid #cddde1;color:#174d5a!important}.hgf-cart{background:var(--orange);color:#fff!important;border:1px solid var(--orange)}
.hgf-empty p{margin-bottom:0}.hgf-empty strong{font-size:16px}
@media(max-width:900px){.hgf-card{grid-template-columns:220px 1fr}.hgf-visual{padding:25px 20px}.hgf-form-area{padding:32px 28px}.hgf-products{grid-template-columns:repeat(2,1fr)}.hgf-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hgf-wrap{margin:18px 0}.hgf-card{grid-template-columns:1fr;border-radius:14px}.hgf-visual{display:none}.hgf-form-area{padding:25px 18px}.hgf-form-area h2{font-size:25px}.hgf-grid{grid-template-columns:1fr}.hgf-actions{justify-content:stretch}.hgf-actions button{flex:1;padding:0 12px}.hgf-summary-head{align-items:flex-start;flex-direction:column}.hgf-need{text-align:left}.hgf-products{grid-template-columns:1fr}.hgf-metrics{grid-template-columns:1fr 1fr}.hgf-application{flex-wrap:wrap}}
/* 1.0.8 - crawlbare, privacyvriendelijke zoeklog zonder persoonsgegevens */
.hgf-search-log{margin-top:22px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px}
.hgf-search-log-head h3{margin:5px 0 14px;font-size:20px;color:var(--ink)}
.hgf-search-log-items{display:flex;flex-wrap:wrap;gap:8px}
.hgf-search-chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;color:#345862;line-height:1.2}
@media(max-width:680px){.hgf-search-log{padding:18px}.hgf-search-chip{font-size:11px;padding:7px 10px}}

/* 1.0.11 - compactere losse zoeklog */
.hgf-search-log-standalone{
    margin-top:12px;
    padding:14px 16px;
    border-radius:12px;
}
.hgf-search-log-standalone .hgf-search-log-head h3{
    margin:0 0 9px;
    font-size:14px;
    line-height:1.25;
    font-weight:800;
}
.hgf-search-log-standalone .hgf-search-log-items{
    gap:5px;
}
.hgf-search-log-standalone .hgf-search-chip{
    padding:5px 8px;
    font-size:10px;
    line-height:1.35;
    font-weight:600;
    border-radius:7px;
}
@media(max-width:680px){
    .hgf-search-log-standalone{
        padding:12px 13px;
    }
    .hgf-search-log-standalone .hgf-search-log-head h3{
        font-size:13px;
    }
    .hgf-search-log-standalone .hgf-search-chip{
        font-size:9.5px;
        padding:5px 7px;
    }
}