.product-module{background:#fff;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.filter-sort-controls{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px}@media (min-width:768px){.filter-sort-controls{align-items:flex-start;flex-direction:row;justify-content:space-between}}.filter-section{display:flex;flex:1;flex-direction:column;gap:10px}.sort-section{display:flex;flex-direction:column;gap:10px}.control-label{color:#333;font-size:14px;font-weight:600}.category-buttons{display:flex;flex-wrap:wrap;gap:8px}.category-btn{background:#fff;border:1px solid #d1d1d1;border-radius:5px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.category-btn:hover{border-color:#415b76}.category-btn.active{background-color:#415b76;border-color:#415b76;box-shadow:0 2px 8px rgba(65,91,118,.2);color:#fff}.sort-select{background:#fff;border:1px solid #d1d1d1;border-radius:5px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:border-color .2s ease}.sort-select:focus{border-color:#415b76;outline:none}.product-count{color:#666;font-size:15px;margin-bottom:24px}.product-count .count-number{color:#415b76;font-weight:600}.product-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0}.product-card{background:#fff;border:2px solid #e5e5e5;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{border-color:#415b76;box-shadow:0 8px 20px rgba(65,91,118,.15);transform:translateY(-5px)}.product-image{align-items:center;background:#f9f9f9;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-details{display:flex;flex:1;flex-direction:column;padding:20px}.product-category{background:#e8f0f7;border-radius:4px;color:#415b76;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:4px 10px;text-transform:uppercase;width:fit-content}.product-title{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 10px;min-height:50px}.product-price{color:#415b76;font-size:24px;font-weight:700;margin:0 0 20px}.cta-button{background-color:#415b76;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:auto;padding:14px 24px;text-align:center;transition:background-color .3s ease,transform .2s ease}.cta-button:hover{background-color:#2f4257;transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.modal{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;z-index:1000}.modal,.modal-content{overflow-y:auto;width:100%}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:900px;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:rgba(0,0,0,.1);border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.modal-close:hover{background:rgba(0,0,0,.2);transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column}.modal-image-container{align-items:center;background:#f9f9f9;border-radius:16px 16px 0 0;display:flex;height:400px;justify-content:center;overflow:hidden;width:100%}.modal-image{height:100%;object-fit:cover;width:100%}.modal-info{padding:32px}.modal-category{background:#e8f0f7;border-radius:4px;color:#415b76;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding:4px 10px;text-transform:uppercase;width:fit-content}.modal-title{color:#333;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 16px}.modal-price{color:#415b76;font-size:32px;font-weight:700;margin:0 0 20px}.modal-stock-warning{align-items:center;background:#fff8e6;border:1px solid #ffd966;border-radius:8px;color:#856404;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 16px}.modal-stock-warning svg{flex-shrink:0}.modal-description{color:#555;font-size:16px;line-height:1.6;margin:0 0 32px}.modal-actions{display:flex;flex-wrap:wrap;gap:12px}.modal-cta-button{background-color:#415b76;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1;font-size:16px;font-weight:600;min-width:180px;padding:16px 32px;transition:all .3s ease}.modal-cta-button:hover{background-color:#2f4257;box-shadow:0 4px 12px rgba(65,91,118,.3);transform:translateY(-2px)}.modal-cancel-button{background:#f0f0f0;border:1px solid #d1d1d1;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.modal-cancel-button:hover{background:#e5e5e5;border-color:#b1b1b1}@media (max-width:768px){.product-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-module{padding:30px 15px}.modal-content{border-radius:12px;max-width:100%}.modal-image-container{border-radius:12px 12px 0 0;height:300px}.modal-info{padding:24px}.modal-title{font-size:24px}.modal-price{font-size:28px}.modal-actions{flex-direction:column}.modal-cancel-button,.modal-cta-button{min-width:100%}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}.product-image{height:200px}.modal-image-container{height:250px}.modal-info{padding:20px}.modal-title{font-size:22px}.modal-price{font-size:26px}}