*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#222;background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
header{border-bottom:1px solid #e0e0e0;background:rgba(255,255,255,0.98);position:sticky;top:0;z-index:10;backdrop-filter:blur(6px)}
.nav-container{max-width:1180px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}
.logo-group{display:flex;align-items:center;gap:.75rem}
.logo-img{height:60px;width:auto}
nav ul{display:flex;list-style:none;gap:1.75rem}
nav a{font-size:.9rem;font-weight:500;padding-bottom:.15rem;color:#333}
nav a.active,nav a:hover{border-bottom:2px solid #7A1A26;color:#111}
.hero-wrap{background:url('hero-bg.jpg') center/cover no-repeat}
.hero-overlay{background:linear-gradient(90deg,rgba(10,10,10,0.7) 0,rgba(0,0,0,0.55) 40%,rgba(0,0,0,0.4) 100%)}
.hero{max-width:1180px;margin:0 auto;padding:4.5rem 1.5rem 4.25rem;display:grid;grid-template-columns:minmax(0,1.1fr);color:#fff}
.hero-text{max-width:560px}
.hero-text h1{font-size:2.6rem;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}
.hero-text h2{font-size:1.3rem;margin-bottom:1.4rem;font-weight:500}
.hero-text p{margin-bottom:1.4rem;font-size:.98rem;color:#eee}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.4rem}
.btn-primary{background:#7A1A26;color:#fff;border-radius:999px;padding:.65rem 1.8rem;font-size:.9rem;font-weight:600;border:none;cursor:pointer}
.btn-outline{border-radius:999px;padding:.6rem 1.6rem;font-size:.9rem;font-weight:500;border:1px solid #fff;color:#fff;background:transparent;cursor:pointer}
.hero-strip{margin-top:1.5rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,0.35);font-size:.85rem;color:#f3f3f3}
.hero-strip span{opacity:.9}
.section{max-width:1180px;margin:0 auto;padding:2.75rem 1.5rem}
.section-header{margin-bottom:2rem}
.section-header h2{font-size:1.7rem;margin-bottom:.4rem}
.section-header p{color:#666;font-size:.95rem;max-width:640px}
.about-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:2.5rem;align-items:center}
.about-text p{margin-bottom:1.1rem;color:#444;font-size:.97rem}
.about-image img{width:100%;border-radius:12px;display:block}
.products-strip{margin-top:0;padding:1.25rem 1.5rem 1.4rem;border-top:1px solid #ececec;background:#f7f7f7}
.products-strip-inner{max-width:1180px;margin:0 auto;font-size:.9rem;color:#222}
.products-strip-title{font-weight:600;margin-bottom:.45rem}
.products-strip-list{font-size:.88rem}
.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;margin-top:1.2rem}
.client-card{border-radius:12px;border:1px solid #e4e4e4;background:#fff;padding:.7rem .9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px}
.client-card img{max-width:140px;height:auto;margin-bottom:.35rem}
.client-card span{font-size:.85rem;color:#444;text-align:center}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.4rem}
.product-card{border-radius:10px;border:1px solid #e5e5e5;padding:1.1rem 1.1rem 1rem;background:#fafafa}
.product-card h3{font-size:.98rem;margin-bottom:.3rem}
.product-card p{font-size:.86rem;color:#555}
.products-hero,.contact-hero{max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem 0}
.products-hero img,.contact-hero img{width:100%;border-radius:12px;display:block}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.9rem}
.contact-details p{font-size:.95rem;margin-bottom:.5rem}
.contact-box{border-radius:12px;border:1px solid #e5e5e5;padding:1.25rem 1.2rem;background:#fafafa;font-size:.9rem}
.chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
.chip{border-radius:999px;border:1px solid #e0e0e0;padding:.2rem .7rem;font-size:.75rem;background:#fff}
footer{border-top:1px solid #e0e0e0;margin-top:1.5rem;background:#fff}
.footer-inner{max-width:1180px;margin:0 auto;padding:1.4rem 1.5rem 1.6rem;font-size:.8rem;color:#555}
.footer-services{margin-bottom:.4rem}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}
@media(max-width:900px){
  .hero{padding:3.3rem 1.5rem 3.5rem}
}
@media(max-width:800px){
  .nav-container{flex-direction:column;align-items:flex-start;gap:.6rem}
  nav ul{flex-wrap:wrap;gap:1rem}
  .hero{padding:3.2rem 1.25rem 3.2rem}
  .about-layout{grid-template-columns:minmax(0,1fr)}
  .contact-grid{grid-template-columns:minmax(0,1fr)}
}
.client-card img {
    max-width: 120px;
    height: auto;
    object-fit: contain;
}
.products-hero {
    position: relative;
    width: 100%;
    height: 380px; /* adjust height if needed */
    background-image: url('products-hero.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The transparent overlay */
.products-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45); /* 45% dark transparent overlay */
    z-index: 1;
}

/* Text on top */
.products-hero-content {
    position: relative;
    z-index: 2; /* ensures text is ABOVE the overlay */
    text-align: center;
    color: white;
    padding: 20px 40px;
}