/* Masterfibre colour palette v1.0.119 -- first-party, isolated component tokens. */
.mf-covering-palette [hidden]{display:none!important}
.mf-covering-palette__section{padding-top:clamp(42px,5.2vw,78px);padding-bottom:clamp(70px,7vw,112px)}
.mf-covering-palette__intro{align-items:end;margin-bottom:32px}
.mf-covering-palette__intro .mf-overline{margin:0 0 12px}
.mf-covering-palette__intro h2{font-size:clamp(26px,2.8vw,38px);line-height:1.17;letter-spacing:-.035em;margin:0;max-width:650px}
.mf-covering-palette__intro .mf-span-5 p{margin:0;color:var(--mf-muted,#686868);font-size:15px;line-height:1.64}
.mf-palette-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 36px;max-width:690px}
.mf-palette-switch button{appearance:none;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:92px;padding:17px 22px;border:1px solid var(--mf-border-strong,#dedede);background:#fff;border-radius:16px;color:var(--mf-ink,#111);text-align:left;transition:border-color .18s,background-color .18s,box-shadow .18s}
.mf-palette-switch button strong{font-weight:680;font-size:19px;line-height:1.3}
.mf-palette-switch button span{font-size:13px;color:var(--mf-muted,#686868);line-height:1.4}
.mf-palette-switch button:hover{border-color:#b7a5d4;background:#faf8ff}
.mf-palette-switch button.is-active{border-color:var(--mf-purple,#4802a2);box-shadow:inset 0 0 0 1px var(--mf-purple,#4802a2);background:#f8f4fe}
.mf-palette-switch button:focus-visible,.mf-palette-swatch:focus-visible,.mf-palette-groups button:focus-visible{outline:3px solid #8d67d4;outline-offset:3px}
.mf-covering-palette__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,355px);gap:clamp(24px,3vw,44px);align-items:start}
.mf-covering-palette__catalogue{min-width:0}
.mf-palette-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:16px}
.mf-palette-search{display:flex;flex-direction:column;gap:7px;max-width:420px;width:100%}
.mf-palette-search>span{display:block;font-size:14px;font-weight:580;line-height:1.45}
.mf-palette-search input{box-sizing:border-box;width:100%;height:48px;border:1px solid var(--mf-border-strong,#dadada);border-radius:12px;padding:0 15px;font-family:inherit;font-size:15px;background:#fff;color:var(--mf-ink,#111);outline:none}
.mf-palette-search input:focus{border-color:var(--mf-purple,#4802a2);box-shadow:0 0 0 3px rgba(72,2,162,.11)}
.mf-palette-count{font-size:13px;color:var(--mf-muted,#686868);white-space:nowrap;padding-bottom:13px}
.mf-palette-groups{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.mf-palette-groups button{cursor:pointer;border:1px solid var(--mf-border-strong,#dadada);background:#fff;color:var(--mf-ink,#111);padding:8px 13px;border-radius:999px;font-family:inherit;font-size:13px;font-weight:550;line-height:1.45;min-height:39px;transition:background .2s,border-color .2s}
.mf-palette-groups button:hover{background:#f6f3fa}
.mf-palette-groups button.is-active{background:#f4ecff;color:var(--mf-purple,#4802a2);border-color:var(--mf-purple,#4802a2)}
.mf-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.mf-palette-swatch{appearance:none;display:flex;flex-direction:column;min-width:0;align-items:stretch;gap:4px;padding:8px 8px 11px;border:1px solid var(--mf-border,#ececec);border-radius:13px;background:#fff;text-align:left;cursor:pointer;transition:border-color .18s,background-color .18s,box-shadow .18s}
.mf-palette-swatch img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#eaeaea;transition:transform .18s}
.mf-palette-swatch__name{font-size:14px;font-weight:640;line-height:1.31;margin-top:6px;overflow-wrap:anywhere;color:var(--mf-ink,#111)}
.mf-palette-swatch small{font-size:13px;color:var(--mf-muted,#686868);line-height:1.28}
.mf-palette-swatch sup{color:var(--mf-purple,#4802a2)}
.mf-palette-swatch:hover{border-color:#a995c9;background:#fcfaff}
.mf-palette-swatch.is-selected{border-color:var(--mf-purple,#4802a2);box-shadow:inset 0 0 0 1px var(--mf-purple,#4802a2);background:#faf7ff}
.mf-palette-swatch.is-selected img{outline:2px solid rgba(72,2,162,.12);outline-offset:1px}
.mf-palette-empty{margin:24px 0;padding:24px;background:#f6f5f6;border-radius:12px;font-size:15px;color:var(--mf-muted,#686868)}
.mf-palette-footnotes{margin-top:24px;padding-top:16px;border-top:1px solid var(--mf-border,#eee)}
.mf-palette-footnotes p{font-size:13px;line-height:1.64;color:var(--mf-muted,#686868);margin:0 0 9px}
.mf-palette-preview{position:sticky;top:calc(var(--mf-header-sticky-h,116px) + 36px);display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--mf-border);border-radius:24px;background:var(--mf-white,#fff);box-shadow:0 18px 50px rgba(17,17,17,.055)}
.mf-palette-preview__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.mf-palette-preview__head .mf-overline{display:block;margin:0 0 5px}
.mf-palette-preview__head h3{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.02em}
.mf-palette-preview__image{border-radius:18px;overflow:hidden;border:1px solid var(--mf-border);aspect-ratio:1.22;background:#fff}
.mf-palette-preview__image>img{display:block;width:100%;height:100%;object-fit:cover}
.mf-palette-preview__info{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:18px 0 13px}
.mf-palette-preview__info strong{font-weight:650;font-size:18px;line-height:1.35}
.mf-palette-preview__info span{color:var(--mf-muted,#686868);font-size:13px;white-space:nowrap}
.mf-palette-preview__aliphatic{font-size:13px;color:#69527b;line-height:1.5;margin:0 0 12px}
.mf-palette-product-select{display:flex;flex-direction:column;gap:9px;margin:0 0 15px}
.mf-palette-product-select>span:first-child{font-size:14px;font-weight:600;line-height:1.4}
/* Uses the same icon + select wrapper as the native theme forms. */
.mf-palette-product-select .mf-select-wrap{display:block;position:relative}
.mf-palette-product-select .mf-select-wrap[hidden]{display:none!important}
.mf-palette-product-select .mf-select-wrap select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:54px;border:1px solid var(--mf-border-strong,#dedede);background:#fff;border-radius:var(--mf-radius-md,16px);padding:0 48px 0 16px;font-family:inherit;font-size:16px;font-weight:500;color:var(--mf-ink,#111);color-scheme:light;cursor:pointer;line-height:1.35}
.mf-palette-product-select .mf-select-wrap select:hover{border-color:#b8b8b8}
.mf-palette-product-select .mf-select-wrap svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mf-muted,#686868);pointer-events:none}
.mf-palette-product-select select option{background:#fff;color:var(--mf-ink,#111);font-family:inherit;font-size:16px}
.mf-palette-product-select select:focus{border-color:var(--mf-purple,#4802a2);outline:2px solid rgba(72,2,162,.16)}
.mf-palette-preview__quote{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:10px 14px;text-align:center;font-size:14px;line-height:1.4}
.mf-palette-preview__quote svg{width:17px;height:17px;flex:0 0 auto}
.mf-palette-preview__mixer{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--mf-purple,#4802a2);font-size:13px;line-height:1.5;font-weight:550;text-decoration:underline;text-decoration-color:rgba(72,2,162,.3);text-underline-offset:3px}
/* Identical dark hover/focus help style to the first-party design-system tooltip. */
.mf-palette-preview__mixer.mf-palette-tooltip{position:relative;width:max-content;max-width:100%}
.mf-palette-tooltip::after{content:attr(data-tooltip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 10px);max-width:220px;width:max-content;padding:8px 11px;border-radius:9px;background:var(--mf-ink,#111);color:#fff;font-size:12px;font-weight:500;line-height:1.35;box-shadow:0 6px 24px rgba(0,0,0,.12);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .18s ease,transform .18s ease}
.mf-palette-tooltip:hover::after,.mf-palette-tooltip:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.mf-covering-palette [data-mf-palette-preview]{scroll-margin-top:calc(var(--mf-header-sticky-h,116px) + 30px)}
body.admin-bar .mf-palette-preview{top:calc(var(--mf-header-sticky-h,116px) + 68px)}
body.admin-bar .mf-covering-palette [data-mf-palette-preview]{scroll-margin-top:calc(var(--mf-header-sticky-h,116px) + 62px)}
.mf-palette-preview__mixer svg{width:15px;height:15px;flex:0 0 auto}
/* Product-page insertion follows the existing mf-color-choice rhythm. */
.mf-color-choice--catalogue{display:grid;gap:0;padding:20px 0 23px}
.mf-color-choice--catalogue .mf-palette-mini__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mf-color-choice--catalogue .mf-palette-mini__heading strong{font-size:16px}
.mf-color-choice--catalogue .mf-palette-mini__heading span{font-size:13px;color:var(--mf-muted,#686868)}
.mf-palette-mini__samples{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:15px 0 0}
.mf-palette-mini__samples img{display:block;object-fit:cover;width:43px;height:43px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--mf-border-strong,#d4d4d4);background:#eee}
.mf-color-choice--catalogue .mf-palette-mini__caption{margin:13px 0 15px;font-size:13px;line-height:1.5;color:var(--mf-muted,#686868)}
.mf-color-choice--catalogue .mf-palette-mini__action{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;gap:9px;font-size:13.5px;text-align:center}
.mf-color-choice--catalogue .mf-palette-mini__action svg{width:16px;height:16px;flex:0 0 auto}
@media(max-width:1200px){.mf-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mf-covering-palette__layout{grid-template-columns:minmax(0,1fr) minmax(295px,325px);gap:24px}}
@media(max-width:920px){.mf-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-palette-preview{padding:18px 17px;top:calc(var(--mf-header-sticky-h,74px) + 36px)}.mf-palette-preview__info{flex-wrap:wrap;padding:14px 0 10px}.mf-palette-preview__quote{min-height:53px}.mf-covering-palette__layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}}
@media(max-width:767px){.mf-palette-preview,body.admin-bar .mf-palette-preview{top:auto}.mf-covering-palette [data-mf-palette-preview]{scroll-margin-top:calc(var(--mf-header-sticky-h,74px) + 18px)}body.admin-bar .mf-covering-palette [data-mf-palette-preview]{scroll-margin-top:calc(var(--mf-header-sticky-h,74px) + 50px)}}
@media(max-width:767px){.mf-covering-palette__section{padding-top:34px;padding-bottom:130px}.mf-covering-palette__intro{gap:12px;margin-bottom:22px}.mf-covering-palette__intro .mf-span-5 p{font-size:14px}.mf-palette-switch{gap:9px;margin-bottom:22px}.mf-palette-switch button{min-height:81px;padding:12px 14px}.mf-palette-switch button strong{font-size:17px}.mf-palette-switch button span{font-size:13px}.mf-covering-palette__layout{display:flex;flex-direction:column;gap:22px}.mf-covering-palette__catalogue{order:2;width:100%}.mf-palette-preview{position:static;order:1;width:100%;box-sizing:border-box;padding:18px;border-radius:20px}.mf-palette-preview__image{aspect-ratio:2.3}.mf-palette-preview__info{padding:11px 0}.mf-palette-preview__quote{min-height:48px}.mf-palette-preview__head h3{font-size:21px}.mf-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mf-palette-toolbar{padding:0 0 16px}.mf-palette-swatch{padding:7px 7px 9px}.mf-palette-swatch__name{font-size:14px}.mf-palette-swatch img{border-radius:8px}}
@media(max-width:520px){.mf-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-palette-count{font-size:13px}.mf-palette-preview__image{aspect-ratio:2.5}.mf-palette-switch button span{font-size:13px}.mf-palette-preview__mixer{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mf-palette-switch button,.mf-palette-swatch,.mf-palette-swatch img,.mf-palette-tooltip::after{transition:none}}