/* ==========================================================================
   Shop - obchod / kategorie: toolbar (filtr + razeni), mrizka produktu
   ========================================================================== */

.shop-toolbar {
  display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-md);
  align-items: center; justify-content: space-between;
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--c-border);
}

.filter-bar { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.filter-chip {
  border: 1px solid var(--c-border); background: var(--c-surface); color: var(--c-text);
  border-radius: var(--radius-pill); padding: 0.5rem 1rem;
  font-family: var(--font-body); font-size: 0.9rem; font-weight: 500; cursor: pointer;
  transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.filter-chip:hover { border-color: var(--c-accent); }
.filter-chip:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; }
.filter-chip[aria-pressed="true"] { background: var(--c-primary); color: #fff; border-color: var(--c-primary); }

.shop-sort { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: var(--c-muted); }
.shop-sort .select { width: auto; padding-block: 0.5rem; }
.shop-count { font-size: 0.9rem; color: var(--c-muted); }
.shop-count strong { color: var(--c-text); font-variant-numeric: tabular-nums; }

/* --- Mrizka produktu --- */
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); }
@media (max-width: 1000px) { .product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .product-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px) { .product-grid { grid-template-columns: 1fr; } }

/* Doplnkovy popisek karty */
.product-card__note { font-size: 0.82rem; color: var(--c-muted); }

/* --- Dlazdice kategorii jako navigace v obchode (uzsi) --- */
.cat-strip { margin-bottom: var(--space-xl); }

/* --- Doplnujici text kategorie pod vypisem produktu ---
   Zdroj je pole "Popis" kategorie; prvni odstavec jde nahoru do
   .page-hero__lead, zbytek sem (kop_term_description_parts()).
   Zamerne tlumeny: je to text pro cteni a pro vyhledavace, ne dalsi
   CTA - nesmi prebit produkty nad nim. Linka nahore ho od mrizky oddeli. */
.cat-copy { border-top: 1px solid var(--c-border); }
.cat-copy p { color: var(--c-muted); max-width: 68ch; }
.cat-copy p:last-child { margin-bottom: 0; }
.cat-copy h2,
.cat-copy h3 { font-size: var(--step-2); margin-bottom: var(--space-xs); }