.catalog-hero{isolation:isolate;min-height:470px;color:var(--color-white);background:linear-gradient(#ffffff08 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/52px 52px,linear-gradient(135deg,#090b12,#181b2b 58%,#10121c);align-items:center;padding-block:9rem 4.5rem;display:grid;position:relative;overflow:hidden}.catalog-hero:after{z-index:-1;content:"";background:radial-gradient(circle at 13% 74%,#ff63104d,#0000 24%),radial-gradient(circle at 86% 8%,#5066ff1f,#0000 25%);position:absolute;inset:0}.catalog-hero__shape{z-index:-1;aspect-ratio:1;border:1px solid #ffffff1a;border-radius:50%;width:32rem;position:absolute;inset-block-start:-9rem;inset-inline-end:-8rem;box-shadow:inset 0 0 0 4rem #ffffff05,inset 0 0 0 8rem #ff631006}.catalog-hero__layout{justify-content:center;align-items:center;display:flex}.catalog-hero__content{text-align:center;max-width:58rem}.catalog-hero p{color:var(--color-primary);margin-block-end:.65rem;font-weight:600}.catalog-hero h1{color:var(--color-white);letter-spacing:-.035em;margin-block-end:1.25rem;font-size:clamp(3rem,5vw,4.6rem);font-weight:800;line-height:1.2}.catalog-hero span{color:#ffffffc2;font-size:1.05rem;line-height:2;display:block}.catalog{background:var(--color-white);padding-block:6rem 7rem;position:relative}.catalog__intro{gap:2rem;margin-block-end:2rem;display:grid}.catalog__intro h2{margin-block-end:.45rem;font-size:clamp(2rem,4vw,3rem)}.catalog-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:minmax(16rem,1.5fr) minmax(15rem,1fr) auto;align-items:end;gap:1rem;margin-block-end:3rem;padding:1.25rem;display:grid}.catalog-search__field{gap:.45rem;display:grid}.catalog-search label{font-size:.9rem;font-weight:600}.catalog-search input,.catalog-search select{width:100%;height:3.25rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:9px;outline:none;padding-inline:1rem}.catalog-search input:focus,.catalog-search select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff63101f}.catalog-search__actions{gap:.6rem;display:flex}.catalog-search__actions button{cursor:pointer;border-radius:9px;height:3.25rem;padding-inline:1.2rem}.catalog-search__submit{color:var(--color-white);background:var(--color-primary);border:1px solid var(--color-primary)}.catalog-search__reset{color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border)}.catalog__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.catalog__empty{text-align:center;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-lg);padding:4rem 1rem}.catalog-pagination{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block-start:3rem;display:flex}.catalog-pagination button{min-width:2.75rem;height:2.75rem;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;transition:color var(--transition), background var(--transition), border-color var(--transition);border-radius:8px;padding-inline:.8rem}.catalog-pagination button:hover:not(:disabled){color:var(--color-primary);border-color:#ff631059}.catalog-pagination button[aria-current=page]{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}.catalog-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1100px){.catalog-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.catalog-search__actions{grid-column:1/-1}.catalog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=780px){.catalog-hero{min-height:auto;padding-block:7.5rem 3.75rem}.catalog-hero__layout{text-align:center}.catalog-hero__content{margin-inline:auto}.catalog-hero h1{font-size:2.65rem}.catalog{padding-block:4rem 5rem}.catalog-search{grid-template-columns:1fr}.catalog-search__actions{grid-column:auto}.catalog-search__actions button{flex:1}.catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (width<=520px){.catalog__grid{grid-template-columns:1fr}}