.costume-main{max-width:1200px;width:92%;margin:0 auto}.costume-intro{padding:54px 0 28px}.costume-intro h1{font-size:clamp(30px,3.5vw,46px)}.costume-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(170px,1fr) auto auto;gap:14px;align-items:end;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.costume-filters label{display:block;margin-bottom:8px;font-weight:700}.costume-filters input,.costume-filters select,.costume-filters button,.costume-more button{font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:5px;min-height:48px;background:#121521;color:var(--ink)}.costume-filters input,.costume-filters select{width:100%;min-width:0}.costume-filters button[type=submit],.costume-more button{background:var(--gold);color:#141625;font-weight:700;cursor:pointer}.costume-filters button{cursor:pointer}.costume-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0 28px}.costume-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:22px;display:flex;flex-direction:column;min-width:0}.costume-card figure{height:112px;margin:0 0 18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#a183d720,transparent 70%);border-radius:6px}.costume-card img{max-width:120px;max-height:100px;object-fit:contain;image-rendering:auto}.costume-card h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 12px}.costume-card small{color:var(--muted);font-size:13px}.costume-card p{margin:4px 0 15px;font-size:14px}.costume-card strong{margin-top:auto;color:var(--gold);font-size:17px}.costume-more{text-align:center;margin:30px 0}.costume-main>.notice{margin:35px 0 50px}#costume-status{min-height:28px}.costume-empty{grid-column:1/-1;text-align:center;padding:45px;border:1px dashed var(--line)}@media(max-width:1000px){.costume-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.costume-filters{grid-template-columns:1fr 1fr}.costume-filters button{width:100%}}@media(max-width:620px){.costume-intro{padding-top:32px}.costume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.costume-card{padding:16px}.costume-card h2{font-size:16px}.costume-card figure{height:95px}.costume-card img{max-width:100px;max-height:85px}.costume-filters{grid-template-columns:1fr;padding:16px}.costume-intro .hero-badges{font-size:12px}}@media(max-width:350px){.costume-grid{grid-template-columns:1fr}}