.hcf-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #ddd;padding:.5rem .8rem;border-radius:8px;text-decoration:none;cursor:pointer;line-height:1;user-select:none}.hcf-btn svg{width:18px;height:18px;display:block}.hcf-btn--added{background:#f7f7f7;border-color:#ccc}.hcf-remove{background:none;border:none;cursor:pointer}.hcf-products .product{position:relative}.hcf-remove-overlay{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:.35rem .6rem;border-radius:8px;border:1px solid rgb(0 0 0 / .1);background:rgb(255 255 255 / .95);font-size:12px;line-height:1;z-index:5;transition:all 0.2s}.hcf-remove-overlay:hover{background:#fff;border-color:rgb(0 0 0 / .2);box-shadow:0 2px 10px rgb(0 0 0 / .08)}.hcf-remove-overlay svg{width:14px;height:auto;display:block;fill:red}.hcf-empty{color:#666;margin:8px 0}.hcf-list-wrapper .hcf-products li{padding:0px!important;margin:0px!important;gap:10px;overflow:hidden!important;padding:10px!important;width:100%!important}.hcf-list-wrapper .hcf-products li img{width:100%;border:1px solid #DBDBDB;border-radius:16px}.hcf-list-wrapper .hcf-products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}