/* ═══════════════════════════════════════════════════════════════
   WodCard — 3:4 stone well (4:5 when wide), name + price, colour dots.
   Colour preview: 200ms cross-fade. Hover only on fine pointers.
   Reveal: opacity + rise, 70ms stagger.
   ═══════════════════════════════════════════════════════════════ */

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  color: var(--wd-ink);
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-top, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-top, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-top { position: relative; }

/* Quick-add layer over the photo only (same ratio as the well) */
.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-zone, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-zone, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-zone {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  pointer-events: none;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-zone, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-zone, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-zone { aspect-ratio: 4 / 5; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-main, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-main, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-main {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: inherit;
  text-decoration: none;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-ph, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-ph, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-ph {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  /* the same light tile on every product card; studio-white photos multiply into it */
  background: var(--wd-tile);
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-ph, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-ph, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-ph { aspect-ratio: 4 / 5; }

/* Wide lead cards stay short on large screens so the next row shows at first glance */
@media (min-width: 768px) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-ph, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-ph, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-ph, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-zone, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-zone, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-zone { aspect-ratio: 3 / 2; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-b, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-c, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-c, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-c { object-position: 50% 22%; }
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-b, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-c, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-c, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-c {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* crop rule: faces never cut through; caps stay in frame */
  object-position: 50% 18%;
}

/* Same box, same fit for every layer; only opacity changes. */
.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-b, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-c, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-c, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-c { transition: opacity 300ms var(--wd-ease-out); }

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-b, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-c, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-c, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-c { opacity: 0; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-c--on, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-c--on, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-c--on { opacity: 1; }

/* A previewed colour replaces both photos (no blended overlap). */
.cc_QrnvaL6dQN_mBrps9wgk1 .wcard--colour .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--colour .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--colour .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--colour .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--colour .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--colour .wcard-b { opacity: 0; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-row, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-row, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard--wide .wcard-row, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--wide .wcard-row, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--wide .wcard-row { font-size: 1rem; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-price, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-price, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-price {
  display: inline-flex;
  flex: none;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: baseline;
  gap: 0 0.5rem;
  white-space: nowrap;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-old, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-old, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-old { color: var(--wd-muted); }
.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sale, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sale, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sale { color: var(--wd-muted); font-size: 0.8125rem; }

/* ─── Colour dots ───────────────────────────────────────
   14px dots, 8px apart. Fine pointer: each dot is a 22×24 target (dot + gap, so
   targets never overlap) that previews the colour and opens it. Touch: the dots are
   only a display — the whole card opens the product. Own colour: ringed. */

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sws, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sws, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sws {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 8px;
  min-height: 1.5rem;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sw, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sw, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sw {
  display: grid;
  place-items: center;
  width: 0.875rem;
  height: 0.875rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  pointer-events: none;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-dot, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-dot, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-dot {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--dot-ring, rgba(0, 0, 0, 0.22));
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-dot--empty, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-dot--empty, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-dot--empty { box-shadow: inset 0 0 0 1px var(--wd-muted); }

@media (hover: hover) and (pointer: fine) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sws, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sws, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sws { gap: 0; margin-left: -4px; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sw, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sw, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sw {
    width: 1.375rem;
    height: 1.5rem;
    pointer-events: auto;
    cursor: pointer;
  }
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sw.is-on .wcard-dot, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sw.is-on .wcard-dot, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sw.is-on .wcard-dot {
  box-shadow: inset 0 0 0 1px var(--dot-ring, rgba(0, 0, 0, 0.22)), 0 0 0 2px var(--wd-bg), 0 0 0 3px var(--wd-ink);
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sw:focus:not(:focus-visible), .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sw:focus:not(:focus-visible), .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sw:focus:not(:focus-visible), .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sw[data-wd-pointer], .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sw[data-wd-pointer], .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sw[data-wd-pointer], .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-sw[data-wd-pointer], .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-sw[data-wd-pointer], .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-sw[data-wd-pointer] { outline: none !important; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-count, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-count, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-count {
  margin-left: 0.25rem;
  color: var(--wd-muted);
  font-size: 0.8125rem;
  line-height: 1;
}

/* Manual cards (no product yet): static dots */
.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-dots, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-dots, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-dots {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 1.125rem;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-dots i, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-dots i, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-dots i {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--dot-ring, rgba(0, 0, 0, 0.22));
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-more, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-more, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-more {
  margin-left: 0.125rem;
  color: var(--wd-muted);
  font-size: 0.8125rem;
  line-height: 1;
}

@media (hover: hover) and (pointer: fine) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-b { transition: opacity 300ms var(--wd-ease-out), transform 900ms var(--wd-ease-out); }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--swap:hover .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--swap:hover .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--swap:hover .wcard-a { opacity: 0; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--swap:hover .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--swap:hover .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--swap:hover .wcard-b { opacity: 1; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--colour:hover .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--colour:hover .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--colour:hover .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--colour:hover .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--colour:hover .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--colour:hover .wcard-b { opacity: 0; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard:not(.wcard--colour):hover .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard:not(.wcard--colour):hover .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard:not(.wcard--colour):hover .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard:not(.wcard--colour):hover .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard:not(.wcard--colour):hover .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard:not(.wcard--colour):hover .wcard-b { transform: scale(1.02); }
}

/* ─── Reveal ────────────────────────────────────────────── */

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard--armed, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--armed, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--armed {
  opacity: 0;
  transform: translateY(0.75rem);
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard--in, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--in, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--in {
  opacity: 1;
  transform: none;
  transition: opacity 600ms var(--wd-ease-out), transform 600ms var(--wd-ease-out);
  transition-delay: calc(var(--i, 0) * 70ms);
}

@media (prefers-reduced-motion: reduce) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-b, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-c, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-c, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-c { transition: none; }
  /* no photo swap on hover: the first photo stays */
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--swap:hover .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--swap:hover .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--swap:hover .wcard-a { opacity: 1; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--swap:hover .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--swap:hover .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--swap:hover .wcard-b { opacity: 0; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard:hover .wcard-a, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard:hover .wcard-a, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard:hover .wcard-a, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard:hover .wcard-b, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard:hover .wcard-b, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard:hover .wcard-b { transform: none; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--armed, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--armed, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--armed { transform: none; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--in, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--in, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--in { transform: none; transition: opacity 300ms ease; transition-delay: 0ms; }
}

/* Underline drawn as a scaled hairline from the left (transform only, like the header) */
.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-name, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-name, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-name { position: relative; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wcard-name::after, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-name::after, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-name::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.125rem;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-name::after, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-name::after, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-name::after { transition: transform 280ms var(--wd-ease-out); }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard--link .wcard-main:hover .wcard-name::after, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard--link .wcard-main:hover .wcard-name::after, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard--link .wcard-main:hover .wcard-name::after { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard-name::after, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard-name::after, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard-name::after { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════
   WodQuickAdd — lives in the card's photo zone (.wcard-zone).
   Fine pointer: panel rises from the photo's bottom edge on hover (220ms).
   Touch: 44px "+" in the corner; sheet rises from the screen bottom.
   ═══════════════════════════════════════════════════════════════ */

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa {
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  display: none;
  padding: 0.625rem 0.75rem;
  background: rgba(255, 255, 255, 0.94);
  color: var(--wd-ink);
  pointer-events: auto;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-row, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-row, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.75rem;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-label, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-label, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-label {
  font-size: 0.875rem;
  line-height: 1.4;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-szs, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-szs, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-szs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sz, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sz, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sz {
  min-width: 2.75rem;
  min-height: 2.25rem;
  padding: 0 0.625rem;
  border: 1px solid var(--wd-line);
  border-radius: 0;
  background: var(--wd-paper);
  color: var(--wd-ink);
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  transition: border-color 160ms ease;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sz.is-oos, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sz.is-oos, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sz.is-oos {
  color: var(--wd-muted);
  text-decoration: line-through;
  cursor: default;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sz:active:not(:disabled), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sz:active:not(:disabled), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sz:active:not(:disabled) { transform: scale(0.97); }

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-one, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-one, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-one {
  display: flex;
  width: 100%;
  min-height: 2.75rem;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--wd-ink);
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-one:disabled, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-one:disabled, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-one:disabled { color: var(--wd-muted); cursor: default; }
.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-note, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-note, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-note { color: var(--wd-muted); font-size: 0.8125rem; }

/* ─── Touch "+" ─────────────────────────────────────────── */

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus {
  position: absolute;
  right: 0.375rem;
  bottom: 0.375rem;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: var(--wd-ink);
  pointer-events: auto;
  cursor: pointer;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus:disabled, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus:disabled, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus:disabled { opacity: 0.5; }
.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus:active:not(:disabled), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus:active:not(:disabled), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus:active:not(:disabled) { transform: scale(0.94); }

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus-mark, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus-mark, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus-mark {
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus-mark::before, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus-mark::before, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus-mark::before, .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus-mark::after, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus-mark::after, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 1.5px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus-mark::after, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus-mark::after, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus-mark::after { transform: translate(-50%, -50%) rotate(90deg); }

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sr, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sr, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sz:focus:not(:focus-visible), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sz:focus:not(:focus-visible), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sz:focus:not(:focus-visible), .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-one:focus:not(:focus-visible), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-one:focus:not(:focus-visible), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-one:focus:not(:focus-visible), .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus:focus:not(:focus-visible), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus:focus:not(:focus-visible), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus:focus:not(:focus-visible), .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sw:focus:not(:focus-visible), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sw:focus:not(:focus-visible), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sw:focus:not(:focus-visible), .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-close:focus:not(:focus-visible), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-close:focus:not(:focus-visible), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-close:focus:not(:focus-visible), .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sheet:focus, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sheet:focus, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sheet:focus, .cc_QrnvaL6dQN_mBrps9wgk1 .wqa [data-wd-pointer], .cc_QrnvaL6dQN_HzPdjnbPCx .wqa [data-wd-pointer], .cc_QrnvaL6dQN_APfMi3FPHZ .wqa [data-wd-pointer], .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus[data-wd-pointer], .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus[data-wd-pointer], .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus[data-wd-pointer] { outline: none !important; }

/* ─── Touch sheet ───────────────────────────────────────── */

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sheet-wrap, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sheet-wrap, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sheet-wrap {
  position: fixed;
  inset: 0;
  z-index: var(--kombos-z-overlay, 200);
  pointer-events: auto;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-backdrop, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-backdrop, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  touch-action: none;
  animation: wqa-fade 200ms ease both;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sheet, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sheet, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-height: 80vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1.25rem var(--wd-g) calc(1.5rem + env(safe-area-inset-bottom, 0px));
  background: var(--wd-paper);
  color: var(--wd-ink);
  animation: wqa-rise 280ms var(--wd-ease-drawer) both;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sheet-head, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sheet-head, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sheet-name, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sheet-name, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sheet-name {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.35;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-close, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-close, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-close {
  min-height: 2.75rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--wd-ink);
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  cursor: pointer;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-set, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-set, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-set { display: flex; flex-direction: column; gap: 0.5rem; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-set-label, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-set-label, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-set-label {
  margin: 0;
  color: var(--wd-muted);
  font-size: 0.875rem;
  line-height: 1.4;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-set-sel, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-set-sel, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-set-sel { color: var(--wd-ink); }

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sws, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sws, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sws { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-left: -0.5rem; }

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sw, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sw, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sw {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-dot, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-dot, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-dot {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--wd-stone);
  box-shadow: inset 0 0 0 1px var(--dot-ring, rgba(0, 0, 0, 0.18));
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sw.is-on .wqa-dot, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sw.is-on .wqa-dot, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sw.is-on .wqa-dot {
  box-shadow: inset 0 0 0 1px var(--dot-ring, rgba(0, 0, 0, 0.18)), 0 0 0 3px var(--wd-paper), 0 0 0 4px var(--wd-ink);
}

.cc_QrnvaL6dQN_mBrps9wgk1 .wqa-szs--sheet .wqa-sz, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-szs--sheet .wqa-sz, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-szs--sheet .wqa-sz {
  min-width: 4rem;
  min-height: 3rem;
  font-size: 0.9375rem;
}

@keyframes wqa-rise {
  from { transform: translateY(100%); }
  to { transform: none; }
}

@keyframes wqa-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ─── Fine pointer: panel instead of "+" ────────────────── */

@media (hover: hover) and (pointer: fine) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wqa, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa {
    display: block;
    opacity: 0;
    transform: translateY(0.75rem);
    transition: opacity 200ms ease, transform 220ms var(--wd-ease-out);
  }

  .cc_QrnvaL6dQN_mBrps9wgk1 .wcard:hover .wqa, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard:hover .wqa, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard:hover .wqa, .cc_QrnvaL6dQN_mBrps9wgk1 .wcard:focus-within .wqa, .cc_QrnvaL6dQN_HzPdjnbPCx .wcard:focus-within .wqa, .cc_QrnvaL6dQN_APfMi3FPHZ .wcard:focus-within .wqa {
    opacity: 1;
    transform: none;
  }

  .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-plus, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-plus, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-plus { display: none; }

  .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sz:hover:not(:disabled), .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sz:hover:not(:disabled), .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sz:hover:not(:disabled) { border-color: var(--wd-ink); }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-one:hover:not(:disabled) span:first-child, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-one:hover:not(:disabled) span:first-child, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-one:hover:not(:disabled) span:first-child {
    text-decoration: underline;
    text-underline-offset: 0.25em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_QrnvaL6dQN_mBrps9wgk1 .wqa, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa { transform: none !important; }
  .cc_QrnvaL6dQN_mBrps9wgk1 .wqa-sheet, .cc_QrnvaL6dQN_HzPdjnbPCx .wqa-sheet, .cc_QrnvaL6dQN_APfMi3FPHZ .wqa-sheet { animation: wqa-fade 200ms ease both; }
}