.collection-page{background:linear-gradient(#faf9f7,#f5f4f2);min-height:100vh;padding-top:80px}.collection-container{max-width:1280px;margin:0 auto;padding:24px}.collection-breadcrumb{margin-bottom:16px}.collection-header-new{margin-bottom:24px}.filter-bar{background:#fff;border:1px solid #ca8a041a;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 20px #0000000a}.filter-bar-categories{border-bottom:1px solid #f0ebe3;margin-bottom:16px;padding-bottom:16px}.filter-bar-filters{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-bar-compact{background:#fff;border:1px solid #ca8a041a;border-radius:12px;margin-bottom:16px;padding:12px 16px;box-shadow:0 2px 10px #00000008}@media (max-width:768px){.filter-bar-compact{border-radius:10px;margin-bottom:12px;padding:10px 12px}}@media (max-width:576px){.filter-bar-compact{border-radius:8px;padding:8px 10px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.collection-products{background:#fff;border:1px solid #ca8a041a;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000a}.product-grid{margin-top:0;margin-bottom:24px}.product-card-link{color:inherit;text-decoration:none;display:block}.product-card{height:100%;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px)}.product-image-wrapper{aspect-ratio:1;background:#f9f9f9;width:100%;position:relative;overflow:hidden}.product-card-content{flex-direction:column;gap:8px;display:flex}.product-name{color:#1a2e35;font-size:14px;font-weight:600;display:block}.product-specs{flex-wrap:wrap;gap:4px;display:flex}.product-price-wrapper{flex-direction:column;gap:2px;margin-top:4px;display:flex}.product-price-old{color:#999;font-size:13px;text-decoration:line-through}.product-price{color:#ca8a04;font-size:16px;font-weight:700}.product-price-discount{color:#e53935}.mobile-filter-btn{display:none}.mobile-filter-overlay{z-index:1000;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-filter-overlay.active{opacity:1;visibility:visible}.mobile-filter-drawer{z-index:1001;background:#fff;flex-direction:column;width:85%;max-width:360px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-filter-drawer.active{transform:translate(0)}.mobile-filter-header{color:#fff;background:linear-gradient(135deg,#1a2e35 0%,#2d4a54 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-filter-header h3{margin:0;font-size:16px;font-weight:600}.mobile-filter-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.mobile-filter-close:hover{background:#fff3}.mobile-filter-content{-webkit-overflow-scrolling:touch;background:#faf9f7;flex:1;overflow-y:auto}.shadow-luxury{box-shadow:0 10px 40px #00000014}.shadow-gold{box-shadow:0 4px 14px #ca8a0440}@media (max-width:768px){.collection-page{padding-top:70px}.collection-container,.filter-bar{padding:16px}.filter-bar-categories{margin-bottom:12px;padding-bottom:12px}.collection-products{border-radius:12px;padding:16px}.collection-header-new h1{font-size:1.5rem}.mobile-filter-btn{display:flex}}@media (max-width:576px){.collection-container{padding:12px}.filter-bar{border-radius:12px;padding:12px}.collection-products{padding:12px}.mobile-filter-drawer{width:100%;max-width:none}}.collection-filter{background:#fff;border:1px solid #ca8a041a;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.filter-header{background:linear-gradient(135deg,#1a2e35 0%,#2d4a54 100%);padding:16px 20px;position:relative;overflow:hidden}.filter-header:before{content:"";background:linear-gradient(135deg,#0000 0%,#ca8a0426 100%);width:100px;height:100%;position:absolute;top:0;right:0}.filter-header h3{color:#fff;letter-spacing:.5px;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex;position:relative}.filter-header h3:before{content:"";background:linear-gradient(#ca8a04,#eab308);border-radius:2px;width:3px;height:16px}
