/* Product types have their own heading and grid; cards stay two across on mobile. */
.tea-product-groups{display:grid;gap:38px}
.tea-product-group{min-width:0;--group-accent:#59766a;--group-tint:#edf3ee}
.tea-product-group[data-tea-group="drip"]{--group-accent:#b2567b;--group-tint:#f9edf3}
.tea-product-group[data-tea-group="sets"]{--group-accent:#a77937;--group-tint:#faf2e6}
.tea-product-group[data-tea-group="module"]{--group-accent:#427d79;--group-tint:#eaf4f2}
.tea-product-group[data-tea-group="lattice"]{--group-accent:#6d639c;--group-tint:#f0edf8}
.tea-product-group[data-tea-group="plain"]{--group-accent:#9b6c59;--group-tint:#f7eee9}
.tea-product-group[data-tea-group="lid"]{--group-accent:#4c7795;--group-tint:#ebf2f8}
.tea-group-heading{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:8px 12px;background:var(--group-tint);border:1px solid #dce3df;border-left:4px solid var(--group-accent);border-radius:9px}
.tea-group-icon{display:grid;place-items:center;flex:0 0 24px;height:24px;font-size:1.15rem}
.tea-group-heading h3{min-width:0;font:750 1rem/1.3 system-ui,sans-serif;letter-spacing:-.02em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-margin-top:var(--tea-scroll-offset,120px)}
.tea-group-heading h3:focus:not(:focus-visible){outline:none}
.tea-group-count{margin-left:auto;white-space:nowrap;font-size:.72rem;color:#52665f}
.tea-group-empty{margin:0;padding:12px 20px;color:#687a70;font-size:.84rem;border:1px dashed #c9d5cc;border-radius:10px}
@media(max-width:760px){
  .tea-product-groups{gap:26px}
  .tea-group-heading{gap:7px;padding:7px 8px}
  .tea-group-icon{flex-basis:21px;height:21px;font-size:1rem}
  .tea-group-heading h3{font-size:.85rem}
  .tea-group-count,.tea-group-suffix{display:none}
  .tea-group-empty{font-size:.76rem;padding:10px 14px}
}