.afpt-wrap{--afpt-accent:#e6007e;--afpt-radius:12px;--afpt-border:rgba(0,0,0,.08);font:inherit;margin:1.5em 0}.afpt-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.afpt-searchbox{position:relative;flex:1 1 220px;max-width:340px}.afpt-search-icon{position:absolute;left:.9em;top:50%;transform:translateY(-50%);opacity:.45;pointer-events:none}.afpt-search{width:100%;padding:.55em 1em .55em 2.6em;border:1px solid var(--afpt-border);border-radius:999px;font:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}.afpt-search:focus{outline:none;border-color:var(--afpt-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--afpt-accent) 20%,transparent)}.afpt-count{opacity:.6;font-size:.875em;margin-left:auto}.afpt-filter{padding:.5em 2em .5em 1em;border:1px solid var(--afpt-border);border-radius:999px;font:inherit;font-size:.9em;background:#fff;cursor:pointer;max-width:220px;transition:border-color .15s,box-shadow .15s}.afpt-filter:focus{outline:none;border-color:var(--afpt-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--afpt-accent) 20%,transparent)}.afpt-filter-active{border-color:var(--afpt-accent);background:color-mix(in srgb,var(--afpt-accent) 8%,#fff);font-weight:600}.afpt-reset{padding:.5em 1em;border:none;border-radius:999px;background:0 0;color:var(--afpt-accent);font:inherit;font-size:.85em;font-weight:600;cursor:pointer;text-decoration:underline}.afpt-mark{background:color-mix(in srgb,var(--afpt-accent) 22%,transparent);color:inherit;border-radius:3px;padding:0 1px}.afpt-scroll{overflow-x:auto;border:1px solid var(--afpt-border);border-radius:var(--afpt-radius);box-shadow:0 2px 12px rgba(0,0,0,.05);background:#fff}.afpt-table{width:100%;border-collapse:collapse;margin:0;font-size:.95em}.afpt-table thead th{position:sticky;top:0;background:#fafafa;text-align:left;font-weight:600;padding:.85em 1em;border-bottom:2px solid var(--afpt-border);white-space:nowrap;z-index:1}.afpt-table thead th[data-sort]{cursor:pointer;user-select:none}.afpt-table thead th[data-sort]:hover{color:var(--afpt-accent)}.afpt-table thead th[data-sort]:after{content:"↕";opacity:.3;margin-left:.4em;font-size:.8em}.afpt-table thead th.afpt-asc:after{content:"↑";opacity:1;color:var(--afpt-accent)}.afpt-table thead th.afpt-desc:after{content:"↓";opacity:1;color:var(--afpt-accent)}.afpt-table td{padding:.75em 1em;border-bottom:1px solid var(--afpt-border);vertical-align:middle}.afpt-table tbody tr:last-child td{border-bottom:none}.afpt-table tbody tr{transition:background .1s}.afpt-table tbody tr:hover{background:color-mix(in srgb,var(--afpt-accent) 4%,#fff)}.afpt-col-img{width:64px}.afpt-col-img img{width:56px;height:56px;object-fit:cover;border-radius:8px;display:block}.afpt-name{font-weight:600;text-decoration:none;color:inherit}.afpt-name:hover{color:var(--afpt-accent)}.afpt-col-price{white-space:nowrap;font-weight:600}.afpt-badge{display:inline-block;padding:.25em .75em;border-radius:999px;font-size:.8em;font-weight:600}.afpt-in-stock{background:#e7f6ec;color:#1a7f37}.afpt-out-of-stock{background:#feeceb;color:#c0392b}.afpt-btn{display:inline-block;padding:.5em 1.1em;border-radius:999px;background:var(--afpt-accent);color:#fff !important;font-size:.85em;font-weight:600;text-decoration:none;white-space:nowrap;transition:filter .15s,transform .1s}.afpt-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.afpt-btn-outline{background:0 0;color:var(--afpt-accent) !important;box-shadow:inset 0 0 0 2px var(--afpt-accent)}.afpt-btn.added:after{content:" ✓"}.afpt-pagination{display:flex;gap:.4rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.afpt-pagination button{min-width:2.4em;padding:.45em .7em;border:1px solid var(--afpt-border);border-radius:8px;background:#fff;font:inherit;cursor:pointer;transition:all .15s}.afpt-pagination button:hover{border-color:var(--afpt-accent);color:var(--afpt-accent)}.afpt-pagination button.afpt-current{background:var(--afpt-accent);border-color:var(--afpt-accent);color:#fff}.afpt-empty{opacity:.7;font-style:italic}@media (max-width:640px){.afpt-scroll{border:none;box-shadow:none;background:0 0}.afpt-table thead{display:none}.afpt-table,.afpt-table tbody,.afpt-table tr,.afpt-table td{display:block;width:100%}.afpt-table tr{border:1px solid var(--afpt-border);border-radius:var(--afpt-radius);margin-bottom:.9rem;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:.5rem 0}.afpt-table td{border:none;padding:.4em 1em}.afpt-table td[data-label]:not([data-label=""]):before{content:attr(data-label);display:block;font-size:.75em;font-weight:600;opacity:.55;text-transform:uppercase;letter-spacing:.03em}.afpt-col-img img{width:72px;height:72px}}