*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;line-height:1.6}a{color:inherit}.container{width:min(1120px,92%);margin:auto}header{background:#fff;border-bottom:1px solid #e8e8e8}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo img{max-height:58px;max-width:240px}.logo-text{font-size:24px;font-weight:800}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-weight:700;font-size:15px}nav a:hover{opacity:.65}.hero{padding:82px 0;background:#f3f5f7}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.08;margin:0 0 20px}.hero p{font-size:20px;color:#555}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:13px 22px;border-radius:7px;text-decoration:none;font-weight:800;border:2px solid #222}.btn.primary{background:#222;color:#fff}.btn.light{background:#fff}.hero-photo{min-height:330px;border-radius:14px;background:#ddd url('images/hero.jpg') center/cover no-repeat}section{padding:70px 0}.section-title{text-align:center;margin:0 0 12px;font-size:36px}.section-lead{text-align:center;color:#666;max-width:720px;margin:0 auto 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e3e3e3;border-radius:12px;overflow:hidden;background:#fff}.card img{width:100%;height:210px;object-fit:cover;background:#eee;display:block}.card-body{padding:20px}.card h3{margin:0 0 8px;font-size:22px}.price{font-size:22px;font-weight:800;margin:10px 0}.features{padding-left:18px;color:#555}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.info-box{padding:28px;border-radius:12px;background:#f5f6f7}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #ddd}th{background:#f1f2f3}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.contact-box{font-size:18px}form{display:grid;gap:12px}input,textarea{width:100%;padding:13px;border:1px solid #ccc;border-radius:7px;font:inherit}textarea{min-height:140px}footer{background:#202124;color:#fff;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.small{font-size:14px;color:#aaa}

/* Jednotný horní banner - zarovnaný doprostřed a zmenšený */
.page-banner {
    width: min(1120px, 92%);
    margin: 20px auto;
    border-radius: 12px;
    overflow: hidden;
    background: #222;
}

.page-banner img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

/* Responzivní úpravy pro mobilní telefony */
@media(max-width:800px){
    .header-inner{min-height:68px}
    nav{gap:12px}
    .hero{padding:55px 0}
    .hero-grid,.contact,.info-grid{grid-template-columns:1fr}
    .cards{grid-template-columns:1fr}
    .hero-photo{min-height:250px}
    
    body {
        font-size: 17px;
    }
    .container {
        width: 96%;
        padding: 0 10px;
    }
    .section-title {
        font-size: 28px;
    }

    .page-banner {
        width: 100%;
        border-radius: 0;
        margin: 10px 0;
    }
    .page-banner img {
        height: auto;
        max-height: 220px;
        object-fit: contain;
    }
}