/* One public variant board; selection, stock and prices remain in quick buy. */
.public-variant-board{min-width:0}.public-variant-board [hidden]{display:none!important}
.public-variant-board__tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.public-variant-board__colours{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.public-variant-board__colours button{display:flex;align-items:center;gap:7px;border:1px solid #d9e0e9;border-radius:22px;background:#fff;color:#364357;min-height:40px;padding:8px 13px;font:inherit;font-size:13px;cursor:pointer}
.public-variant-board__colours button[aria-pressed=true]{border-color:#b5121b;color:#a40e19;background:#fff3f4;font-weight:750}
.public-variant-board__swatch{width:13px;height:13px;border-radius:50%;border:1px solid #75809466;background:var(--swatch,#d9e0e9);flex:none}
.public-variant-board__search{min-width:0;flex:0 1 250px;margin:0}.public-variant-board__search input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #d9e0e9;border-radius:11px;padding:10px 13px;background:#fff;color:#273347;font:inherit;font-size:14px}
.public-variant-board__search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-variant-board__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;min-width:0}
.public-variant-board .public-variant-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:15px;border:1px solid #dde3ed;border-radius:14px;background:linear-gradient(145deg,var(--variant-tint,#f5f7fa),#fff 80%);text-decoration:none;color:#233047;box-shadow:0 2px 5px #26334805;transition:border-color .15s,box-shadow .15s,transform .15s;cursor:pointer;overflow-wrap:anywhere}
.public-variant-board .public-variant-tile:hover{border-color:#c0525b;box-shadow:0 6px 16px #25334a12;transform:translateY(-2px)}
.public-variant-board .public-variant-tile:focus-visible,.public-variant-board__colours button:focus-visible{outline:3px solid #557ab5;outline-offset:3px}
.public-variant-tile__top{display:flex;align-items:center;gap:8px;width:100%;min-height:36px}
.public-variant-tile__top .public-variant-roll{width:43px;height:34px;flex:none;margin:0}
.public-variant-tile__colour{color:#5a687d;font-size:13px;line-height:1.35;min-width:0}
.public-variant-tile__measure{display:block;font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-.025em}
.public-variant-tile__reference{display:block;color:#617087;font-size:12px;line-height:1.4}.public-variant-tile__version{font-size:12px;line-height:1.4;color:#566278}
.public-variant-tile__state{display:inline-flex;align-items:center;border-radius:6px;padding:4px 6px;font-size:12px;line-height:1.35;font-weight:700;margin-top:auto;background:#edf1f6;color:#526176}
.public-variant-tile__state--ready{background:#e9f6ee;color:#236b40}.public-variant-tile__state--order{background:#eef2fa;color:#3a5276}.public-variant-tile__state--quote,.public-variant-tile__state--pending{background:#fff2d8;color:#805d17}
.public-variant-board [data-page-format-status]:empty{display:none}.public-variant-board [data-variant-grid-empty]{font-size:14px;color:#667085;padding:16px 0}
.public-variant-board__hint{margin:14px 0 0;font-size:12px;color:#68758a}
@media(max-width:560px){.public-variant-board__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.public-variant-board .public-variant-tile{padding:12px;gap:7px;border-radius:12px}.public-variant-tile__measure{font-size:16px}.public-variant-board__search{flex:1 1 100%}.public-variant-board__colours button{padding:8px 11px}.public-variant-tile__top{gap:5px}.public-variant-tile__top .public-variant-roll{width:32px;height:29px}.public-variant-tile__colour{font-size:12px}}