.container{max-width:1200px;margin:0 auto;padding:0 1rem}.breadcrumb{color:#666;padding:1rem 0;font-size:.9rem}.breadcrumb span{cursor:pointer}.breadcrumb span:hover{text-decoration:underline}.product-header{margin-bottom:2rem}.product-header h1{color:#1a365d;margin:0 0 .5rem;font-size:2.2rem}.product-model{color:#4a5568;font-size:1.1rem;font-weight:500}.product-content{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.product-gallery{flex-direction:column;display:flex}.main-image{border-radius:8px;width:100%;height:400px;margin-bottom:1rem;overflow:hidden}.main-image img{object-fit:cover;width:100%;height:100%}.image-thumbnails{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.thumbnail{cursor:pointer;border:2px solid #0000;border-radius:4px;height:80px;overflow:hidden}.thumbnail.active{border-color:#3182ce}.thumbnail img{object-fit:cover;width:100%;height:100%}.product-info{flex-direction:column;gap:1.5rem;display:flex}.specs-highlight{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.spec-item{border-bottom:1px solid #edf2f7;justify-content:space-between;padding:.5rem 0;display:flex}.spec-item:last-child{border-bottom:none}.spec-label{color:#4a5568;font-weight:600}.action-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.price-container{margin-bottom:1.5rem}.price{color:#2d3748;font-size:1.8rem;font-weight:700}.price-note{color:#718096;font-size:.9rem}.cta-buttons{flex-direction:column;gap:.8rem;margin-bottom:1.5rem;display:flex}button{cursor:pointer;border:none;border-radius:6px;padding:.8rem 1rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background-color:#3182ce}.btn-primary:hover{background-color:#2b6cb0}.btn-secondary{color:#2d3748;background-color:#e2e8f0}.btn-secondary:hover{background-color:#cbd5e0}.btn-outline{color:#4a5568;background-color:#0000;border:1px solid #cbd5e0}.btn-outline:hover{background-color:#f7fafc}.quick-info{flex-direction:column;gap:.5rem;display:flex}.info-item{color:#38a169;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.product-tabs{margin-bottom:3rem}.tabs-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;margin-bottom:1.5rem;display:flex}.tabs-header button{color:#718096;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.8rem 1.2rem;font-weight:500}.tabs-header button.tab-active{color:#3182ce;border-bottom-color:#3182ce}.tabs-header button:hover{color:#2b6cb0}.tab-panel h2{color:#2d3748;margin-top:0}.tab-panel h3{color:#4a5568}.specs-table{flex-direction:column;display:flex}.spec-row{border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 2fr;padding:.8rem 0;display:grid}.spec-name{color:#4a5568;font-weight:600}.spec-value{color:#2d3748}.applications-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.application-category{background:#f7fafc;border-radius:6px;padding:1.2rem}.application-category h3{color:#3182ce;margin-top:0}.features-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.feature{background:#f7fafc;border-radius:6px;padding:1.2rem}.feature h3{color:#3182ce;margin-top:0}.hydraulic-chart{margin:1.5rem 0}.hydraulic-chart img{border-radius:6px;width:100%}.resources-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.resource-item{background:#f7fafc;border-radius:6px;padding:1.2rem}.resource-item h3{color:#3182ce;margin-top:0}.resource-item ul{padding-left:1.2rem}.resource-item a{color:#3182ce;text-decoration:none}.resource-item a:hover{text-decoration:underline}.related-products{margin-bottom:3rem}.related-products h2{color:#2d3748;margin-bottom:1.5rem}.related-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.related-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden}.related-item:hover{transform:translateY(-4px);box-shadow:0 4px 6px #0000001a}.related-item img{object-fit:cover;width:100%;height:160px}.related-item h4{color:#2d3748;margin:1rem 1rem .5rem}.related-item p{color:#718096;margin:0 1rem 1rem;font-size:.9rem}@media (max-width:768px){.product-content,.applications-grid,.features-grid,.resources-grid,.related-grid{grid-template-columns:1fr}.tabs-header{white-space:nowrap;overflow-x:auto}}.modern-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;background:#0a142899;justify-content:center;align-items:center;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modern-modal{scrollbar-width:thin;scrollbar-color:#ccc transparent;background:#fff;border-radius:16px;width:450px;max-width:90%;max-height:90vh;padding:2rem 2.5rem;animation:.3s forwards slideUp;position:relative;overflow-y:auto;box-shadow:0 15px 35px #0003}.modern-modal::-webkit-scrollbar{width:6px}.modern-modal::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.close-btn{color:#777;cursor:pointer;background:0 0;border:none;font-size:1.6rem;transition:color .3s,transform .2s;position:absolute;top:14px;right:18px}.close-btn:hover{color:#111;transform:rotate(90deg)}.modal-title{color:#111;margin-bottom:.3rem;font-size:1.6rem;font-weight:600}.modal-subtitle{color:#666;margin-bottom:1.5rem;font-size:.95rem}.modern-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#333;font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:.75rem;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{border-color:#0070f3;box-shadow:0 0 0 3px #0070f326}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0070f3,#0059c1);border:none;border-radius:10px;margin-top:1rem;padding:.9rem 1.8rem;font-weight:600;transition:all .3s}.submit-btn:hover{background:linear-gradient(135deg,#0059c1,#003d87);transform:translateY(-2px)}.captcha-container{justify-content:center;margin-top:.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modern-modal{width:95%;max-height:85vh;padding:1.5rem}.modal-title{font-size:1.4rem}.submit-btn{width:100%}}.thumbnail-images::-webkit-scrollbar{height:8px}.thumbnail-images::-webkit-scrollbar-thumb{background:#00000026;border-radius:8px}.thumb-wrapper img{transition:transform .25s}.thumb-wrapper:hover img{transform:scale(1.05)}.thumb-wrapper.border-primary{box-shadow:0 0 0 3px #0d6efd14}