/* Pot size filter on the Shop and category pages (src/utils/data.ts sizeFilter, public/_crsp/size-filter.js): one dropdown in the site's own colours
   and radius (it replaced a row of buttons, 23 Oct 2026). */
.size-filter { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.size-filter__label { font-size: var(--text-s, .95rem); font-weight: 600; color: var(--text-dark, #1a1a1a); }
.size-filter__select-wrap { position: relative; display: inline-block; }
.size-filter__select-wrap::after { content: ""; position: absolute; right: 1rem; top: 50%; width: .5rem; height: .5rem; margin-top: -.35rem; pointer-events: none;
	border-right: 2px solid var(--primary, #066f63); border-bottom: 2px solid var(--primary, #066f63); transform: rotate(45deg); }
.size-filter__select { appearance: none; -webkit-appearance: none; min-width: 15rem; margin: 0; padding: .7rem 2.75rem .7rem 1rem; font: inherit; font-size: var(--text-s, .95rem);
	color: var(--text-dark, #1a1a1a); background: var(--white, #fff); border: 1px solid #cfd8d6; border-radius: var(--radius, 8px); cursor: pointer; transition: border-color .15s; }
.size-filter__select:hover { border-color: var(--primary, #066f63); }
.size-filter__select:focus-visible { outline: 2px solid var(--primary, #066f63); outline-offset: 2px; border-color: var(--primary, #066f63); }
.size-filter__status { margin: 0; font-size: var(--text-s, .95rem); color: var(--text-dark, #1a1a1a); opacity: .7; }
.size-filter__status:empty { display: none; }
@media (max-width: 600px) { .size-filter__select-wrap, .size-filter__select { width: 100%; } .size-filter__status { flex-basis: 100%; } }
[data-pot-sizes][hidden] { display: none !important; }