/* ===== HERO PL SEKCE - START ===== */ .hero-pl { width: 100%; padding: 80px 20px; background: linear-gradient(to right, rgba(0,0,0,0.85), rgba(0,0,0,0.4)), url('/user/documents/upload/popisky/4559d4fe-c164-41ec-829b-50a7edef1ea4.png') center/cover no-repeat; color: #fff; } .hero-inner { max-width: 1100px; margin: auto; } .hero-pl h1 { font-size: 42px; line-height: 1.2; } .gold { color: #d4a64a; } .sub { color: #ddd; margin: 20px 0; } .benefits-hero p { margin: 6px 0; } .btn-hero { display: inline-block; margin-top: 20px; background: #d4a64a; color: #000; padding: 14px 24px; font-weight: bold; text-decoration: none; border-radius: 4px; } .btn-hero:hover { background: #e5b85c; } .mini { margin-top: 10px; font-size: 13px; color: #bbb; } @media (max-width: 768px) { .hero-pl h1 { font-size: 28px; } } /* ===== HERO PL SEKCE - END ===== */ /* ===== HERO PL FIX FULL WIDTH - START ===== */ .hero-pl { width: 100vw !important; margin-left: calc(50% - 50vw) !important; padding: 100px 20px !important; position: relative; z-index: 1; } /* posune obsah víc doleva (lepší kompozice) */ .hero-inner { max-width: 1100px; margin-left: 5%; } /* silnější text */ .hero-pl h1 { font-size: 48px; font-weight: 700; } /* víc kontrast */ .hero-pl::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.55); z-index: -1; } /* MOBILE FIX */ @media (max-width: 768px) { .hero-inner { margin-left: 0; text-align: center; } .hero-pl h1 { font-size: 30px; } } /* ===== HERO PL FIX FULL WIDTH - END ===== */