.quick-size-container{position:relative;display:block;}
.quick-size-container .quick-size-list{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:16px;position:absolute;bottom:0;background-color:#fff;width:100%; margin-bottom: 0; }
.quick-size-container .quick-size-list .size-btn{pointer-events:auto;font-size:16px;font-weight:500;line-height:100%;width:51px;height:40px;padding:5px;border-radius:4px;border:1px solid #000;background-color:#fff;color:#000;font-family:var(--font-heading--family);transition:all .3s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.quick-size-container .quick-size-list .size-btn.active{background:#000;color:#fff;}
.quick-size-container .quick-size-list .size-btn:disabled{opacity:.6;}
.quick-size-container button.quick-add-size-btn{position:absolute;bottom:16px;right:16px;padding:0;border:none;background-color:transparent;cursor:pointer;}
.quick-size-container button.quick-add-size-btn svg{width:30px;height:30px;}

@media (max-width: 749px) {
ul.product-grid[product-grid-view="default"] .quick-size-list .size-btn{font-size:10px;height:24px;padding:5px 7px;}
ul.product-grid[product-grid-view="default"] .quick-size-list{gap:3px;padding:8px;}
ul.product-grid[product-grid-view="default"] .quick-add-size-btn{bottom:8px;right:8px;}
ul.product-grid[product-grid-view="default"] button.quick-add-size-btn svg{width:20px;height:20px;}
.template-index .quick-size-container .quick-size-list{gap:5px;padding:14px;}
.template-index .quick-size-container .quick-size-list .size-btn{width:100%;}
.quick-size-container .quick-size-list{ display: grid; grid-template-columns: repeat(5, 1fr); }
.template-collection .quick-size-container .quick-size-list .size-btn{width:100%;}

}