.kataloge-page{height:auto;background-color:var(--background-color,#f5f5f5);display:flex;flex-direction:column;overflow:auto}.kataloge-main{flex:1 1;background-color:var(--main-color,#ffffff);padding:2rem;width:100%;box-sizing:border-box}.kataloge-container{max-width:1200px;margin:0 auto;width:100%}.kataloge-title{font-size:2.5rem;font-weight:700;color:var(--text-color,#333333);text-align:center;margin-bottom:3rem}.kataloge-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;padding:20px 0;margin:0}.katalog-card{background:#ffffff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-height:280px;display:flex;flex-direction:column}.katalog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--accent-color,#007bff)}.katalog-preview{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:180px}.katalog-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.katalog-info{padding:1.5rem;background:#ffffff;border-top:1px solid #e9ecef}.katalog-name{font-size:1.25rem;font-weight:600;color:var(--text-color,#333333);margin:0;text-align:center;line-height:1.4}@media (max-width:992px){.kataloge-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.kataloge-main{padding:1.5rem}.kataloge-title{font-size:2rem;margin-bottom:2rem}}@media (max-width:768px){.kataloge-grid{grid-template-columns:1fr;gap:1rem}.kataloge-main{padding:1rem}.kataloge-title{font-size:1.75rem;margin-bottom:1.5rem}.katalog-card{min-height:240px}.katalog-preview{min-height:140px;padding:1.5rem}.katalog-info{padding:1rem}.katalog-name{font-size:1.1rem}}@media (max-width:480px){.kataloge-main{padding:.75rem}.kataloge-title{font-size:1.5rem}.katalog-card{min-height:200px}.katalog-preview{min-height:120px;padding:1rem}}