.main-content{padding:40px 5%;background-color:#f9fafc;min-height:70vh}
.page-title{text-align:center;margin-bottom:10px;font-size:2.2rem;color:var(--primary-color);font-weight:700}
.page-subtitle{text-align:center;margin-bottom:40px;color:var(--secondary-color);font-size:1.1rem;max-width:800px;margin-left:auto;margin-right:auto}
.product-listing-container{display:grid;grid-template-columns:1fr 350px;gap:40px;max-width:1400px;margin:0 auto}
.product-list{display:flex;flex-direction:column;gap:30px}
.product-item{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;display:grid;grid-template-columns:280px 1fr;min-height:220px}
.product-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}
.product-image{height:0;padding-bottom:100%;overflow:hidden;position:relative}
.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform 0.5s ease}
.product-item:hover .product-image img{transform:scale(1.03)}
.product-details{padding:25px 30px;display:flex;flex-direction:column}
.product-title{font-size:1.4rem;font-weight:700;color:var(--primary-color);margin-bottom:15px;line-height:1.3}
.product-title a{color:inherit;transition:color 0.2s}
.product-title a:hover{color:var(--accent-color)}
.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.product-tag{background:rgba(24,35,84,0.08);color:var(--primary-color);padding:5px 12px;border-radius:20px;font-size:0.85rem;font-weight:500}
.product-tag.highlight{background:rgba(155,46,40,0.1);color:var(--accent-color)}
.product-actions{display:flex;gap:15px;margin-top:auto}
.btn{padding:10px 20px;border-radius:4px;font-weight:600;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.btn-primary{background:var(--primary-color);color:white}
.btn-primary:hover{background:var(--secondary-color)}
.btn-secondary{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}
.btn-secondary:hover{background:rgba(24,35,84,0.05)}
.btn-accent{background:var(--accent-color);color:white}
.btn-accent:hover{background:#7d2121}
.right-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}
.sidebar-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);margin-bottom:30px}
.sidebar-card:last-child{margin-bottom:0}
.card-header{background:var(--primary-color);color:white;padding:18px 25px}
.card-header h3{font-size:1.3rem;font-weight:600;margin:0}
.card-content{padding:25px}
.company-intro{display:flex;flex-direction:column;align-items:center;text-align:center}
.engineer-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:4px solid rgba(24,35,84,0.1)}
.engineer-avatar img{width:100%;height:100%;object-fit:cover}
.engineer-name{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:5px}
.engineer-title{font-size:0.9rem;color:var(--secondary-color);margin-bottom:15px}
.company-description{font-size:0.95rem;line-height:1.6;color:#555;margin-bottom:20px}
.contact-form{display:flex;flex-direction:column;gap:15px}
.form-group{display:flex;flex-direction:column}
.form-group label{font-size:0.9rem;font-weight:500;margin-bottom:5px;color:#333}
.form-control{padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:0.95rem;transition:border-color 0.3s}
.form-control:focus{border-color:var(--primary-color);outline:none}
textarea.form-control{min-height:100px;resize:vertical}
.contact-info{display:flex;flex-direction:column;gap:12px}
.contact-item{display:flex;align-items:center;gap:12px;font-size:0.95rem}
.contact-item i{color:var(--primary-color);width:20px;text-align:center}
.pagination-section{margin-top:60px;padding-top:40px;border-top:1px solid rgba(0,0,0,0.08)}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border-radius:4px;font-weight:600;color:var(--primary-color);transition:all 0.3s}
.pagination a:hover{background:rgba(24,35,84,0.08)}
.pagination .current{background:var(--primary-color);color:white}
.pagination .prev,.pagination .next{padding:0 15px}
@media (max-width:1200px){.product-listing-container{grid-template-columns:1fr 320px;gap:30px}
.product-item{grid-template-columns:250px 1fr}
}@media (max-width:992px){.product-listing-container{grid-template-columns:1fr}
.right-sidebar{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}
.sidebar-card{margin-bottom:0}
}@media (max-width:768px){.product-item{grid-template-columns:1fr;grid-template-rows:auto auto}
.right-sidebar{grid-template-columns:1fr;gap:30px}
.product-actions{flex-direction:column}
.btn{width:100%;justify-content:center}
.product-image{height:0;padding-bottom:100%}
}@media (max-width:576px){.main-content{padding:30px 20px}
.page-title{font-size:1.8rem}
.product-details{padding:20px}
.product-title{font-size:1.2rem}
}