.catalog-page{position:relative;z-index:1;min-height:100vh;padding-top:7rem;background:radial-gradient(circle at 86% 4%,rgba(20,120,255,.16),transparent 26%),#030b20;color:#fff}
.catalog-page-hero{max-width:1500px;margin:0 auto;padding:clamp(5rem,9vw,9rem) clamp(1.4rem,6vw,6rem) 3.5rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:clamp(2rem,8vw,8rem);align-items:end}
.catalog-page-hero h1{font:400 clamp(3.8rem,7.2vw,8.2rem)/.88 "Libre Caslon Display",serif;margin:.6rem 0 0;max-width:980px;text-wrap:balance}.catalog-page-hero>div>p:last-child{color:#b7c5df;font-size:1.08rem;line-height:1.75;max-width:560px}.catalog-page-hero aside{border-left:2px solid #e0b951;padding:1rem 0 1rem 1.5rem;color:#dfc16e;font:600 .76rem Cinzel,serif;letter-spacing:.13em;text-transform:uppercase}
.catalog-filters{position:sticky;top:76px;z-index:8;display:flex;gap:.55rem;flex-wrap:wrap;padding:1rem max(1.4rem,calc((100vw - 1380px)/2));background:rgba(3,11,32,.93);backdrop-filter:blur(18px);border-top:1px solid rgba(230,189,85,.18);border-bottom:1px solid rgba(230,189,85,.18)}.catalog-filters button{border:1px solid rgba(157,176,215,.2);background:transparent;color:#d7e0ef;padding:.72rem 1rem;cursor:pointer;font:600 .69rem Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}.catalog-filters button:hover,.catalog-filters button.active{border-color:#ed1f42;background:#ed1f42;color:#fff}
.catalog-grid{max-width:1440px;margin:0 auto;padding:clamp(3rem,6vw,6rem) clamp(1.4rem,4vw,4rem) 8rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.catalog-product-card{display:grid;grid-template-rows:auto 1fr;background:#071735;border:1px solid rgba(157,176,215,.16);min-width:0;transition:.35s}.catalog-product-card:hover{transform:translateY(-7px);border-color:rgba(230,189,85,.5);box-shadow:0 28px 60px rgba(0,0,0,.26)}.catalog-product-card.featured{grid-column:span 2;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);grid-template-rows:1fr;background:linear-gradient(135deg,#071d4e,#350817)}.catalog-product-image{position:relative;display:block;overflow:hidden;aspect-ratio:1;background:#02091c}.catalog-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.catalog-product-card:hover img{transform:scale(1.035)}.catalog-product-image>span{position:absolute;left:1rem;bottom:1rem;color:#f0cd6d;font:600 .7rem Cinzel,serif;letter-spacing:.16em}.catalog-product-card>div{display:flex;flex-direction:column;padding:clamp(1.4rem,2.7vw,2.4rem)}.catalog-product-card h2{font:400 clamp(2rem,3vw,3.35rem)/.98 "Libre Caslon Display",serif;margin:.5rem 0 .9rem;text-wrap:balance}.catalog-product-card>div>p:not(.overline){color:#b8c5dd;line-height:1.62}.catalog-product-card>div>a{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.25rem;color:#f0cd6d;text-decoration:none;border-top:1px solid rgba(230,189,85,.2);font:600 .74rem Cinzel,serif;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-product-card.featured{grid-column:1/-1}.catalog-page-hero{grid-template-columns:1fr}.catalog-filters{top:64px}}
@media(max-width:680px){.catalog-page{padding-top:5rem}.catalog-page-hero{padding-top:4rem}.catalog-page-hero h1{font-size:3.55rem}.catalog-grid{display:block;padding-top:2rem}.catalog-product-card,.catalog-product-card.featured{display:grid;grid-template-columns:1fr;margin-bottom:1rem}.catalog-product-card.featured{grid-template-rows:auto 1fr}.catalog-filters{overflow-x:auto;flex-wrap:nowrap;padding:.8rem 1rem}.catalog-filters button{white-space:nowrap}}