.hb-em{margin:0 0 20px}.hb-em__label,.hb-em__modes legend{font-weight:600;margin-bottom:10px}.hb-em__selected{font-weight:400}.hb-em__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:20px}.hb-em__swatch{display:flex;flex-direction:column;align-items:center;padding:5px;background:#fff;border:1px solid #ddd;color:inherit;line-height:1.25;cursor:pointer;text-transform:none;min-height:88px;font-size:12px}.hb-em__swatch img{width:100%;height:60px;object-fit:cover}.hb-em__swatch span{padding-top:5px}.hb-em__swatch[aria-pressed=true]{border:2px solid #222;padding:4px}.hb-em__swatch:focus-visible,.hb-em-showcase a:focus-visible{outline:3px solid #9b713b;outline-offset:3px}.hb-em__modes{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0;margin:0 0 15px}.hb-em__modes legend{float:none;width:100%;font-size:inherit}.hb-em__modes label{display:flex;align-items:center;gap:5px;cursor:pointer}.hb-em__modes input{margin:0}.hb-em__dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hb-em__dimensions input{width:100%;margin:6px 0 12px}.hb-em__limit,.hb-em__note{font-size:13px;line-height:1.5}.hb-em__result{margin:14px 0;font-size:16px}.hb-em__result .hb-em__standard{display:block;margin-top:12px;white-space:normal;text-transform:none}.hb-em__request{padding:16px;background:#f7f6f3}.hb-em__message-label{display:block;margin-top:16px}.hb-em__message{width:100%;font-size:12px;margin-top:5px}.hb-em__copy{border:0;background:none;text-decoration:underline;padding:6px 0;color:inherit;cursor:pointer}.hb-em__request p{font-size:12px;margin:8px 0 0}.hb-em [hidden]{display:none!important}.hb-em-showcase{width:100%;margin:0 0 30px}.hb-em-showcase h2{font-size:22px}.hb-em-showcase__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.hb-em-showcase__grid a{border:1px solid #e3e3e3;padding:6px;text-align:center;color:inherit}.hb-em-showcase__grid img{width:100%;aspect-ratio:1;object-fit:cover}.hb-em-showcase__grid span{display:block;font-size:13px;margin:7px 0}.hb-em-ready .hb-em-native-colour{display:none!important}.hb-em-custom-mode .variations,.hb-em-custom-mode .single_variation_wrap{display:none!important}@media(max-width:480px){.hb-em__swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.hb-em__swatch{font-size:11px}.hb-em__request .button{width:100%;white-space:normal}.hb-em-showcase__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hb-em__modes,.hb-em__swatches{display:none}.hb-em-ready .hb-em__modes{display:flex}.hb-em-ready .hb-em__swatches{display:grid}
.hb-em__delivery{display:flex;align-items:center;gap:13px;padding:14px 16px;margin:0 0 18px;border:1px solid #dce3d3;border-radius:8px;background:#f6f8f3;color:#38543b;line-height:1.4}.hb-em__delivery svg{flex:0 0 32px}.hb-em__delivery strong{display:block;font-size:14px;font-weight:600}.hb-em__delivery > div > span{display:block;margin-top:3px;font-size:13px}.hb-em__delivery .woocommerce-Price-amount{display:inline;margin:0;font-size:inherit;color:inherit}

/* XStore treats every toolbar child as a horizontal flex control. The collection
   palette is a full-width section, with ordering controls on the next row. */
.filter-wrap .filter-content:has(> .hb-em-showcase){flex-wrap:wrap}
.filter-wrap .filter-content > .hb-em-showcase{display:block;flex:0 0 100%;width:100%;min-width:0;margin-bottom:24px}
.filter-wrap .filter-content > .hb-em-showcase h2{margin:0 0 16px}
.filter-wrap .filter-content > .hb-em-showcase .hb-em-showcase__grid{width:100%}