.ff-pickers{margin:18px 0}.ff-picker{margin:0 0 20px}.ff-picker-label{display:block;font-weight:600;margin-bottom:10px}.ff-options{display:flex;flex-wrap:wrap;gap:10px}.ff-item{cursor:pointer;position:relative;border:2px solid transparent;background:#f6f6f6;color:#222;border-radius:8px;padding:9px 14px;transition:border-color .2s,transform .2s}.ff-item:hover{transform:translateY(-2px)}.ff-item[aria-pressed=true]{border-color:#222}.ff-swatch{border-radius:50%;padding:3px;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center}.ff-swatch img,.ff-colour{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--ff-color);display:block}.ff-tip{display:none;position:absolute;z-index:99;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#222;color:white;padding:10px;border-radius:8px;min-width:130px;white-space:nowrap;text-align:center;box-shadow:0 8px 22px #0003}.ff-tip img{display:block;width:100px;height:100px;object-fit:cover;margin:0 auto 8px}.ff-swatch:hover .ff-tip,.ff-swatch:focus-visible .ff-tip{display:block}.ff-select{min-width:200px;max-width:100%}.ff-clear-selection{display:block;border:0;background:none;padding:6px 0;color:#777;cursor:pointer;font-size:12px}.ff-price-summary{font-weight:600;margin:12px 0}

.ff-no-colour{background:repeating-linear-gradient(45deg,#eee 0 6px,#ddd 6px 12px)!important}

.ff-live-pricing{border:1px solid #ddd;border-radius:10px;padding:14px 18px;margin:15px 0;display:grid;gap:5px;clear:both}.ff-live-unit{font-size:1.2em;font-weight:700}.ff-live-total{font-weight:700}.ff-live-quantity{opacity:.75}