/* R10: the tile colour / swatch / "+N" popover rules for the cart rail, taken unchanged from the category route sheet
   split/wfl-category.ebb6075c489a.css (sha256 ebb6075c489aec43, tools/edit_r10.py). The cart route sheet is purged
   to cart tokens; regenerate with tools/edit_r10.py when the category sheet changes.
   ponytail: copied rules, upgrade = add the rail DOM to the cart route inputs of build-route-css.mjs. */
@layer vendors,bs-base,bs-components,bs-custom-components,ps-base,ps-components,ps-pages,ps-modules,utilities;
.wfl-tile__colours{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-top: 10px;font-size: 12px;color: var(--color-text-muted);font-variant-numeric: tabular-nums}
.wfl-tile__swatches{display: inline-flex;align-items: center;gap: 6px}
.wfl-tile__swatch{width: 18px;height: 18px;border: 1px solid rgba(10,10,10,.22);box-sizing: border-box;display: inline-block}
.wfl-tile__colours-count{margin-left: 6px}
@media (max-width: 900px){.wfl-tile__swatch{width: 14px;height: 14px}}
.wfl-tile__colours[data-wfl-colour-options]{position: relative}
.wfl-tile__colours-more{display: inline-flex;align-items: center;justify-content: center;border: 0;background: none;color: inherit;font: inherit;text-decoration: underline;cursor: pointer;min-width: 24px;min-height: 24px;padding: 0 2px}
.wfl-tile__colours-more:focus-visible,.wfl-tile__colours-extra:focus-visible,.wfl-tile__swatch:focus-visible{outline: 2px solid var(--color-ink);outline-offset: 2px}
.wfl-tile__colours-popover{position: absolute;z-index: 20;inset-inline: 0;bottom: calc(100% + 6px);box-sizing: border-box;max-height: 12rem;overflow: auto;padding: 8px;background: #fff;border: 1px solid var(--color-hairline);box-shadow: 0 5px 20px rgba(0,0,0,.14)}
.wfl-tile__colours-popover[hidden],.wfl-tile__preview[hidden]{display: none}
.wfl-tile__colours-extra{display: flex;align-items: center;gap: 8px;min-height: 28px;color: var(--color-ink);text-decoration: none;font-size: 12px}
.wfl-tile__colours-extra .wfl-tile__swatch{flex: none}
.wfl-tile__preview{background: #fff;pointer-events: none}
/* R10b: the cart sheet styles .wfl-cart__crosssell tiles its own way; the rail takes the PLP tile values (computed on
   DEV /index.php?id_category=5, 1440 + 375). */
.wfl-cart__crosssell [data-wfl-cart-rail] .wfl-tile__title{font-family:Inter,"Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.35;letter-spacing:normal}
.wfl-cart__crosssell [data-wfl-cart-rail] .wfl-tile__price{margin-top:6px}