.cosmod-af {font-family: inherit; color:#111}
.cosmod-af details {padding:14px 0; border-top:1px solid #eaeaea}
.cosmod-af details:last-of-type {border-bottom:1px solid #eaeaea}
.cosmod-af summary {cursor:pointer; font-weight:700; display:flex; align-items:center; gap:10px}
.cosmod-af summary::-webkit-details-marker{display:none}
.cosmod-af summary::after{content:"▾"; margin-left:auto; transition:transform .2s ease}
.cosmod-af details[open] summary::after{transform:rotate(-180deg)}
.cosmod-af .cosmod-af-search{position:relative; margin:6px 0 10px}
.cosmod-af .cosmod-af-search input{width:100%; padding:10px 38px 10px 12px; border:1px solid #e3e3e3; background:#fff; border-radius:8px; font-size:14px}
.cosmod-af .cosmod-af-search .icon-search{position:absolute; right:12px; top:50%; transform:translateY(-50%); opacity:.6}
.cosmod-af .cosmod-af-list{max-height:320px; overflow:auto; display:grid; gap:8px; margin-top:6px; padding-right:4px}
.cosmod-af .cosmod-af-item{display:grid; grid-template-columns: 18px 1fr auto; align-items:center; gap:10px; padding:2px 2px}
.cosmod-af .cosmod-af-item input{width:16px; height:16px}
.cosmod-af .cosmod-af-item .count{color:#8c8c8c; font-size:12px}
ul.products.loading, #cosmod-af-grid.loading {opacity:.5; pointer-events:none}
.cosmod-af-pagination{margin-top:22px}
.cosmod-af-pagination ul{display:flex; gap:8px; list-style:none; padding:0}
.cosmod-af-pagination a, .cosmod-af-pagination span{display:block; padding:8px 12px; border:1px solid #ddd; border-radius:8px; text-decoration:none; font-weight:500}
.cosmod-af-pagination .current{background:#111; color:#fff; border-color:#111}