.hfw-home,.hfw-home .hfw-header,.hfw-home .hfw-bottom,.hfw-home .hfw-app{background:var(--hft-bg,#f7f8f2);color:var(--hft-text,#294938)}.hfw-home .hfw-logo,.hfw-home .hfw-header nav a,.hfw-home .hfw-intro h1{color:var(--hft-text,#294938)}.hfw-home .hfw-cart-count,.hfw-home .hfw-header nav>a.hfw-register{background:var(--hft-accent,#315b43);border-color:var(--hft-accent,#315b43);color:white}.hfw-home .hfw-header{grid-template-columns:auto 1fr auto;gap:18px}.hfw-home .hfw-header nav{gap:7px;font-size:11px}.hfw-home .hfw-header nav>a{padding:8px 10px}.hft-categories{display:flex;gap:8px;padding:0 3vw 13px;overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.hft-categories button,.hft-reactions button{white-space:nowrap;border:1px solid #d7dfd0;border-radius:24px;padding:7px 15px;background:#ffffff90;color:var(--hft-text,#294938);font-size:12px;font-weight:400}.hft-categories button[aria-pressed=true],.hft-reactions button[aria-pressed=true]{background:var(--hft-accent,#315b43);color:white;border-color:var(--hft-accent,#315b43)}.hft-empty{position:absolute;inset:35% 20px auto;text-align:center;font-size:14px;color:var(--hft-text,#294938)}.hft-empty[hidden]{display:none}.hft-reactions{display:flex;gap:10px;margin-top:24px}.hft-product-link{display:block;background:#e7efdf;color:#315b43;padding:14px;border-radius:10px;margin-top:20px}.hft-submit-wrap{max-width:760px;margin:auto;padding:20px}.hft-submit-wrap label{display:block;margin-bottom:16px;font-size:14px}.hft-submit-wrap input:not([type=checkbox]),.hft-submit-wrap select,.hft-submit-wrap textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9e2d0;border-radius:8px;padding:10px}.hft-submit-wrap .hft-check{display:inline-block;margin-right:20px}.hft-submit-wrap fieldset{border:1px solid #d9e2d0;padding:16px;margin-bottom:18px}.hft-submit-wrap button{background:#315b43;color:white;border-radius:10px}.hft-submit-wrap h2{font-size:24px;margin-top:28px}#hft-preview,.hft-my-story>div{display:flex;gap:10px;flex-wrap:wrap}#hft-preview img,.hft-my-story img{width:150px;height:150px;object-fit:cover;border-radius:12px}.hft-my-story{padding:20px 0;border-bottom:1px solid #ddd}.hft-my-story>div{margin-top:12px}.hft-reaction-status{font-size:12px;color:#9a4636}
@media(max-width:1100px){.hfw-home .hfw-header{grid-template-columns:auto 1fr}.hfw-home .hfw-header nav{grid-column:1/-1;justify-self:stretch;justify-content:center;flex-wrap:wrap}.hfw-home .hfw-brand-center{grid-column:2;text-align:right}.hft-categories{padding-left:20px;padding-right:20px}}@media(max-width:500px){.hfw-home .hfw-header{gap:10px;padding-top:12px;padding-bottom:10px}.hfw-home .hfw-header nav{gap:5px;font-size:10px}.hfw-home .hfw-header nav>a{padding:6px 8px}.hft-categories button{padding:6px 12px;font-size:11px}.hfw-home .hfw-intro{padding-top:8px}.hfw-home .hfw-brand-center span{font-size:9px}}
.hft-code-search{display:flex;align-items:center;gap:7px;padding:0 3vw 10px;background:var(--hft-bg,#f7f8f2)}.hft-code-search label{display:flex;align-items:center;gap:8px;color:var(--hft-text,#294938);font-size:11px;letter-spacing:.05em}.hft-code-search input{width:190px;border:1px solid #d7dfd0;border-radius:20px;padding:8px 13px;background:#ffffffad;color:inherit}.hft-code-search button,.hft-member-code button{border:1px solid var(--hft-accent,#315b43);border-radius:20px;padding:7px 14px;background:var(--hft-accent,#315b43);color:white;font-size:11px}.hft-code-search .hft-code-reset{background:transparent;color:var(--hft-text,#294938);border-color:#d7dfd0}.hft-code-search p{margin:0;font-size:11px;color:#78876e}.hft-member-code{padding:16px;border:1px solid #dce5d5;border-radius:12px;margin:18px 0}.hft-member-code code{font-size:19px;letter-spacing:.09em;color:#315b43;font-weight:700}@media(max-width:700px){.hft-code-search{padding:0 20px 9px;flex-wrap:wrap}.hft-code-search label{width:100%}.hft-code-search input{flex:1;width:auto}.hft-code-search p{width:100%;order:4}}

/* Compact top control deck: search and filters belong with the brand, above canvas. */
.hfw-home .hfw-header{position:relative;display:grid;grid-template-columns:auto minmax(230px,360px) 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:22px;row-gap:12px;padding-bottom:14px}
.hfw-home .hfw-header .hfw-logo{grid-column:1;grid-row:1}
.hfw-home .hfw-header .hft-code-search{grid-column:2;grid-row:1;padding:0;background:transparent;display:flex;min-width:0}
.hfw-home .hfw-header .hfw-brand-center{grid-column:3;grid-row:1;text-align:center}
.hfw-home .hfw-header nav{grid-column:4;grid-row:1;justify-self:end}
.hfw-home .hfw-header .hft-categories{grid-column:1/-1;grid-row:2;padding:0;justify-content:center;overflow:visible}
.hfw-home .hfw-header .hft-code-search label>span{display:none}
.hfw-home .hfw-header .hft-code-search input{width:100%;min-width:0}
.hfw-home .hfw-header .hft-code-search p{position:absolute;left:calc(3vw + 205px);top:53px;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hfw-home .hfw-intro{padding-top:10px;padding-bottom:8px}.hfw-home .hfw-intro>div>p{display:none}.hfw-home .hfw-intro h1{font-size:17px}
@media(max-width:1180px){.hfw-home .hfw-header{grid-template-columns:auto minmax(220px,1fr) auto}.hfw-home .hfw-header .hfw-brand-center{display:none}.hfw-home .hfw-header nav{grid-column:3}.hfw-home .hfw-header .hft-code-search{grid-column:2}.hfw-home .hfw-header .hft-code-search p{left:auto;right:20px;top:48px}}
@media(max-width:760px){.hfw-home .hfw-header{display:flex;gap:9px;padding:13px 20px 11px}.hfw-home .hfw-header .hfw-logo{width:100%}.hfw-home .hfw-header .hft-code-search{order:2;width:100%;padding:0}.hfw-home .hfw-header nav{order:3;width:100%;justify-content:space-between}.hfw-home .hfw-header .hft-categories{order:4;width:100%;justify-content:flex-start;overflow-x:auto}.hfw-home .hfw-header .hft-code-search p{position:static;width:100%;white-space:normal}.hfw-home .hfw-intro{display:none}}