.ib-umbrella-form .ib-umbrella-colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:540px}
.ib-umbrella-form .ib-umbrella-colour{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px;border:1px solid #d2d2d2;border-radius:10px;background:#fff;color:#292929;min-width:0;min-height:160px;height:100%;text-transform:none;white-space:normal;line-height:1.3;font:inherit;box-shadow:none}
.ib-umbrella-colour img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:white}
.ib-umbrella-colour span{display:flex;align-items:center;justify-content:center;min-height:2.6em;margin-top:6px;font-size:14px}
.ib-umbrella-form .ib-umbrella-colour[aria-pressed=true]{outline:2px solid #218047;border-color:#218047;background:#f2faf5}
.ib-umbrella-colour:focus-visible{outline:3px solid #218047;outline-offset:3px}
.ib-umbrella-colour:disabled{opacity:.4;cursor:not-allowed}
.ib-umbrella-form .variations .variable-items-wrapper,.ib-umbrella-form .variations .wd-swatches{display:none!important}
.ib-umbrella-form .variations select{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(max-width:360px){.ib-umbrella-form .ib-umbrella-colours{grid-template-columns:repeat(2,minmax(0,1fr))}}