.catalog-page{background:var(--bg-primary)}.catalog-hero{text-align:center;height:300px;color:var(--color-white);background:url(/images/catalog-hero.jpg) 50%/cover;justify-content:center;align-items:center;margin-bottom:50px;display:flex;position:relative}.catalog-hero-overlay{background:linear-gradient(135deg,#000c 0%,#00000080 100%);width:100%;height:100%;position:absolute;top:0;left:0}.catalog-hero-content{z-index:2;position:relative}.catalog-hero h1{text-shadow:2px 2px 4px #0000004d;margin-bottom:15px;font-size:4rem}.catalog-hero p{opacity:.9;font-size:1.2rem}.catalog-container{grid-template-columns:280px 1fr;gap:40px;padding-bottom:80px;display:grid}.catalog-sidebar{background:var(--color-white);border:1px solid var(--color-gold-light);border-radius:8px;height:fit-content;padding:30px 20px;position:sticky;top:100px}.catalog-sidebar h3{color:var(--color-gold);font-size:1.5rem;font-family:var(--font-primary);margin-bottom:25px}.filter-section{border-bottom:1px solid var(--color-gold-light);margin-bottom:25px;padding-bottom:25px}.filter-section h4{color:var(--color-black);margin-bottom:15px;font-size:1.1rem}.filter-search{border:1px solid var(--color-gold-light);border-radius:4px;width:100%;padding:10px;font-size:.9rem}.filter-search:focus{border-color:var(--color-gold);outline:none}.filter-categories{flex-direction:column;gap:10px;display:flex}.filter-radio{cursor:pointer;color:var(--color-gray-dark);align-items:center;gap:8px;font-size:.95rem;display:flex}.filter-radio input[type=radio]{accent-color:var(--color-gold);width:16px;height:16px}.filter-checkbox{cursor:pointer;color:var(--color-gray-dark);align-items:center;gap:8px;font-size:.95rem;display:flex}.filter-checkbox input[type=checkbox]{accent-color:var(--color-gold);width:16px;height:16px}.price-range{width:100%}.price-inputs{align-items:center;gap:10px;display:flex}.price-inputs input{border:1px solid var(--color-gold-light);border-radius:4px;width:100%;padding:8px;font-size:.9rem}.price-inputs span{color:var(--color-gray)}.filter-reset{border:1px solid var(--color-gold);width:100%;color:var(--color-gold);cursor:pointer;background:0 0;border-radius:4px;padding:12px;font-weight:500;transition:all .3s}.filter-reset:hover{background:var(--color-gold);color:var(--color-white)}.catalog-main{flex:1}.catalog-toolbar{background:var(--color-white);border:1px solid var(--color-gold-light);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px 20px;display:flex}.results-count{color:var(--color-gray);font-size:1rem}.results-count span{color:var(--color-gold);font-weight:600}.sort-select{align-items:center;gap:10px;display:flex}.sort-select label{color:var(--color-gray)}.sort-select select{border:1px solid var(--color-gold-light);color:var(--color-black);cursor:pointer;background:var(--color-white);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C6A45C' 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");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border-radius:4px;padding:8px 25px 8px 12px;font-size:.9rem}.sort-select select:focus{border-color:var(--color-gold);outline:none}.catalog-main .catalog-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;display:grid}.no-results{text-align:center;background:var(--color-white);border:1px solid var(--color-gold-light);border-radius:8px;padding:80px 20px}.no-results h3{color:var(--color-gray);margin-bottom:15px;font-size:1.8rem}.no-results p{color:var(--color-gray-light)}.pagination{justify-content:center;gap:10px;margin-top:50px;display:flex}@media (max-width:1200px){.catalog-main .catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.catalog-container{grid-template-columns:1fr}.catalog-sidebar{margin-bottom:30px;position:static}.catalog-hero h1{font-size:3rem}}@media (max-width:768px){.catalog-hero{height:200px}.catalog-hero h1{font-size:2.5rem}.catalog-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.sort-select,.sort-select select{width:100%}.catalog-main .catalog-grid{grid-template-columns:1fr}}@media (max-width:480px){.catalog-hero h1{font-size:2rem}.catalog-hero p{font-size:1rem}}