.na-op-catalog{margin:56px auto;padding:34px;max-width:1280px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:radial-gradient(circle at 15% 10%,rgba(0,242,255,.15),transparent 24%),radial-gradient(circle at 90% 10%,rgba(255,196,0,.12),transparent 24%),linear-gradient(180deg,rgba(12,18,31,.94),rgba(8,9,14,.98));box-shadow:0 24px 70px rgba(0,0,0,.35);color:#f4f4f7}.na-op-catalog *{box-sizing:border-box}.na-op-catalog-head{text-align:center;max-width:780px;margin:0 auto 24px}.na-op-kicker{color:#00f2ff;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:900;margin:0 0 10px}.na-op-catalog h2{font-size:clamp(32px,5vw,58px);line-height:.95;text-transform:uppercase;letter-spacing:-.055em;margin:0 0 12px;font-weight:950}.na-op-catalog-head p:last-child{color:#b7b7c8;line-height:1.65}.na-op-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0}.na-op-tabs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:13px 18px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em;cursor:pointer}.na-op-tabs button.is-active{background:linear-gradient(90deg,#ff00e5,#9d00ff);border-color:transparent}.na-op-tabs span{opacity:.75;margin-left:6px}.na-op-tools{display:grid;grid-template-columns:1fr 220px 220px;gap:12px;margin:0 0 22px}.na-op-tools input,.na-op-tools select{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.28);color:#fff;border-radius:16px;padding:14px 16px;outline:none}.na-op-panel{display:none}.na-op-panel.is-active{display:block}.na-op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.na-op-card{display:grid;grid-template-columns:96px 1fr;gap:16px;min-height:190px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:16px;overflow:hidden}.na-op-thumb{width:96px;height:128px;border-radius:20px;background:linear-gradient(135deg,rgba(0,242,255,.18),rgba(157,0,255,.2));display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.na-op-thumb img{width:100%;height:100%;object-fit:cover}.na-op-thumb span{font-size:42px;font-weight:950;color:#fff}.na-op-fruit-thumb{background:linear-gradient(135deg,rgba(255,196,0,.18),rgba(255,0,229,.18))}.na-op-card-body h3{font-size:20px;line-height:1.05;margin:9px 0 7px;text-transform:uppercase;letter-spacing:-.035em}.na-op-card-body p{color:#b7b7c8;font-size:13px;line-height:1.55;margin:0 0 10px}.na-op-meta{color:#00f2ff!important;font-weight:800}.na-op-chip{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:rgba(0,242,255,.11);border:1px solid rgba(0,242,255,.18);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#00f2ff}.na-op-card-tags{display:flex;flex-wrap:wrap;gap:7px}.na-op-card-tags span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#ffe082;background:rgba(255,196,0,.09);border:1px solid rgba(255,196,0,.14);border-radius:999px;padding:6px 8px}.na-op-card details{margin-top:10px}.na-op-card summary{cursor:pointer;color:#fff;font-weight:900;font-size:12px;text-transform:uppercase}.na-op-result-info{text-align:center;color:#b7b7c8;font-size:13px;font-weight:800;margin:-6px 0 18px}.na-op-load-wrap{text-align:center;margin-top:26px}.na-op-load-more{border:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,#ff00e5,#9d00ff);color:#fff;border-radius:999px;padding:14px 22px;text-transform:uppercase;font-size:11px;font-weight:950;letter-spacing:.16em;cursor:pointer;box-shadow:0 12px 35px rgba(157,0,255,.25)}.na-op-load-more[hidden]{display:none}.na-op-empty{text-align:center;color:#b7b7c8;font-weight:800;margin-top:20px}@media(max-width:1100px){.na-op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.na-op-tools{grid-template-columns:1fr}}@media(max-width:720px){.na-op-catalog{padding:22px;margin:34px 0;border-radius:24px}.na-op-grid{grid-template-columns:1fr}.na-op-card{grid-template-columns:82px 1fr}.na-op-thumb{width:82px;height:112px}}
