.weight-swatch {position:relative;z-index:0;}
.weight-swatch .color-grid {display:flex;column-gap:10px;flex-wrap:wrap;row-gap:20px;margin-top:30px;}
.weight-swatch .swatch-item {height:auto;position:relative;}
.weight-swatch a {display:inline-flex;flex-direction:column;height:48px;width:98px;justify-content:center;text-align:center;font-size:16px;text-decoration:none;line-height:1.3;border:1px solid #cccccc78;border-radius:12px;overflow:hidden;padding:6px 10px;}
.weight-swatch a.active {border:1px solid #000;}
.weight-swatch a span.ws-ppkg {display:inline-block;font-size:10px;letter-spacing:0;font-family:Outfit;position:absolute;top: -9px;z-index: 999;background:#fff;padding:2px 4px;border-radius:6px;border:.2px solid #ccc;line-height:normal;color:#000;font-weight:600;left:0;right:0;margin:auto;width:fit-content;}
.weight-swatch a span.ws-ppkg.redbg {background:#ca3d3d;border:1px solid #ca3d3d;color:#fff;}
.weight-swatch span {color:#000;font-size:16px;font-weight:400;line-height:1.3;letter-spacing:0;display:block;}
.ws-freebie {display:inline-block !important;font-size:9px !important;color:#cc0b39 !important;position:absolute;bottom:-7px;background:#fff;left:0;right:0;margin:auto;width:fit-content !important;border:1px solid #ccc;border-radius:4px;padding:2px 4px;}