/* ED Catalog 1.0.0 – the catalog band on the shop and on the categories the catalog's chapters cover (printed by PHP).
   Its own small file: the shop never loads the catalog page's stylesheet. Hover only for a mouse. */
.ed-cat-band { direction: rtl; display: flex; align-items: center; gap: 14px; margin: 0 0 22px; padding: 12px 16px; border: 1px solid #E3E8F1; border-radius: 16px;
  background: #F6F8FC; font-family: 'Assistant', 'ED Assistant FB', 'Varela Round', system-ui, sans-serif; font-size: 16px; color: #3A4660; }
.ed-cat-band img { width: 44px; height: 62px; object-fit: cover; object-position: top; border-radius: 4px; box-shadow: -3px 3px 0 -1px #fff, -3px 3px 0 0 #D2DAE7; flex: none; }
.ed-cat-band b { color: #0B1530; font-family: 'Rubik', 'ED Rubik FB', 'Varela Round', system-ui, sans-serif; font-weight: 600; }
.ed-cat-band span { flex: 1; min-width: 0; }
.ed-cat-band a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 12px; background: #fff; border: 1.5px solid #D2DAE7;
  color: #0B1530; font-weight: 700; text-decoration: none; white-space: nowrap; }
.ed-cat-band a:focus-visible { outline: 3px solid #2B5CD6; outline-offset: 2px; }

@media (hover: hover) and (pointer: fine) { .ed-cat-band a:hover { border-color: #0B1530; } }
@media (max-width: 759px) { .ed-cat-band { flex-wrap: wrap; } .ed-cat-band span { flex-basis: calc(100% - 60px); } .ed-cat-band a { flex: 1 1 auto; justify-content: center; } }