@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{background:linear-gradient(90deg,#f0ece4 25%,#faf6ee 50%,#f0ece4 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite skeleton-shimmer}.skeleton-category-list{flex-direction:column;gap:16px;display:flex}.skeleton-category-item{border-radius:4px}.skeleton-card{background:#fff;border-radius:4px;overflow:hidden}.skeleton-card__image{background:linear-gradient(90deg,#f0ece4 25%,#faf6ee 50%,#f0ece4 75%) 0 0/200% 100%;width:100%;padding-bottom:120%;animation:1.5s infinite skeleton-shimmer}.skeleton-card__info{flex-direction:column;gap:8px;padding:16px 12px;display:flex}.skeleton-card__line{border-radius:4px}.skeleton-card__btn{background:linear-gradient(90deg,#f0ece4 25%,#faf6ee 50%,#f0ece4 75%) 0 0/200% 100%;border-radius:4px;width:100%;height:38px;margin-top:8px;animation:1.5s infinite skeleton-shimmer}
.catalogue{max-width:1400px;min-height:100vh;margin:0 auto;padding:40px 24px}.catalogue__header{text-align:center;margin-bottom:40px}.catalogue__header h1{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:600}.catalogue__count{font-family:var(--font-body);color:#888;font-size:13px}.catalogue__layout{gap:40px;display:flex}.catalogue__sidebar{flex-shrink:0;width:220px}.catalogue__filter-group{position:sticky;top:120px}.catalogue__filter-group h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:#1a1a1a;border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:12px;font-size:11px;font-weight:600}.catalogue__filter-option{cursor:pointer;font-family:var(--font-body);color:#666;transition:color .2s var(--ease-out);align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.catalogue__filter-option:hover{color:var(--gold-light)}.catalogue__filter-option input{accent-color:var(--gold-light);width:16px;height:16px}.catalogue__main{flex:1}.catalogue__toolbar{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:24px;display:flex}.catalogue__toolbar select{font-family:var(--font-body);color:#1a1a1a;cursor:pointer;appearance:none;transition:border-color .2s var(--ease-out);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e0e0e0;border-radius:4px;padding:10px 36px 10px 14px;font-size:13px}.catalogue__toolbar select:hover{border-color:var(--gold-light)}.catalogue__toolbar select:focus{border-color:var(--gold-light);outline:none}.catalogue__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.catalogue__empty{text-align:center;color:#888;font-family:var(--font-body);padding:80px 20px;font-size:14px}.catalogue__empty p{margin:0}@media (max-width:1024px){.catalogue__layout{flex-direction:column}.catalogue__sidebar{border-bottom:1px solid #eee;width:100%;margin-bottom:24px;padding-bottom:24px}.catalogue__filter-group{flex-wrap:wrap;gap:16px;display:flex;position:static}.catalogue__filter-group h3{width:100%;margin-bottom:8px}.catalogue__filter-option{background:#f5f5f5;border-radius:4px;padding:8px 12px}}@media (max-width:768px){.catalogue{padding:24px 16px}.catalogue__header{margin-bottom:24px}.catalogue__grid{grid-template-columns:repeat(2,1fr);gap:16px}.catalogue__toolbar{justify-content:space-between}.catalogue__toolbar select{padding:8px 32px 8px 12px;font-size:12px}}