/* ===== ProductCard — THE one card, used by every section.
   Everything visual comes from panel props: surface (background / radius / padding / shadow),
   text + accent colours, name font (auto = world dialect) / weight / size, image fit,
   button shape and badge / favourite visibility. No per-world styling except the `auto` font. */
.cc_d2ggg1qu_56NygH3NRQ .hl-card, .cc_d2ggg1qu_YBwG6O6CHs .hl-card, .cc_d2ggg1qu_NWxgMMKdYS .hl-card, .cc_d2ggg1qu_aCcumbFgQJ .hl-card, .cc_d2ggg1qu_3R0VcAUehT .hl-card, .cc_d2ggg1qu_3tGgdhY3KA .hl-card, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card, .cc_d2ggg1qu_wlxTda79ls .hl-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  font-family: var(--hl-font-ui);
  color: var(--hl-card-text, inherit);
  background: transparent;
  border-radius: 0;
  padding: 0;
}
/* the image runs flush to the card edges; only the text and button are inset.
   `overflow: hidden` clips the image to the card corners and never cuts the card's own shadow. */
.cc_d2ggg1qu_56NygH3NRQ .hl-card--surface, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--surface, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--surface, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--surface, .cc_d2ggg1qu_3R0VcAUehT .hl-card--surface, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--surface, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--surface, .cc_d2ggg1qu_wlxTda79ls .hl-card--surface {
  background: var(--hl-card-bg, var(--hl-white));
  border-radius: var(--hl-card-box-r, 18px);
  padding: 0;
  box-shadow: var(--hl-card-shadow, none);
  gap: 0;
  overflow: hidden;
}
.cc_d2ggg1qu_56NygH3NRQ .hl-card--surface .hl-card__body, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--surface .hl-card__body, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--surface .hl-card__body, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--surface .hl-card__body, .cc_d2ggg1qu_3R0VcAUehT .hl-card--surface .hl-card__body, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--surface .hl-card__body, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--surface .hl-card__body, .cc_d2ggg1qu_wlxTda79ls .hl-card--surface .hl-card__body { padding: var(--hl-card-pad, 12px) var(--hl-card-pad, 12px) 0; }

.cc_d2ggg1qu_56NygH3NRQ .hl-card__frame, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__frame, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__frame, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__frame, .cc_d2ggg1qu_3R0VcAUehT .hl-card__frame, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__frame, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__frame, .cc_d2ggg1qu_wlxTda79ls .hl-card__frame { position: relative; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__media, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__media, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__media, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__media, .cc_d2ggg1qu_3R0VcAUehT .hl-card__media, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__media, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__media, .cc_d2ggg1qu_wlxTda79ls .hl-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--hl-mist);
  aspect-ratio: var(--hl-card-ratio, 4 / 5);
}
.cc_d2ggg1qu_56NygH3NRQ .hl-card__media:focus-visible, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__media:focus-visible, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__media:focus-visible, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__media:focus-visible, .cc_d2ggg1qu_3R0VcAUehT .hl-card__media:focus-visible, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__media:focus-visible, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__media:focus-visible, .cc_d2ggg1qu_wlxTda79ls .hl-card__media:focus-visible { outline: 2px solid var(--hl-ink); outline-offset: 3px; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__img, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__img, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__img, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__img, .cc_d2ggg1qu_3R0VcAUehT .hl-card__img, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__img, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__img, .cc_d2ggg1qu_wlxTda79ls .hl-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 900ms var(--hl-ease-out), opacity var(--hl-dur-slow) var(--hl-ease);
}
.cc_d2ggg1qu_56NygH3NRQ .hl-card--fit-contain .hl-card__img, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--fit-contain .hl-card__img, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--fit-contain .hl-card__img, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--fit-contain .hl-card__img, .cc_d2ggg1qu_3R0VcAUehT .hl-card--fit-contain .hl-card__img, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--fit-contain .hl-card__img, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--fit-contain .hl-card__img, .cc_d2ggg1qu_wlxTda79ls .hl-card--fit-contain .hl-card__img { object-fit: contain; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__img--hover, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__img--hover, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__img--hover, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__img--hover, .cc_d2ggg1qu_3R0VcAUehT .hl-card__img--hover, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__img--hover, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__img--hover, .cc_d2ggg1qu_wlxTda79ls .hl-card__img--hover { opacity: 0; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__img--empty, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__img--empty, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__img--empty, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__img--empty, .cc_d2ggg1qu_3R0VcAUehT .hl-card__img--empty, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__img--empty, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__img--empty, .cc_d2ggg1qu_wlxTda79ls .hl-card__img--empty { display: flex; align-items: center; justify-content: center; font-size: 36px; color: var(--hl-grey); }
/* white (card-coloured) fade at the bottom of the image so it melts into the card body */
.cc_d2ggg1qu_56NygH3NRQ .hl-card__shade, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__shade, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__shade, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__shade, .cc_d2ggg1qu_3R0VcAUehT .hl-card__shade, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__shade, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__shade, .cc_d2ggg1qu_wlxTda79ls .hl-card__shade {
  position: absolute; left: 0; right: 0; bottom: 0; height: 44%;
  background: linear-gradient(to top, var(--hl-card-bg, var(--hl-white)) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .cc_d2ggg1qu_56NygH3NRQ .hl-card:hover .hl-card__img--main, .cc_d2ggg1qu_YBwG6O6CHs .hl-card:hover .hl-card__img--main, .cc_d2ggg1qu_NWxgMMKdYS .hl-card:hover .hl-card__img--main, .cc_d2ggg1qu_aCcumbFgQJ .hl-card:hover .hl-card__img--main, .cc_d2ggg1qu_3R0VcAUehT .hl-card:hover .hl-card__img--main, .cc_d2ggg1qu_3tGgdhY3KA .hl-card:hover .hl-card__img--main, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card:hover .hl-card__img--main, .cc_d2ggg1qu_wlxTda79ls .hl-card:hover .hl-card__img--main { transform: scale(1.03); }
  .cc_d2ggg1qu_56NygH3NRQ .hl-card:hover .hl-card__img--hover, .cc_d2ggg1qu_YBwG6O6CHs .hl-card:hover .hl-card__img--hover, .cc_d2ggg1qu_NWxgMMKdYS .hl-card:hover .hl-card__img--hover, .cc_d2ggg1qu_aCcumbFgQJ .hl-card:hover .hl-card__img--hover, .cc_d2ggg1qu_3R0VcAUehT .hl-card:hover .hl-card__img--hover, .cc_d2ggg1qu_3tGgdhY3KA .hl-card:hover .hl-card__img--hover, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card:hover .hl-card__img--hover, .cc_d2ggg1qu_wlxTda79ls .hl-card:hover .hl-card__img--hover { opacity: 1; }
}

.cc_d2ggg1qu_56NygH3NRQ .hl-card__badge, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__badge, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__badge, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__badge, .cc_d2ggg1qu_3R0VcAUehT .hl-card__badge, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__badge, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__badge, .cc_d2ggg1qu_wlxTda79ls .hl-card__badge {
  position: absolute; top: 10px; left: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: var(--hl-fs-xs); font-weight: 600; letter-spacing: 0.01em;
  background: var(--hl-card-accent, var(--hl-accent)); color: var(--hl-on-accent);
}
.cc_d2ggg1qu_56NygH3NRQ .hl-card__badge--out, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__badge--out, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__badge--out, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__badge--out, .cc_d2ggg1qu_3R0VcAUehT .hl-card__badge--out, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__badge--out, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__badge--out, .cc_d2ggg1qu_wlxTda79ls .hl-card__badge--out { background: var(--hl-white); color: var(--hl-ink); }
.cc_d2ggg1qu_56NygH3NRQ .hl-card--soldout .hl-card__img, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--soldout .hl-card__img, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--soldout .hl-card__img, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--soldout .hl-card__img, .cc_d2ggg1qu_3R0VcAUehT .hl-card--soldout .hl-card__img, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--soldout .hl-card__img, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--soldout .hl-card__img, .cc_d2ggg1qu_wlxTda79ls .hl-card--soldout .hl-card__img { filter: grayscale(0.4); opacity: 0.85; }


/* body: name (max 2 lines, reserved height so rows align), then price */
.cc_d2ggg1qu_56NygH3NRQ .hl-card__body, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__body, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__body, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__body, .cc_d2ggg1qu_3R0VcAUehT .hl-card__body, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__body, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__body, .cc_d2ggg1qu_wlxTda79ls .hl-card__body { display: grid; gap: 4px; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__name, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__name, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__name, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__name, .cc_d2ggg1qu_3R0VcAUehT .hl-card__name, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__name, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__name, .cc_d2ggg1qu_wlxTda79ls .hl-card__name {
  font-family: var(--hl-font-ui);
  font-size: var(--hl-card-name-size, 16px);
  font-weight: var(--hl-card-name-weight, 600);
  line-height: 1.3;
  text-transform: capitalize;
  text-align: center;
  color: inherit; text-decoration: none;
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  min-height: calc(2 * 1.3em);
}
.cc_d2ggg1qu_56NygH3NRQ .hl-card--font-serif .hl-card__name, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--font-serif .hl-card__name, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--font-serif .hl-card__name, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--font-serif .hl-card__name, .cc_d2ggg1qu_3R0VcAUehT .hl-card--font-serif .hl-card__name, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--font-serif .hl-card__name, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--font-serif .hl-card__name, .cc_d2ggg1qu_wlxTda79ls .hl-card--font-serif .hl-card__name { font-family: var(--hl-font-serif); }
.cc_d2ggg1qu_56NygH3NRQ .hl-card--font-ui .hl-card__name, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--font-ui .hl-card__name, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--font-ui .hl-card__name, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--font-ui .hl-card__name, .cc_d2ggg1qu_3R0VcAUehT .hl-card--font-ui .hl-card__name, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--font-ui .hl-card__name, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--font-ui .hl-card__name, .cc_d2ggg1qu_wlxTda79ls .hl-card--font-ui .hl-card__name { font-family: var(--hl-font-ui); }
/* auto: one typeface site-wide, so the world no longer changes the family */

/* discounted price on top, the original struck through underneath; centred like the button.
   The block reserves two lines so a discounted card and a full-price card keep the same
   height — names, prices and buttons line up across a row. */
.cc_d2ggg1qu_56NygH3NRQ .hl-card__prices, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__prices, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__prices, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__prices, .cc_d2ggg1qu_3R0VcAUehT .hl-card__prices, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__prices, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__prices, .cc_d2ggg1qu_wlxTda79ls .hl-card__prices { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1px; min-height: 34px; font-size: var(--hl-fs-sm); font-weight: 600; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__price, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__price, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__price, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__price, .cc_d2ggg1qu_3R0VcAUehT .hl-card__price, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__price, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__price, .cc_d2ggg1qu_wlxTda79ls .hl-card__price { color: var(--hl-card-accent, var(--hl-accent)); }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__price--old, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__price--old, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__price--old, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__price--old, .cc_d2ggg1qu_3R0VcAUehT .hl-card__price--old, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__price--old, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__price--old, .cc_d2ggg1qu_wlxTda79ls .hl-card__price--old { color: var(--hl-grey); font-size: var(--hl-fs-xs); font-weight: 400; }

/* button: pill (default) · block (full width) · icon (round, image-corner) */
.cc_d2ggg1qu_56NygH3NRQ .hl-card__add, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__add, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__add, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__add, .cc_d2ggg1qu_3R0VcAUehT .hl-card__add, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__add, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__add, .cc_d2ggg1qu_wlxTda79ls .hl-card__add {
  align-self: center;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 22px;
  border: 1px solid var(--hl-card-accent, var(--hl-accent));
  border-radius: 999px;
  background: var(--hl-card-accent, var(--hl-accent)); color: var(--hl-on-accent);
  font-family: var(--hl-font-ui); font-size: var(--hl-fs-sm); font-weight: 600; cursor: pointer;
  transition: background var(--hl-dur) var(--hl-ease), color var(--hl-dur) var(--hl-ease), border-color var(--hl-dur) var(--hl-ease), opacity var(--hl-dur) var(--hl-ease), transform var(--hl-dur-fast) var(--hl-ease-out);
}
.cc_d2ggg1qu_56NygH3NRQ .hl-card--surface .hl-card__add, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--surface .hl-card__add, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--surface .hl-card__add, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--surface .hl-card__add, .cc_d2ggg1qu_3R0VcAUehT .hl-card--surface .hl-card__add, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--surface .hl-card__add, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--surface .hl-card__add, .cc_d2ggg1qu_wlxTda79ls .hl-card--surface .hl-card__add { margin: 10px var(--hl-card-pad, 12px) var(--hl-card-pad, 12px); }
.cc_d2ggg1qu_56NygH3NRQ .hl-card--btn-block .hl-card__add, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--btn-block .hl-card__add, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--btn-block .hl-card__add, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--btn-block .hl-card__add, .cc_d2ggg1qu_3R0VcAUehT .hl-card--btn-block .hl-card__add, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--btn-block .hl-card__add, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--btn-block .hl-card__add, .cc_d2ggg1qu_wlxTda79ls .hl-card--btn-block .hl-card__add { align-self: stretch; width: 100%; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card--btn-icon .hl-card__add, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--btn-icon .hl-card__add, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--btn-icon .hl-card__add, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--btn-icon .hl-card__add, .cc_d2ggg1qu_3R0VcAUehT .hl-card--btn-icon .hl-card__add, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--btn-icon .hl-card__add, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--btn-icon .hl-card__add, .cc_d2ggg1qu_wlxTda79ls .hl-card--btn-icon .hl-card__add { width: 44px; min-height: 44px; padding: 0; border-radius: 50%; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__add:hover, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__add:hover, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__add:hover, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__add:hover, .cc_d2ggg1qu_3R0VcAUehT .hl-card__add:hover, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__add:hover, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__add:hover, .cc_d2ggg1qu_wlxTda79ls .hl-card__add:hover { background: var(--hl-ink); border-color: var(--hl-ink); }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__add:active, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__add:active, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__add:active, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__add:active, .cc_d2ggg1qu_3R0VcAUehT .hl-card__add:active, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__add:active, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__add:active, .cc_d2ggg1qu_wlxTda79ls .hl-card__add:active { transform: scale(0.97); }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__add.is-added, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__add.is-added, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__add.is-added, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__add.is-added, .cc_d2ggg1qu_3R0VcAUehT .hl-card__add.is-added, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__add.is-added, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__add.is-added, .cc_d2ggg1qu_wlxTda79ls .hl-card__add.is-added { background: var(--hl-ink); border-color: var(--hl-ink); }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_YBwG6O6CHs .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_NWxgMMKdYS .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_aCcumbFgQJ .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_3R0VcAUehT .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_3tGgdhY3KA .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_wlxTda79ls .hl-card__add[aria-busy="true"] { opacity: 0.6; cursor: progress; }
.cc_d2ggg1qu_56NygH3NRQ .hl-card__add:focus-visible, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__add:focus-visible, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__add:focus-visible, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__add:focus-visible, .cc_d2ggg1qu_3R0VcAUehT .hl-card__add:focus-visible, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__add:focus-visible, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__add:focus-visible, .cc_d2ggg1qu_wlxTda79ls .hl-card__add:focus-visible, .cc_d2ggg1qu_56NygH3NRQ .hl-card__name:focus-visible, .cc_d2ggg1qu_YBwG6O6CHs .hl-card__name:focus-visible, .cc_d2ggg1qu_NWxgMMKdYS .hl-card__name:focus-visible, .cc_d2ggg1qu_aCcumbFgQJ .hl-card__name:focus-visible, .cc_d2ggg1qu_3R0VcAUehT .hl-card__name:focus-visible, .cc_d2ggg1qu_3tGgdhY3KA .hl-card__name:focus-visible, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card__name:focus-visible, .cc_d2ggg1qu_wlxTda79ls .hl-card__name:focus-visible { outline: 2px solid var(--hl-ink); outline-offset: 3px; }
/* desktop: the button keeps its space but only shows on hover / keyboard focus; touch always shows it */
@media (hover: hover) and (pointer: fine) {
  .cc_d2ggg1qu_56NygH3NRQ .hl-card--hoveradd .hl-card__add, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--hoveradd .hl-card__add, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--hoveradd .hl-card__add, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--hoveradd .hl-card__add, .cc_d2ggg1qu_3R0VcAUehT .hl-card--hoveradd .hl-card__add, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--hoveradd .hl-card__add, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--hoveradd .hl-card__add, .cc_d2ggg1qu_wlxTda79ls .hl-card--hoveradd .hl-card__add { opacity: 0; }
  .cc_d2ggg1qu_56NygH3NRQ .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_3R0VcAUehT .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_wlxTda79ls .hl-card--hoveradd:hover .hl-card__add, .cc_d2ggg1qu_56NygH3NRQ .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_3R0VcAUehT .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_wlxTda79ls .hl-card--hoveradd:focus-within .hl-card__add, .cc_d2ggg1qu_56NygH3NRQ .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_YBwG6O6CHs .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_NWxgMMKdYS .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_aCcumbFgQJ .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_3R0VcAUehT .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_3tGgdhY3KA .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_wlxTda79ls .hl-card--hoveradd .hl-card__add.is-added, .cc_d2ggg1qu_56NygH3NRQ .hl-card--hoveradd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_YBwG6O6CHs .hl-card--hoveradd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_NWxgMMKdYS .hl-card--hoveradd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_aCcumbFgQJ .hl-card--hoveradd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_3R0VcAUehT .hl-card--hoveradd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_3tGgdhY3KA .hl-card--hoveradd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card--hoveradd .hl-card__add[aria-busy="true"], .cc_d2ggg1qu_wlxTda79ls .hl-card--hoveradd .hl-card__add[aria-busy="true"] { opacity: 1; }
}

@media (max-width: 767px) {
  .cc_d2ggg1qu_56NygH3NRQ .hl-card, .cc_d2ggg1qu_YBwG6O6CHs .hl-card, .cc_d2ggg1qu_NWxgMMKdYS .hl-card, .cc_d2ggg1qu_aCcumbFgQJ .hl-card, .cc_d2ggg1qu_3R0VcAUehT .hl-card, .cc_d2ggg1qu_3tGgdhY3KA .hl-card, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-card, .cc_d2ggg1qu_wlxTda79ls .hl-card { gap: 10px; }
}