*{box-sizing:border-box;}
body{margin:0;padding:0;font-family:Arial;background:#f4f4f4;}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 40px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.logo,.logo img{height:50px;}
.logo img{height:50px;width:auto;display:block;}
.navbar nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;}
.navbar nav ul li a{text-decoration:none;color:#333;font-weight:bold;}
.hero{background:url('assets/img/hero-bg.png') no-repeat center/cover;color:white;padding:100px 20px;min-height:60vh;display:flex;align-items:center;}
.hero-text{max-width:600px;}
.btn{background:#0033cc;color:white;padding:10px 20px;text-decoration:none;border-radius:5px;}
.products{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.product-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;min-height:230px;border-radius:26px;background-size:cover;background-position:center;box-shadow:0 8px 20px rgba(0,0,0,0.25);text-decoration:none;}
.product-button::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.6));}
.product-button span{position:relative;z-index:1;color:white;font-weight:bold;font-size:1.1rem;}
.product-button.rulman{background-image:url('assets/img/rulman.png');}
.product-button.kayis{background-image:url('assets/img/kayis.png');}
.product-button.guc{background-image:url('assets/img/guc.png');}
.product-button.endustri{background-image:url('assets/img/endustri.png');}

/* Hakkımızda */
.page-header{max-width:900px;margin:0 auto 2rem;}
.about{padding:2rem;max-width:1100px;margin:0 auto;}
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;}
.about-block{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.about-highlight{background:#0033cc;color:#fff;padding:1.75rem;border-radius:12px;margin-top:1rem;}

/* İletişim */
.contact{padding:2rem;max-width:1100px;margin:0 auto;}
.contact-wrapper{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;margin-bottom:2rem;}
.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.contact-item{background:#fff;padding:1.25rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.contact-form{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}
.form-row{margin-bottom:0.9rem;}
.form-row input,.form-row textarea{width:100%;padding:0.6rem;border-radius:6px;border:1px solid #ccc;}



/* Footer Tasarımı */
.footer {
    background: #1a1a1a;
    color: #fff;
    padding: 40px 20px 20px 20px;
    margin-top: 40px;
}

.footer-container {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
}

.footer-logo img {
    height: 55px;
    margin-bottom: 10px;
}

.footer h3 {
    margin-bottom: 10px;
    font-size: 1.1rem;
    color: #e6e6e6;
}

.footer p {
    margin: 6px 0;
    font-size: 0.95rem;
    color: #ddd;
}

.footer-bottom {
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.15);
    font-size: 0.85rem;
    color: #aaa;
}

/* Ensure button text is white */
.product-button {
    color: white !important;
}