/* Hlavní kategorie (src/kategorie.mjs): dlaždice na úvodu, chipy podkategorií nad výpisem, recyklační příspěvek a zpětný odběr */
.maincats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}
.mcat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.mcat-h{display:flex;align-items:center;gap:12px;padding:14px 14px 10px;color:var(--fg);text-decoration:none}
.mcat-h:hover b{color:var(--acc)}
.mcat-h .i{width:44px;height:44px;padding:10px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--acc) 12%,var(--surface));color:var(--acc)}
.mcat-h b{display:block;font-size:1.05rem}.mcat-h small{color:var(--muted);font-size:.82rem}
.mcat ul{list-style:none;margin:0;padding:0 10px 12px;display:flex;flex-wrap:wrap;gap:6px}
.mcat li a{display:inline-block;padding:5px 10px;border-radius:99px;background:var(--surface2);color:var(--fg);text-decoration:none;font-size:.84rem}
.mcat li a:hover{background:var(--acc-soft);color:var(--acc-strong)}
@media (max-width:900px){.maincats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.maincats{grid-template-columns:1fr;gap:8px}.mcat-h{padding:12px 12px 8px}.mcat-h .i{width:38px;height:38px;padding:8px}}
.chips.subcats{flex-wrap:wrap;overflow:visible}
@media (max-width:560px){.chips.subcats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}}
/* recyklační příspěvek a zpětný odběr (src/recyklace.mjs) */
.recy{font-size:.85rem;color:var(--muted);margin:4px 0 0}
.recy b{color:var(--fg);font-weight:600}
.takeback{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:.88rem}
.takeback .i{width:22px;height:22px;flex:none;color:var(--acc);margin-top:1px}
.takeback p{margin:0}.takeback p+p{margin-top:4px}
.fnote .recy-f{display:block;margin-top:4px}
/* patička na úzkém tabletu (760–900 px) přetékala o pár px – 2 sloupce */
@media (min-width:760px) and (max-width:900px){footer{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* samostatný řádek recyklačního příspěvku pod položkou dokladu (§ 73 zák. 542/2020) */
.cart-table tr.recy-row td{border-top:0;padding-top:0;color:var(--muted);font-size:.85rem}.cart-table tr.recy-row td:first-child{padding-left:18px}