.catalog-hero{background:linear-gradient(90deg,#111e,#1118),url(https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=85) center/cover;color:#fff;padding:46px 5%}.catalog-hero h1{font-size:36px;margin:18px 0}.catalog-hero p{font-size:13px;color:#ddd}.catalog-tabs{display:flex;gap:30px;padding:0 5%;background:#faf9f6;border-bottom:1px solid #dedad3;overflow:auto}.catalog-tabs a{font-size:12px;white-space:nowrap;padding:24px 0;border-bottom:3px solid transparent}.catalog-tabs a.active{border-color:#cda65f;color:#a57c37}.catalog-shell{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px;max-width:1500px;margin:auto;padding:35px 5% 45px}.filter-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedad3;padding-bottom:18px;font-size:13px}.text-button{background:transparent;color:#9e783d;padding:0;font-size:10px;letter-spacing:0}.filters details{border-bottom:1px solid #e2ded7;padding:20px 0}.filters summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.filters summary:after{content:'+'}.filters details[open] summary:after{content:'−'}.filters label{font-size:11px;display:flex;align-items:center;gap:8px;margin-top:14px;color:#555}.filters input{accent-color:#ba934e}.filter-hint{font-size:11px;color:#888;line-height:1.7}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:13px;flex-wrap:wrap}.catalog-toolbar select{padding:8px 12px;border:1px solid #dedad3;background:transparent;font-size:12px}.view-buttons{display:flex;gap:6px}.view-buttons button{padding:7px 10px;background:transparent;color:#333;border:1px solid #ddd;font-size:17px}.view-buttons button[aria-pressed=true]{border-color:#b9914e;color:#ac813e}.catalog-tools{display:flex;gap:12px;align-items:center}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.catalog-card{min-width:0}.catalog-photo{display:block;position:relative}.catalog-photo .product-image{aspect-ratio:1;border-radius:0;background-color:#e5e2dd}.sample-tag{position:absolute;left:12px;top:12px;background:#bd985c;color:#fff;padding:4px 7px;font-size:9px}.catalog-card h2{font-size:14px;font-weight:500;margin:15px 0 7px}.catalog-card .meta{font-size:10px;color:#888;line-height:1.9;margin:0}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:20px}.add-project{padding:9px 10px;border:1px solid #c5a16a;color:#a27b40;background:transparent;font-size:10px;letter-spacing:0}.detail-link{background:transparent;color:#555;padding:8px 0;font-size:10px;letter-spacing:0}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination button{padding:10px 13px;color:#555;background:transparent}.pagination button[aria-current=page]{background:#c29c5c;color:white}.catalog-grid.list-view{grid-template-columns:1fr}.list-view .catalog-card{display:grid;grid-template-columns:160px 1fr;gap:22px;border-bottom:1px solid #ddd;padding-bottom:20px}.catalog-note{font-size:11px;color:#888;line-height:1.7;margin:0 0 22px}.empty-state{grid-column:1/-1;padding:65px 20px;text-align:center;color:#777}.catalog-help{background:#141615;color:#fff;padding:38px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.catalog-help h2{margin-bottom:10px}.catalog-help p{font-size:13px;color:#ccc}.mobile-filter-toggle{display:none}.project-count{color:#b9914e}.product-detail-photo{max-width:350px;margin:auto}.product-detail-photo .product-image{aspect-ratio:1}@media(max-width:1000px){.catalog-shell{grid-template-columns:170px minmax(0,1fr);gap:20px;padding-left:4%;padding-right:4%}.card-actions{align-items:start;flex-direction:column}.catalog-tabs{gap:23px}}@media(max-width:700px){.catalog-hero{padding:30px 5%}.catalog-hero h1{font-size:28px}.catalog-shell{display:block;padding:22px 5%}.mobile-filter-toggle{display:block;width:100%;margin-bottom:20px;text-align:left;background:#e8e2d7;color:#333}.filters{display:none;margin-bottom:25px}.filters.visible{display:block}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.catalog-tools{gap:8px}.catalog-toolbar{font-size:12px}.catalog-toolbar select{max-width:120px}.catalog-card h2{font-size:12px}.catalog-help{display:block}.catalog-help button{margin-top:12px}.catalog-tabs a{padding:18px 0}.list-view .catalog-card{grid-template-columns:110px 1fr}.sample-tag{left:7px;top:7px;font-size:8px}.card-actions{margin-top:10px}}