/* All overrides are phone-only, including the full colour picker. */
@media (max-width:767px) {
 .mr-swatches-row { flex-wrap:nowrap !important; align-items:center !important; gap:6px !important; min-width:0; width:100%; box-sizing:border-box; }
 .mr-swatches-row > .field,.mr-swatches-row > .mr-quick-color { flex-shrink:0; margin:0; }
 .mr-swatches-row > .mr-swatch-hidden { display:none !important; }
 .mr-swatches-row .checkbox { border-radius:50%; }
 .products .product .color.mr-swatches-card .checkbox,
 .products .product .color.mr-swatches-card .checkbox .check,
 .products .product .color.mr-swatches-card .checkbox .check + div {
  width:20px; height:20px; box-sizing:border-box; border-radius:50%;
 }
 .products .product .color.mr-swatches-card .checkbox .check { z-index:1; border:1px solid transparent; }
 .products .product .color.mr-swatches-card .checkbox .check svg { display:none; }
 .products .product .color.mr-swatches-card .checkbox input:checked + .check { border-color:#29282b; box-shadow:inset 0 0 0 2px #fff; }
 .product_info .color .items.mr-swatches-detail .checkbox,
 .product_info .color .items.mr-swatches-detail .checkbox .check,
 .product_info .color .items.mr-swatches-detail .checkbox .color-swatch {
  display:block; width:30px; height:30px; box-sizing:border-box; border-radius:50%;
 }
 .product_info .color .items.mr-swatches-detail .checkbox .check { z-index:1; border:1px solid transparent; }
 .product_info .color .items.mr-swatches-detail .checkbox .check svg { display:none; }
 .product_info .color .items.mr-swatches-detail .active .checkbox .check,
 .product_info .color .items.mr-swatches-detail .current .checkbox .check { border-color:#29282b; box-shadow:inset 0 0 0 3px #fff; }
 .product_info .color .items.mr-swatches-detail .color-swatch img { border-radius:50%; }
 .mr-swatches-row.mr-swatches-quick .mr-quick-color,
 .mr-swatches-row.mr-swatches-quick .mr-quick-color > span { border-radius:50%; }
 .mr-swatches-row > .mr-swatches-more {
  display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center;
  min-width:28px; min-height:30px; margin:0; padding:0 3px; box-sizing:border-box;
  border:0; background:none; color:inherit; font:400 12px/1 var(--font_family,inherit);
  white-space:nowrap; text-decoration:none; cursor:pointer;
 }
 .mr-swatches-row > .mr-swatches-more[hidden] { display:none; }
 .mr-swatches-row > .mr-swatches-more:focus-visible { outline:1px solid currentColor; outline-offset:2px; }
 body.mr-swatches-picker-open { overflow:hidden; }
 .mr-swatches-picker {
  position:fixed; inset:auto 0 0; z-index:10001; width:100%; max-width:100%; max-height:78vh; max-height:78dvh;
  box-sizing:border-box; margin:0; padding:0 20px max(20px,env(safe-area-inset-bottom));
  border:0; border-radius:8px 8px 0 0; color:var(--text_color,#29282b); background:#fff;
  font-family:var(--font_family,inherit); overflow:auto; overscroll-behavior:contain; box-shadow:0 -5px 32px #0002;
 }
 dialog.mr-swatches-picker:not([open]) { display:none; }
 .mr-swatches-picker::backdrop { background:#0005; }
 div.mr-swatches-picker { box-shadow:0 0 0 100vmax #0005; }
 .mr-swatches-picker-head { display:flex; position:sticky; top:0; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; background:#fff; }
 .mr-swatches-picker-head h2 { margin:0; font:400 16px/1.4 var(--font_family,inherit); }
 .mr-swatches-picker-close { width:44px; height:44px; padding:0; border:0; background:none; color:inherit; font:300 28px/1 Arial,sans-serif; cursor:pointer; }
 .mr-swatches-picker-choices { display:grid; gap:4px; }
 .mr-swatches-picker-choice { display:flex; align-items:center; gap:12px; min-height:44px; padding:5px 0; color:inherit; font-size:12px; line-height:1.4; text-decoration:none; }
 .mr-swatches-picker-dot { display:block; flex:0 0 28px; width:28px; height:28px; box-sizing:border-box; border:1px solid #ccc; border-radius:50%; overflow:hidden; }
 .mr-swatches-picker-dot img { width:100%; height:100%; object-fit:cover; }
 .mr-swatches-picker-choice.is-active .mr-swatches-picker-dot { outline:1px solid #29282b; outline-offset:3px; }
 .mr-swatches-picker a:focus-visible,.mr-swatches-picker button:focus-visible { outline:1px solid #29282b; outline-offset:2px; }
}