.production-list-section{background:#fff;padding:100px 0 90px}.production-list-section .wrapper{margin:0 auto;max-width:1240px;padding:0 20px}.production-header{position:relative}.production-header__inner{background:#fff;padding:60px 0;position:relative;text-align:center;z-index:1}.production-header__bg{background:#eef2f8;content:"";height:210px;left:50%;position:absolute;top:-100px;transform:translateX(-50%);width:100vw;z-index:0}.production-title{color:#141414;font-size:28px;letter-spacing:2.8px;line-height:1.6;margin-bottom:40px}.filter-tabs{align-items:center;display:flex;gap:26px;justify-content:center}.filter-tab{background:#fff;border:1px solid #0085ce;border-radius:40px;color:#0085ce;cursor:pointer;font-size:14px;font-weight:700;height:40px;letter-spacing:1.4px;line-height:1.6;min-width:130px;padding:0 16px;transition:all .3s ease}.filter-tab.active{background:#0085ce;border-color:#0085ce;color:#fff}.filter-tab:hover:not(.active){background:#f0f8ff}.production-content{align-items:flex-start;display:flex;gap:80px}.production-list-wrapper{background:#fff;flex:1}.list-header{border-bottom:1px solid #00479d;margin-bottom:24px;padding-bottom:24px}.list-header h3{color:#141414;font-size:18px;font-weight:700;letter-spacing:1.8px;line-height:1.6}.production-grid{display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.production-item{background:#fff;border-radius:3px;box-shadow:0 4px 30px 8px rgba(90,90,90,.07);cursor:pointer;display:flex;overflow:hidden;transition:all .3s ease}.production-item:hover{box-shadow:0 8px 40px 12px rgba(90,90,90,.12)}.production-item.hidden{display:none}.production-item-inner{display:flex;flex-direction:column;height:100%;width:100%}.production-thumbnail{background:#f8f9fa;height:200px;overflow:hidden;position:relative}.production-thumbnail img{transition:all .3s ease}@media (min-width:768px){.production-item:hover .production-thumbnail img{transform:scale(1.1)}}.thumbnail-wrapper{align-items:center;background:#f8f9fa;display:flex;height:100%;justify-content:center;padding:12px 32px 15px 16px;position:relative;width:100%}.thumbnail-wrapper img{height:100%;object-fit:contain;width:100%}.thumbnail-placeholder{background:linear-gradient(135deg,#f5f5f5 25%,#e0e0e0 0,#e0e0e0 50%,#f5f5f5 0,#f5f5f5 75%,#e0e0e0 0,#e0e0e0);background-size:20px 20px;height:100%;width:100%}.device-preview{bottom:10px;height:auto;pointer-events:none;position:absolute;right:10px;width:74px}.device-frame{height:auto;width:100%}.production-info{display:flex;flex:1;flex-direction:column;gap:16px;justify-content:space-between;padding:30px 20px}.customer-name{color:#595959;font-size:12px;font-style:normal;font-weight:400;letter-spacing:.1em;line-height:160%;margin-bottom:-8px}.site-name{color:#141414;display:flex;font-size:18px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0}.site-name a{color:#141414;text-decoration:none;transition:color .3s ease}.site-name a[href=""]{pointer-events:none}.site-name a[href]:not([href=""]):hover{color:#0085ce;text-decoration:underline}.production-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#00479d;border-radius:3px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;line-height:2;padding:2px 15px}.production-sidebar{background:#fff;box-shadow:0 4px 15px 0 rgba(90,90,90,.1);padding-bottom:32px;position:sticky;top:100px;width:315px}.sidebar-header{align-items:center;background:#e1f5ff;display:flex;gap:8px;padding:16px}.sidebar-header i{margin-top:-3px}.sidebar-header h3{color:#141414;font-size:18px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0}.filter-icon{height:24px;width:24px}.filter-section{padding:24px 16px}.filter-section:last-of-type{border-bottom:none;padding:0 16px 24px}.filter-section h4{color:#141414;font-size:18px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0 0 15px}.filter-options{display:flex;flex-direction:column;gap:7.5px}.filter-option{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative}.filter-option input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkbox-custom{align-items:center;background:#fff;border:2px solid #d0d0d0;border-radius:3px;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.filter-option input[type=checkbox]:checked~.checkbox-custom{background:#0085ce;border-color:#0085ce}.filter-option input[type=checkbox]:checked~.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;transform:rotate(45deg);width:6px}.filter-label{color:#404040;font-size:14px;letter-spacing:1.4px;line-height:1.6}.filter-option input[type=checkbox]:checked~.filter-label{color:#0085ce}.clear-filters-btn{background:#fff;border:1px solid #a6a6a6;color:#141414;cursor:pointer;font-size:14px;letter-spacing:1.4px;line-height:1.6;margin:24px 16px 0;padding:10px;position:relative;text-align:center;transition:all .3s ease;width:calc(100% - 32px)}.clear-filters-btn:before{background:#a6a6a6;background-size:contain;content:"";height:1px;left:0;position:absolute;top:-25px;width:100%}.clear-filters-btn:hover{background:var(--red);border-color:var(--red);color:#fff}.production-modal{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.production-modal.active{display:block}.modal-overlay{background:rgba(0,0,0,.8);cursor:pointer;left:0;top:0}.modal-content,.modal-overlay{height:100%;position:absolute;width:100%}.modal-content{background:#fff;border-radius:8px;left:50%;max-height:563px;max-width:1000px;padding:20px;top:50%;transform:translate(-50%,-50%)}.modal-close,.modal-content{align-items:center;display:flex}.modal-close{background:hsla(0,0%,100%,.9);border:none;border-radius:50%;cursor:pointer;font-size:24px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:40px;z-index:1}.modal-close:hover{background:#fff;transform:scale(1.1)}.modal-image{display:block;margin:0 auto;max-height:max-content;max-width:800px}@media screen and (max-width:1024px){.production-content{flex-direction:column;gap:40px}.modal-content{max-height:50%;max-width:90%}.modal-content img{height:auto;object-fit:contain;width:100%}.production-list-wrapper{width:100%}.production-sidebar{position:relative;top:0;width:100%}}@media screen and (max-width:768px){.production-grid{gap:20px;grid-template-columns:1fr}.customer-name{min-height:auto}.filter-tabs{flex-wrap:wrap;gap:10px}.modal-content{max-height:30%;max-width:90%}.filter-tab{font-size:12px;min-width:100px}.production-title{font-size:22px}}