/* Overlay only: preserve Flatsome media, badges, card rows and purchase actions. */
.hb-native .box-image > .hb-catalog-colors{position:absolute;z-index:4;left:6px;bottom:6px;display:flex;align-items:center;gap:1px;height:32px;max-width:calc(100% - 12px);padding:0 1px;background:rgba(255,255,255,.94);border-radius:18px}
.hb-native .hb-catalog-colors .hb-color-rail{display:flex;gap:0;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c7beb3 transparent;scroll-snap-type:x proximity;padding:0;flex:1;justify-content:flex-start}
.hb-native .hb-catalog-colors a.hb-color-swatch{box-sizing:border-box;display:block;border:0;border-radius:50%;padding:4.12px 3px;width:29.76px;height:32px;flex:0 0 29.76px;background:transparent;margin:0;line-height:1;scroll-snap-align:start;text-decoration:none;min-width:0}
.hb-native .hb-catalog-colors .hb-color-sample{display:block;border-radius:50%;width:23.76px;height:23.76px;box-shadow:inset 0 0 0 1px #8b8b8b;background-color:#ddd;background-size:390%;background-position:34% 40%}
.hb-native .hb-catalog-colors .hb-color-arrow{box-sizing:border-box;border:0;background:transparent;color:#929292;font-size:18px;line-height:1;padding:0;margin:0;min-width:0;width:24px;height:32px;min-height:0;flex:0 0 24px;box-shadow:none;letter-spacing:0}
.hb-native .hb-catalog-colors .hb-color-arrow[hidden]{display:none!important}
.hb-native .hb-catalog-colors .hb-color-arrow:disabled{opacity:.25}
.hb-native .hb-catalog-colors a:focus-visible,.hb-native .hb-catalog-colors button:focus-visible{outline:2px solid #666;outline-offset:-2px}
/* Flatsome positions the toolbar wrapper, not its quick-view link. Keep a
   four-pixel gap above the swatch strip, including the mobile round button. */
body.hb-native .product-small.box:has(>.box-text[data-hb-identity-bound]) .box-image:has(>.hb-catalog-colors) .grid-tools:has(.quick-view){bottom:42px}
@media(max-width:760px){
 body.hb-native .product-small.box:has(>.box-text[data-hb-identity-bound]) .box-image:has(>.hb-catalog-colors) .grid-tools:has(.quick-view){bottom:37px}
 .hb-native .box-image > .hb-catalog-colors{bottom:1px}
 .hb-native .hb-catalog-colors a.hb-color-swatch{padding:5.74px 1.74px;width:24px;flex-basis:24px}
 .hb-native .hb-catalog-colors .hb-color-sample{width:20.52px;height:20.52px}
}