/* Roast and bag-size controls share the collection filter area. */
#wbc-store .wb-filter-bar {align-items:center;gap:12px 18px;}
#wbc-store .wb-filter-bar details {flex:0 1 220px;align-self:flex-start;margin-top:20px;}
#wbc-store .wb-size-filter {border:0;padding:0;margin:0;min-width:0;}
#wbc-store .wb-size-filter legend {padding:0 0 6px;font:12px/1.2 'Poppins',Arial,sans-serif;color:#5A4636;}
#wbc-store .wb-size-buttons {display:flex;flex-wrap:wrap;gap:6px;}
#wbc-store .wb-size-buttons button {min-height:44px;padding:9px 15px;border:1px solid #B8935A;border-radius:6px;background:#FFF9EF;color:#2B1B12;font:13px/1.4 'Poppins',Arial,sans-serif;white-space:nowrap;cursor:pointer;}
#wbc-store .wb-size-buttons button[aria-pressed="true"] {background:#2B1B12;border-color:#2B1B12;color:#FFFAF1;}
#wbc-store .wb-size-buttons button:hover {border-color:#A13D3D;}
#wbc-store .wb-size-buttons button:focus-visible {outline:2px solid #9b493d;outline-offset:3px;}
#wbc-store .wb-filter-bar .wb-filter-clear {margin-top:20px;min-height:44px;}
#wbc-store .wb-filter-empty {grid-column:1/-1;padding:22px;border:1px solid #D9BE8D;border-radius:6px;background:#FFF9EF;font:14px/1.6 'Poppins',Arial,sans-serif;}
@media(max-width:650px){
 #wbc-store .wb-filter-bar {gap:12px;}
 #wbc-store .wb-filter-bar details {flex:1 1 100%;margin-top:0;}
 #wbc-store .wb-size-filter {flex:1 1 100%;}
 #wbc-store .wb-size-buttons {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
 #wbc-store .wb-size-buttons button {padding:9px 5px;font-size:12px;}
 #wbc-store .wb-filter-bar .wb-filter-clear {margin-top:0;padding:0;min-height:32px;}
}

/* Visible coffee types between roast and size. */
#wbc-store .wb-filter-bar details {flex-basis:180px;}
#wbc-store .wb-type-filter {border:0;padding:0;margin:0;min-width:0;}
#wbc-store .wb-type-filter legend {padding:0 0 6px;font:12px/1.2 'Poppins',Arial,sans-serif;color:#5A4636;}
#wbc-store .wb-type-buttons {display:flex;gap:6px;}
#wbc-store .wb-type-buttons button {min-height:44px;min-width:108px;padding:6px 14px;border:1px solid #B8935A;border-radius:6px;background:#FFF9EF;color:#2B1B12;font:13px/1.4 'Poppins',Arial,sans-serif;cursor:pointer;}
#wbc-store .wb-type-buttons small {display:block;font:10px/1.2 'Poppins',Arial,sans-serif;white-space:nowrap;}
#wbc-store .wb-type-buttons button[aria-pressed="true"] {background:#2B1B12;border-color:#2B1B12;color:#FFFAF1;}
#wbc-store .wb-type-buttons button:hover {border-color:#A13D3D;}
#wbc-store .wb-type-buttons button:focus-visible {outline:2px solid #9b493d;outline-offset:3px;}
@media(max-width:650px){
 #wbc-store .wb-filter-bar details {flex-basis:100%;}
 #wbc-store .wb-type-filter {flex:1 1 100%;}
 #wbc-store .wb-type-buttons {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
}