/* AniMedia Filter — форма подбора аниме (тег {am-filter}) */
.amf{position:relative;z-index:40;display:flex;flex-direction:column;gap:10px;margin-bottom:26px;padding:12px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(20,20,30,.04),0 10px 28px -18px rgba(20,20,30,.25)}
.amf__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.amf__selects{display:flex;flex-wrap:wrap;gap:8px}

.amf-dd{position:relative}
.amf-dd>summary{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:14px;background:var(--am-field);box-shadow:inset 0 0 0 1px #ececf1;font-size:14px;font-weight:800;color:var(--am-ink);list-style:none;cursor:pointer;user-select:none;transition:background .2s,box-shadow .2s,color .2s}
.amf-dd>summary::-webkit-details-marker{display:none}
.amf-dd>summary:hover{background:#fff;box-shadow:inset 0 0 0 1.5px #f1c9d1}
.amf-dd__chev{color:var(--am-muted);transition:transform .25s,color .2s}
.amf-dd[open]>summary{background:#fff;box-shadow:inset 0 0 0 2px var(--am-red)}
.amf-dd[open] .amf-dd__chev{transform:rotate(180deg);color:var(--am-red)}
.amf-dd.is-on>summary{background:var(--am-red);color:#fff;box-shadow:0 8px 18px -8px rgba(200,21,49,.6)}
.amf-dd.is-on .amf-dd__chev{color:rgba(255,255,255,.85)}
.amf-dd__n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#fff;color:var(--am-red-dark);font-size:12px;font-weight:800}

.amf-dd__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:240px;max-width:min(92vw,360px);padding:14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(20,20,30,.06),0 24px 48px -16px rgba(20,20,30,.35);animation:amfIn .16s ease-out}
.amf-dd__panel--wide{width:min(92vw,640px);max-width:none}
.amf-dd__hint{margin:0 0 10px;font-size:12.5px;color:var(--am-muted-2)}
@keyframes amfIn{from{transform:translateY(-4px)}to{transform:none}}

.amf-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:min(60vh,420px);overflow:auto}
.amf-chip{position:relative;cursor:pointer}
.amf-chip input{position:absolute;opacity:0;pointer-events:none}
.amf-chip span{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:11px;background:var(--am-field);box-shadow:inset 0 0 0 1px #ececf1;font-size:13.5px;font-weight:700;color:var(--am-ink);transition:background .15s,color .15s,box-shadow .15s}
.amf-chip:hover span{box-shadow:inset 0 0 0 1.5px #f1c9d1;background:#fff}
.amf-chip input:checked+span{background:var(--am-red);color:#fff;box-shadow:0 6px 14px -8px rgba(200,21,49,.7)}
.amf-chip input:focus-visible+span{outline:2px solid var(--am-red);outline-offset:2px}
.amf-chip input:disabled+span{opacity:.4;cursor:not-allowed}

.amf-years{display:flex;align-items:center;gap:8px}
.amf-years span{color:var(--am-muted)}
.amf-years select{height:40px;min-width:96px;padding:0 10px;border:0;border-radius:11px;background:var(--am-field);box-shadow:inset 0 0 0 1px #ececf1;font:inherit;font-size:14px;font-weight:700;color:var(--am-ink);cursor:pointer}
.amf-years select:focus{outline:2px solid var(--am-red);outline-offset:1px}

.amf__sort{display:inline-flex;padding:4px;border-radius:14px;background:var(--am-field);box-shadow:inset 0 0 0 1px #ececf1}
.amf__sort label{cursor:pointer}
.amf__sort input{position:absolute;opacity:0;pointer-events:none}
.amf__sort span{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:10px;font-size:14px;font-weight:700;color:var(--am-muted-2);transition:background .2s,color .2s,box-shadow .2s}
.amf__sort label:hover span{color:var(--am-ink)}
.amf__sort input:checked+span{background:#fff;color:var(--am-red-dark);box-shadow:0 1px 2px rgba(20,20,30,.08),0 4px 12px rgba(20,20,30,.08)}
.amf__sort input:focus-visible+span{outline:2px solid var(--am-red);outline-offset:1px}
.amf__go{height:40px;padding:0 18px;border:0;border-radius:12px;background:var(--am-red);color:#fff;font:inherit;font-weight:800;cursor:pointer}

.amf__active{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 4px 2px;border-top:1px solid var(--am-line)}
.amf-tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 12px;border-radius:15px;background:var(--am-red-soft);color:var(--am-red-dark);font-size:13px;font-weight:700;transition:background .15s}
.amf-tag:hover{background:#ffd9e0}
.amf-reset{margin-left:4px;padding:0 8px;font-size:13px;font-weight:700;color:var(--am-muted-2)}
.amf-reset:hover{color:var(--am-red-dark)}

@media (max-width:760px){
	.amf{padding:10px;border-radius:16px}
	.amf__bar{flex-direction:column;align-items:stretch}
	.amf__bar>*{min-width:0;max-width:100%}
	.amf{overflow-x:clip}
	.amf__selects{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -10px;padding:0 10px}
	.amf__selects::-webkit-scrollbar{display:none}
	.amf-dd{position:static}
	.amf-dd>summary{height:40px;padding:0 13px;white-space:nowrap}
	.amf-dd__panel,.amf-dd__panel--wide{position:absolute;left:10px;right:10px;width:auto;min-width:0;max-width:none}
	.amf__sort{display:flex;overflow-x:auto;scrollbar-width:none}
	.amf__sort label{flex:1 0 auto}
	.amf__sort span{justify-content:center;width:100%;padding:0 12px}
}
.am-listing.is-loading .am-catlist{opacity:.45;pointer-events:none;transition:opacity .15s}