/* Optional colour choices, directly below the product title. */
.product-card .card-colors{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin:4px 0 10px;min-width:0}
.product-card .card-color,.product-card .card-color-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-height:32px;padding:4px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;font:600 11px/1 var(--font-main,system-ui)}
.product-card .card-color-dot{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);box-shadow:inset 0 0 0 2px #ffffff40;overflow:hidden}
.product-card .card-color:hover,.product-card .card-color[aria-pressed=true]{border-color:var(--ink)}
.product-card .card-color:focus-visible,.product-card .card-color-more:focus-visible,.product-card .card-cycle-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.product-card .card-color-more{border-color:var(--line);background:var(--surface)}
.product-card .card-cycle-toggle{position:absolute;top:48px;left:12px;z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:10px;border:1px solid #11111118;border-radius:50%;background:#fffffff2;color:#202124;box-shadow:0 2px 10px #0000000a;cursor:pointer}
.product-card .card-cycle-toggle svg{display:block;fill:currentColor;width:16px;height:16px}
@media(max-width:640px){.product-card .card-colors{gap:1px}.product-card .card-cycle-toggle{top:44px;left:8px}}